var $jQ = jQuery.noConflict();
$jQ(document).ready(function($){

	  	
	// ------------------------------------------------------------------------------
	// Progressive enhancement hook
	// ------------------------------------------------------------------------------
		
		$('body').addClass('js').removeClass('no-js');
		
		$('body').fadeIn(1200);
		

		$(".collection").mouseover(function () {
		    $(this).fadeTo('slow', 0.5);
		  });
		
		$(".collection").mouseleave(function () {
		    $(this).fadeTo('slow', 1);
		  });
		  
		  		  		
	// ------------------------------------------------------------------------------
	// Slider		
	// ------------------------------------------------------------------------------
		
						
		$('.looks').slides({
			container: 'slides-container',
		  	effect: 'fade',
		  	crossfade: false,
		  	autoHeight: true,
		  	fadeSpeed: 400,
		  	bigTarget: true,
		  	generatePagination: true
		});
		
				
			  
	// ------------------------------------------------------------------------------
	// Tabs
	// ------------------------------------------------------------------------------
	
	
		//When page loads...
		$(".tab-content").hide(); //Hide all content
		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
		$(".tab-content:first").show(); //Show first tab content
	
		//On Click Event
		$("ul.tabs li").click(function() {
	
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			$(".tab-content").hide(); //Hide all tab content
	
			var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
			$(activeTab).fadeIn(1200); //Fade in the active ID content
			return false;
		});
		
				

	// ------------------------------------------------------------------------------
	// Tooltips
	// ------------------------------------------------------------------------------
		
		if ($().tooltip) {
		
			$('a, input, button').tooltip({ 
				track: true, 
				delay: 800, 
				showURL: false, 
				showBody: " - ", 
				fade: 200 
			});	
			
			$('img').tooltip({ 
				delay: 800000000000000000000
			});		
		}
			
	// ------------------------------------------------------------------------------
	// Open External Links in a New Window
	// ------------------------------------------------------------------------------

		
	    $('a[rel*=external]').click( function() {
	        window.open(this.href);
	        return false;
	    });
	

});

