$(document).ready(function(){	


function adjustStyle(width) {
    width = parseInt(width);
	if ($(window).height() < 600) {
	$("body").addClass("short");
	}
	if ($(window).height() > 600) {
	$("body").removeClass("short");
	}
    if (width < 960) {
        $("body").addClass("short");
    } else if ((width >= 960) && (width < 1160))  {
		$("body").addClass("narrow");
    } else if (width > 1160) {
		$("body").removeClass("narrow short");
    }
}

$(function() {
    adjustStyle($(this).width());
    $(window).resize(function() {
        adjustStyle($(this).width());
    });
});

$("body").addClass("liquified");

	//When page loads...
	$("section").hide(); //Hide all content
	$("section#work-section").show(); //Show portfolio content
	$("section article:first-child, #contact-section article").addClass("active-art");
	$('#work-section article.tabbed-art').append('<a href="#" title="next project" class="next-tab">Next<span class="imgrep"></span><span id="triangle"></span><span id="shaft"></span></a>');
		
	
	// Clone portfolio images and make a navigation list from them
	$("#work-section article.tabbed-art img").clone().insertAfter("section:last").wrapAll(document.createElement('ul')).wrap("<li class='art-thumb'></li>");
	$("li.art-thumb:first").addClass("current-thumb");
	
	
	//On Click Event
	$("li.art-thumb img").click(function() {
	
		var artImage = $(this).attr("src");
		
		$(".results").hide();
		$("section").hide();
		$("section#work-section").show();
		$("#container").addClass("wkon");
		$("#menu li").removeClass("active");
		$("#menu li#portfolio").addClass("active");
		$('li.art-thumb').removeClass("current-thumb");
		$("article.tabbed-art").removeClass("active-art");
		$("article.tabbed-art:has(img[src*="+ artImage +"])").addClass("active-art");
		$(this).parent('li.art-thumb').addClass("current-thumb");		
		return false;
	});
	
			
	
	$("a.next-tab").click(function() {		
	
		$(".results").hide();
		$('li.art-thumb').removeClass("current-thumb");
		$("article.tabbed-art").removeClass("active-art");
		$(this).parents("article.tabbed-art").next("article.tabbed-art").addClass("active-art");
	
		var artalt = $('.active-art img').attr("src");		
		$("li.art-thumb:has(img[src*="+ artalt +"])").addClass("current-thumb");
	
		return false;
	});
	
	$("a.next-tab:last").click(function() {

		$("article.tabbed-art").removeClass("active-art");
		$("section article.tabbed-art:first").addClass("active-art");
		
		var artalt = $('.active-art img').attr("src");		
		$("li.art-thumb:has(img[src*="+ artalt +"])").addClass("current-thumb");
		
		return false;
	});
	
	

	//On Click Event
	
	$("#menu li:first").addClass("active");	
	$("#menu li").click(function() {	
		$("#container").removeClass("wkon");
		$(".results").hide();
		$("#menu li").removeClass("active");
		$(this).addClass("active");
		$("section").hide();
		var activeTab = $(this).find("a").attr("href");
		$(activeTab).show();
		return false;
	});

	$("#menu li#portfolio").click(function() {	
		$("#container").addClass("wkon");
	});
	
	if($("#work-section").is(':visible')) {
	$("#container").addClass("wkon");
	}

	$("#about-section .article-inner a, .submit").click(function() {	
	$("#menu li").removeClass("active");
	$("#menu li#contact").addClass("active");
	$("section").hide();
	$("section#contact-section").show();
	
	});


	


/**
 * --------------------------------------------------------------------
 * jQuery collapsible plugin
 * Author: Scott Jehl, scott@filamentgroup.com
 * Copyright (c) 2009 Filament Group 
 * licensed under MIT (filamentgroup.com/examples/mit-license.txt)
 * --------------------------------------------------------------------
 */
$.fn.collapsible = function(){
	return $(this).each(function(){
	
		//define
		var collapsibleHeading = $(this);
		var collapsibleContent = collapsibleHeading.next();
		
		//modify markup & attributes
		collapsibleHeading.addClass('collapsible-heading')
			.prepend('<span class="collapsible-heading-status"></span>')
			.wrapInner('<a href="#" class="collapsible-heading-toggle"></a>');
			
		collapsibleContent.addClass('collapsible-content');
		
		//events
		collapsibleHeading	
			.bind('collapse', function(){
				$(this)
					.addClass('collapsible-heading-collapsed')
					.find('.collapsible-heading-status').text('Show ');
										
				collapsibleContent.slideUp(function(){
					$(this).addClass('collapsible-content-collapsed').removeAttr('style').attr('aria-hidden',true);
				});
			})
			.bind('expand', function(){
				$(this)
					.removeClass('collapsible-heading-collapsed')
					.find('.collapsible-heading-status').text('Hide ');
										
				collapsibleContent
					.slideDown(function(){
						$(this).removeClass('collapsible-content-collapsed').removeAttr('style').attr('aria-hidden',false);
					});
			})
			.click(function(){ 
				if( $(this).is('.collapsible-heading-collapsed') ){
					$(this).trigger('expand'); 
				}	
				else {
					$(this).trigger('collapse'); 
				}
				return false;
			})
			.trigger('collapse');
	});	
};	
$(function(){
	$('.showhide').collapsible();
});



jQuery.extend(jQuery.validator.messages, {
required: "This field is required",
    email: "Enter a valid address"
});

$("#contactForm").validate();



	
});