/*
	jQuery(function(){
		jQuery.fn.supersized.options = {  
			startwidth: 1202,  
			startheight: 479,
			vertical_center: 1,
			slideshow: 1,
			navigation: 1,
			transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
			pause_hover: 0,
			slide_counter: 1,
			slide_captions: 1,
			slide_interval: 6000  
		};
        jQuery('#supersize').supersized(); 
    });
*/
/*

jQuery(function(){
	jQuery('.button')
		.css( {backgroundPosition: "0px 0px"} )
		.mouseover(function(){
			jQuery(this).stop().animate({backgroundPosition:"(0px -38px)"}, {duration:500})
		})
		.mouseout(function(){
			jQuery(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:200, complete:function(){
				jQuery(this).css({backgroundPosition: "0px 0px"})
			}})
		})
});
*/
// when the DOM is ready:
jQuery(document).ready(function () {
							

							
							
  // find the div.fade elements and hook the hover event
  jQuery('.links li a.one').click(function() {
    // on hovering over, find the element we want to fade *up*
    var fade = jQuery('#bg1');
    jQuery('.slide').fadeOut(1500);
	
	var tag = jQuery('.tag-title');
	tag.hide();
    // if the element is currently being animated (to a fadeOut)...
    if (fade.is(':animated')) {
      // ...take it's current opacity back up to 1
     
	 	fade.stop().fadeTo(1500, 1);
	 	tag.stop().fadeTo(1500, 1);
	
    } else {
      // fade in quickly
      	fade.fadeIn(1500);
	  	tag.html("<img src='/images/tag-1.png'>");
	  	tag.fadeIn(1500);
    }
  }, function () {
    /*
	// on hovering out, fade the element out
    var fade = jQuery('#bg1');
    if (fade.is(':animated')) {
      fade.stop().fadeTo(1500, 0);
	  tag.stop().fadeTo(1500, 0);
    
	} else {
      // fade away slowly
      fade.fadeOut(1500);
	  tag.fadeOut(1500);
    }
	*/
  });
  
  
   jQuery('.links li a.one').hover(function() {
    // on hovering over, find the element we want to fade *up*
  	jQuery('#pagination h3').html("<img src=\"/images/explore-4.png\">");
  
  }, function () {
    // on hovering out, fade the element out
	jQuery('#pagination h3').html("<img src=\"/images/explore-1.png\">");
  
  });
   
      jQuery('.links li a.two').hover(function() {
    // on hovering over, find the element we want to fade *up*
  	jQuery('#pagination h3').html("<img src=\"/images/explore-2.png\">");
  
  }, function () {
    // on hovering out, fade the element out
	jQuery('#pagination h3').html("<img src=\"/images/explore-1.png\">");
  
  });
	  
	    jQuery('.links li a.three').hover(function() {
    // on hovering over, find the element we want to fade *up*
  	var h3html = jQuery('#pagination h3');  
	jQuery('#pagination h3').html("<img src=\"/images/explore-3.png\">");
  
  }, function () {
    // on hovering out, fade the element out
	jQuery('#pagination h3').html("<img src=\"/images/explore-1.png\">");
  
  }); 
  
  jQuery('.links li a.two').click(function() {
    // on hovering over, find the element we want to fade *up*
    var fade = jQuery('#bg2');
    jQuery('.slide').fadeOut(1500);
	
	var tag = jQuery('.tag-title');
	tag.hide();
    // if the element is currently being animated (to a fadeOut)...
    if (fade.is(':animated')) {
      // ...take it's current opacity back up to 1
     
	 fade.stop().fadeTo(1500, 1);
	 tag.stop().fadeTo(1500, 1);
	
    } else {
      // fade in quickly
      fade.fadeIn(1500);
	  tag.html("<img src='/images/tag-2-2.png'>");
	  tag.fadeIn(1500);
    }
  }, function () {
    // on hovering out, fade the element out
   /* var fade = jQuery('#bg2');
    if (fade.is(':animated')) {
      fade.stop().fadeTo(1500, 0);
	  tag.stop().fadeTo(1500, 0);
    } else {
      // fade away slowly
      fade.fadeOut(1500);
	  tag.fadeOut(1500);
    } */
  });

    jQuery('.links li a.three').click(function() {
    // on hovering over, find the element we want to fade *up*
    var fade = jQuery('#bg3');
    jQuery('.slide').fadeOut(1500);
	
	var tag = jQuery('.tag-title');
	tag.hide();
	
	
    // if the element is currently being animated (to a fadeOut)...
    if (fade.is(':animated')) {
      // ...take it's current opacity back up to 1
     
	 fade.stop().fadeTo(1500, 1);
	 tag.stop().fadeTo(1500, 1);
	
    } else {
      // fade in quickly
      fade.fadeIn(1500);
	  tag.html("<img src='/images/tag-3.png'>");
	  tag.fadeIn(1500);
    }
  }, function () {
    // on hovering out, fade the element out
   /* var fade = jQuery('#bg3');
    if (fade.is(':animated')) {
      fade.stop().fadeTo(1500, 0);
	  tag.stop().fadeTo(1500, 0);
    } else {
      // fade away slowly
      fade.fadeOut(1500);
	  tag.fadeOut(1500);
    }*/
  });
  
  

  
});


	
jQuery.easing['BounceEaseOut'] = function(p, t, b, c, d) {
	if ((t/=d) < (1/2.75)) {
		return c*(7.5625*t*t) + b;
	} else if (t < (2/2.75)) {
		return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
	} else if (t < (2.5/2.75)) {
		return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
	} else {
		return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
	}
};

jQuery(document).ready(function() {
    jQuery('#collection').jcarousel({
        easing: 'BounceEaseOut',
        animation: 1000
    });
});