var imgDir = 'images/';

$(function(){
		   
	/*---------------------------------------------------------------------------------------------------------------------------*/
	/* shared across pages */
	/*---------------------------------------------------------------------------------------------------------------------------*/
	
	//preload images
	$.preLoadImages(
		imgDir + 'bg-home.jpg',
		imgDir + 'bg-products.jpg',
		imgDir + 'header-fabulous.jpg',
		imgDir + 'header-gorgeous.jpg',
		imgDir + 'header-unstoppable.jpg',
		imgDir + 'logo-skintimate-home.jpg',
		imgDir + 'logo-skintimate-products.jpg',		
		imgDir + 'lower-buckets.jpg', 
		imgDir + 'prod-thumbs-home.jpg',
		imgDir + 'prod1.jpg',
		imgDir + 'prod2.jpg',
		imgDir + 'prod3.jpg',
		imgDir + 'prod4.jpg',
		imgDir + 'prod5.jpg',
		imgDir + 'prod6.jpg',
		imgDir + 'prod7.jpg',
		imgDir + 'prod8.jpg'
	);
	
	//add auto sprites to buttom buckets if not ie6, if ie6 default css sprites are used
	if($.browser.msie && $.browser.version <= 6 ){	
		//do nothing
	}else{
		//$('#lower-buckets').autosprites({
		//	offset: '148px',
		//	activeState: false,
		//	activeSprites: false
		//});
		//strip default css sprites
		$('#lower-buckets li a').mouseover(function(){ $(this).css({ 'background' : 'none' }); });
	}
	
	//populate current year (footer - copyright)
	$('.current-year').text((new Date()).getFullYear());
	
	// 1-2-3's lightbox
	
	$("#informed").colorbox({ width:'500px', height:'730px',inline:'true', href:"#lightbox",transition:'elastic' });	
	

	/*---------------------------------------------------------------------------------------------------------------------------*/
	/* landing page */
	/*---------------------------------------------------------------------------------------------------------------------------*/
	
	//load random header image
	var headerImages = new Array();
	headerImages[0] = 'header-teen.jpg'
	headerImages[1] = 'header-fabulous.jpg';
	headerImages[2] = 'header-gorgeous.jpg';
	headerImages[3] = 'header-unstoppable.jpg';
	imgIndex = Math.floor(Math.random() * headerImages.length);
	$('.home .header').css({ 'background' : 'url(' + imgDir + headerImages[imgIndex] + ') no-repeat' });

	//auto srites for product thumbs
	if($.browser.msie && $.browser.version <= 6 ){
		//do nothing	
	}else{
		//$('#prod-thumbs-home').autosprites({
		//	offset: '162px',
		//	activeState: true,
		//	activeSprites: true
		//});
		//strip default css sprites
	//	$('#prod-thumbs-home li a').mouseover(function(){ $(this).css({ 'background' : 'none' }); });
	}	

	



	/*---------------------------------------------------------------------------------------------------------------------------*/
	/* product page */
	/*---------------------------------------------------------------------------------------------------------------------------*/

	//auto srites for product thumbs
	if($.browser.msie && $.browser.version <= 6 ){
		//do nothing	
	}else{
		//$('#prod-thumbs-products').autosprites({
		//	offset: '162px',
		//	activeState: true,
		//	activeSprites: true
		//});
		//strip default css sprites
		//$('#prod-thumbs-products li a').mouseover(function(){ $(this).css({ 'background' : 'none' }); });
	}
	
	$('#prod-thumbs-products li').click(function(){
		var id = $(this).attr('id');
		
		//hide all top copy blocks (there should only be one visibile)
		$('.prod-info-top > div').each(function(i, v){ $(this).hide(); });
		//set the feature image
		$('.feature-img').css({ 'background' : 'url(images/' + id + '.jpg) 0 0 no-repeat' });
		//show top copy block
		$('#' + id + '-top').show();
		//hide all bottom copy blocks (there should only be one visible)
		$('.prod-info-bottom > div').each(function(i, v){ $(this).hide(); });
		//show bottom copy block
		$('#' + id + '-bottom').show();
		//reset all active states
		
	});
	
	//set product to query string variable if provided
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
		if (pair[0] == 'id') {
			//return pair[1];
			var prodToLoad = pair[1];
		}
	}
	//if there was a query string variable to load, load that product
	if(prodToLoad){
		
		//hide all top copy blocks (there should only be one visibile)
		$('#prod1-top').hide();
		//set the feature image
		$('.feature-img').css({ 'background' : 'url(images/' + prodToLoad + '.jpg) 0 0 no-repeat' });
		//show top copy block
		$('#' + prodToLoad + '-top').show();
		//hide all bottom copy blocks (there should only be one visible)
		$('#prod1-bottom').hide();
		//show bottom copy block
		$('#' + prodToLoad + '-bottom').show();		
		
	}

	
	
	
	/*---------------------------------------------------------------------------------------------------------------------------*/
	/* affiliates page */
	/*---------------------------------------------------------------------------------------------------------------------------*/	

	//auto srites for call outs
	//if($.browser.msie && $.browser.version <= 6 ){
		//do nothing	
	//}else{
	//	$('.fashion-week-cta').autosprites({
	//		offset: '193px',
	//		activeState: true,
	//		activeSprites: false
	//	});
		//strip default css sprites
	//	$('.fashion-week-cta').mouseover(function(){ $(this).css({ 'background' : 'none' }); });
	//	$('.rethink-cta').autosprites({
	//		offset: '193px',
	//		activeState: true,
	//		activeSprites: true
	//	});
		//strip default css sprites
	//	$('.rethink-cta').mouseover(function(){ $(this).css({ 'background' : 'none' }); });	
	//	$('.quattro-w-cta').autosprites({
	//		offset: '223px',
	//		activeState: true,
	//		activeSprites: true
	//	});
		//strip default css sprites
	//	$('.quattro-w-cta').mouseover(function(){ $(this).css({ 'background' : 'none' }); });	
		//auto sprites for product thumbnails
	//	$('#prod-thumbs-affiliates').autosprites({
	//		offset: '162px',
	//		activeState: true,
	//		activeSprites: true
	//	});
		//strip default css sprites
	//	$('#prod-thumbs-affiliates li a').mouseover(function(){ $(this).css({ 'background' : 'none' }); });		
	//}	
	
	
	

	

	/*---------------------------------------------------------------------------------------------------------------------------*/
	/* language toggle */
	/*---------------------------------------------------------------------------------------------------------------------------*/	

	$('.lang-toggle').click(function(){
		var thePath = window.location.pathname;
		var thePage = thePath.substring(thePath.lastIndexOf('/') + 1);
		var thePagePos = thePath.lastIndexOf(thePage);
		var theDir = thePath.substring(thePagePos - 4, thePagePos);
		if(theDir === '/en/'){
			//window.location = '../fr/' + thePage;
			setTimeout(function(){ window.location = '../fr/' + thePage; }, 0);			
		}else if(theDir === '/fr/'){
			//window.location = '../en/' + thePage;
			setTimeout(function(){ window.location = '../en/' + thePage; }, 0);	
		}else{
			//window.location = '../en/';
			setTimeout(function(){ window.location = '../en/'; }, 0);	
		}
	}); //.lang-toggle click
	
	
	


//	//png fix for ie6
	if($.browser.msie && $.browser.version.substr(0, 1) < 7){ $(document).pngFix(); }	




	
});//domready








/****************************************************************************************************************************************************************/
/* functions */
/****************************************************************************************************************************************************************/	


var preLoadCache = [];
// Arguments are image paths relative to the current page.
$.preLoadImages = function(){
	var args_len = arguments.length;
	for (var i = args_len; i--;){
		var cacheImage = document.createElement('img');
		cacheImage.src = arguments[i];
		preLoadCache.push(cacheImage);
	}
};