jQuery.noConflict();

jQuery(document).ready(function() {
/*-------------------------------------------------------------------------------------------------------------*/
	

    jQuery('.slideshow').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
		timeout:7000
	});

	// product View box 
	jQuery(".picbox").hide();
	jQuery(".picbox:first").show();
	
	jQuery("ul.viewthumb li").click(function() {
		jQuery(".picbox").fadeOut(200); 
		var activeTab = jQuery(this).find("a").attr("href"); 
		jQuery(activeTab).fadeIn(500); 
		return false;
	});
	
	jQuery("ul.viewthumb li img").hover(function() {
		jQuery(this).animate({opacity : 0.7 }, 200);
	}, function(){
		jQuery(this).animate({opacity : 1.0 }, 100);
	});
	
	// product text box 
	jQuery(".tabcontent").hide();
	jQuery(".tabcontent:first").show();
	
	jQuery("ul.tabnav li").click(function() {
		jQuery(".tabcontent").hide(); 
		var activeTab = jQuery(this).find("a").attr("href"); 
		jQuery(activeTab).fadeIn(400); 
		return false;
	});
	
	// product box hover
	jQuery(".pro-list li a img").hover(function() {
		jQuery(this).animate({opacity : 0.6 }, 400);
	}, function(){
		jQuery(this).animate({opacity : 1.0 }, 400);
	});
	
	
	jQuery("div.men-banner a").each(function() {
		
	//	jQuery(this).find("span.hoverspan").addClass("active");
		var hoverspan = jQuery(this).find("span.hoverspan");
		var overlayspan = jQuery(this).find("span.overlay");
		
		jQuery(this).hover(function() {
			hoverspan.css({visibility : 'visible'});
			overlayspan.css({visibility : 'visible'});
		}, function(){
			hoverspan.css({visibility : 'hidden'});
			overlayspan.css({visibility : 'hidden'});
		});		

	});	
	
	/* image-swap... */
	initRolloverImages = function() {
		jQuery('.has-swap-image').mouseenter(function() {
			jQuery(this).hide().next('.swap-image').show();
		});
		jQuery('.swap-image').mouseleave(function() {
			jQuery(this).hide().prev('.has-swap-image').show();
		});
	}

	initRolloverImages();	
	
	/*
	// home banner hover
	jQuery(".homebanner img").css({opacity : 0.7 });
	jQuery(".homebanner img").hover(function() {
		jQuery(this).animate({opacity : 1.0 }, 500);
	}, function(){
		jQuery(this).animate({opacity : 0.7 }, 500);
	});
	
			*/
/*-------------------------------------------------------------------------------------------------------------*/
});