// logo animation

$(function() {
// OPACITY OF BUTTON SET TO 100
$("#logo img").css("opacity","1.0");
		
// ON MOUSE OVER
$("#logo img").hover(function () {
										  
// SET OPACITY TO 0
$(this).stop().animate({
opacity: 0.4
}, "medium");
},
		
// ON MOUSE OUT
function () {
			
// SET OPACITY BACK TO 100
$(this).stop().animate({
opacity: 1.0
}, "slow");
});
});

//mens hover
$(function() {
// OPACITY OF BUTTON SET TO 100
$("#hover_effect a").css("opacity","0");
		
// ON MOUSE OVER
$("#hover_effect a").hover(function () {
										  
// SET OPACITY TO 0
$(this).stop().animate({
opacity: 1
}, "slow");
},
		
// ON MOUSE OUT
function () {
			
// SET OPACITY BACK TO 100
$(this).stop().animate({
opacity: 0.0
}, "medium");
});
});

//womens hover

$(function() {
// OPACITY OF BUTTON SET TO 100
$("#hover_effect2 a").css("opacity","0");
		
// ON MOUSE OVER
$("#hover_effect2 a").hover(function () {
										  
// SET OPACITY TO 0
$(this).stop().animate({
opacity: 1
}, "slow");
},
		
// ON MOUSE OUT
function () {
			
// SET OPACITY BACK TO 100
$(this).stop().animate({
opacity: 0.0
}, "medium");
});
});
    
// main_nav effects

$(function() {
// OPACITY OF BUTTON SET TO 100
$("#main_links img").css("opacity","1.0");
		
// ON MOUSE OVER
$("#main_links img").hover(function () {
										  
// SET OPACITY TO 0
$(this).stop().animate({
opacity: 0.4
}, "medium");
},
		
// ON MOUSE OUT
function () {
			
// SET OPACITY BACK TO 100
$(this).stop().animate({
opacity: 1.0
}, "slow");
});
});

//brick mortar brands
// logo animation

$(function() {
// OPACITY OF BUTTON SET TO 100
$("#logo_style img").css("opacity",".2");
		
// ON MOUSE OVER
$("#logo_style img").hover(function () {
										  
// SET OPACITY TO 0
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
		
// ON MOUSE OUT
function () {
			
// SET OPACITY BACK TO 100
$(this).stop().animate({
opacity:.2
}, "slow");
});
});



jQuery(document).ready(function() {
   var $panel = jQuery('#slide_container');

   // Expand Panel
   jQuery("#header_hover").hover(function() {
     if (!$panel.is(':animated')) {
       $panel.slideDown("fast");
	   	jQuery("#toggle p").toggle();
     }
   });

   // Collapse Panel
   jQuery("#header_hover").mouseleave(function() {
     if (!$panel.is(':animated')) {
       $panel.slideUp("fast");
	   jQuery("#toggle p").toggle();
     }
   });


}); 

//content slider
$(document).ready(function (){
	$('#button a').click(function(){
		var integer = $(this).attr('rel');
		$('#myslide .cover').animate({left:-800*(parseInt(integer)-1)})  /*----- Width of div mystuff (here 160) ------ */
		$('#button a').each(function(){
		$(this).removeClass('active');
			if($(this).hasClass('button'+integer)){
				$(this).addClass('active')}
		});
	});	
});

//slideshow

  $(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade',
		speed:   2500,
		timeout: 1500 
	});
}); 
  
 
 //look boox lightbox
 
 $(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
				$("a[rel='example1']").colorbox();
				$("a[rel='example2']").colorbox({transition:"fade"});
				$("a[rel='example3']").colorbox({transition:"none"});
				$("a[rel='example4']").colorbox({slideshow:true});
				$(".example5").colorbox();
				$(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
				$(".example7").colorbox({width:"540px", height:"120px", iframe:true});
				$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
				$(".example9").colorbox({
					onOpen:function(){ alert('onOpen: colorbox is about to open'); },
					onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
					onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
					onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
					onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
				});
				
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					return false;
				});
			});
		

//info boxgrid
$(document).ready(function(){
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Caption Sliding (Partially Hidden to Visible)
				$('.boxgrid.caption').hover(function(){
					$(".cover", this).stop().animate({top:'105px'},{queue:false,duration:220});
				}, function() {
					$(".cover", this).stop().animate({top:'140px'},{queue:false,duration:220});
				});
			});