$(document).ready(function(){

	
	// Set body width
		
	$("body").removeClass("wide");
	$("body").removeClass("medium1");
	$("body").removeClass("medium2");
	$("body").removeClass("medium3");
	$("body").removeClass("narrow");
				
	$("#examples .example-item").hide();
	$("#examples .example-item").eq(0).show();
	$("#examples h4").eq(0).addClass("active");
	$("#examples h4").hover(function(){
	  $("#examples h4").removeClass("active");
	  $(this).addClass("active");
	});
	
	$("#examples h4").hover(function(){
		$("#examples .example-item").hide();
	  	$(this).prev(".example-item").show();
	});
	
	$("#accordion div.accordion-content").hide();
	$("#accordion h3").eq(0).addClass("active");
	$("#accordion div.accordion-content").eq(0).show();	
	$("#accordion h3").click(function(){
	  $("#accordion div.accordion-content").hide();
	  $("#accordion h3").removeClass("active");
	  $(this).next(".accordion-content").slideToggle("normal");
	  $(this).addClass("active");
	});
	
	$("#accordion h2").click(function(){
	  $("#accordion div.accordion-content").hide();
	  $("#accordion h2").removeClass("active");
	  $(this).next(".accordion-content").slideToggle("normal");
	  $(this).addClass("active");
	});
	
	$(".resource-item-permalink").click(function(){
		var pathname = window.location.pathname;
		$.cookie('backPath', pathname, {path: '/' });
	});
	
	$(".nav-item").hover(function(){
	  $(this).addClass("paused");
	}, function(){
	  $(this).removeClass("paused");
	});
		
	$(".nav-examples").cycle({
		fx:  "fade", 
		speed: 500,
		delay:  0, 
   	 	pause: 1,
    	timeout: 6000, 
    	next:   '.nav-examples .nav-next', 
		cleartype:  1 
	});
	
	

/*
	$(".nav-quotes").cycle({
		fx:  "fade", 
		speed: 500,
		delay:  0, 
   	 	pause: 0,
    	timeout: 3000, 
		cleartype:  1 
	});
*/
	
	$(".nav-quotes .nav-item").hide();
	$(".nav-quotes .nav-item").eq(0).show();
	$(".nav-quotes .nav-stop").click(function(){
	  	$(".nav-quotes .nav-item").show("fast");
	  	$(".nav-quotes .nav-stop").hide();
	});


/*
	$(".nav-examples").cycle({
		fx:  "fade", 
		speed: 500,
		delay:  0, 
   	 	pause: 0,
    	timeout: 0, 
    	next:   '.nav-examples .nav-next', 
		cleartype:  1 
	});

	$(".nav-quotes").cycle({
		fx:  "fade", 
		speed: 500,
		delay:  0, 
   	 	pause: 0,
    	timeout: 0, 
    	next:   '.nav-quotes .nav-next', 
		cleartype:  1 
	});

*/

	
  if( windowWidth() > 1350 ) {
 	 $("body").addClass("wide");

  } else if( windowWidth() > 1250 ) {
 	 $("body").addClass("medium3");

  } else if( windowWidth() > 1150 ) {
 	 $("body").addClass("medium2");

  } else  {
 	 $("body").addClass("medium1");

  } 

/*
  if( windowWidth() > 1350 ) {
 	 $("body").addClass("wide");

  } else if( windowWidth() > 1250 ) {
 	 $("body").addClass("medium3");

  } else if( windowWidth() > 1150 ) {
 	 $("body").addClass("medium2");

  } else if( windowWidth() > 1050 ) {
 	 $("body").addClass("medium1");

  } else {
 	 $("body").addClass("narrow");
  }
*/


	// Home page slideshow

	$('.slideshow').cycle({
		fx:  'fade', 
		timeout:  5000, 
		delay:  200, 
   	 	pause: 0,
		cleartype:  1 
	});


});



// Get inner window width

function windowWidth() {
  var myWidth = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
  }
  return myWidth;
}


// Smart resize

$(window).smartresize(function(){  
	
	$("body").removeClass("wide");
	$("body").removeClass("medium1");
	$("body").removeClass("medium2");
	$("body").removeClass("medium3");
	$("body").removeClass("narrow");
	
  if( windowWidth() > 1350 ) {
 	 $("body").addClass("wide");

  } else if( windowWidth() > 1250 ) {
 	 $("body").addClass("medium3");

  } else if( windowWidth() > 1150 ) {
 	 $("body").addClass("medium2");

  } else  {
 	 $("body").addClass("medium1");

  }      
});


function clearDefault(el) {
  if (el.defaultValue==el.value) el.value = ""
}