var lang;
$(function(){
	lang=$('#chgLang').val();
	
	$('#saber img').hide();
	/*ie6 fix to avoid flickering on background image */
	if($('#ie')){
		try {
		 document.execCommand('BackgroundImageCache', false, true);
		} catch(e) {}
	}
	
	initPreHome();
	
	/*uncomment only for direct preview
		initGloveSpec(10);
		initGlovesRange();
		initExpert();
	*/
	
	setTimeout(halo,1500);
	
	
	$('#buttonGo').fadeIn('slow').click(displayGlovesRange);
	
	$('.close').click(displayPreHome);
	
	$('.app li, .gloves li').hover(
		function(){
			if(!$(this).hasClass('on')){$(this).find('span span').show();}
		},
		function(){
			if(!$(this).hasClass('on')){$(this).find('span span').hide();}
		}
	);
	$('.app a').click(manageApp);
	
	$('.gloves a').click(function(){
		$this=$(this);
		var gloveId=$this.attr('href');
		
		$('#gloveRange').fadeOut(function(){
			callContent('gloveSpec',{gloveId:gloveId},function(datas){loadContent(datas);postSpecTreatment(datas);$('#gloveSpec').fadeIn();});
		});
		
		return false;
	});
	
	$('.becomeExpert, #tests-results a').click(function(){
		$('.container:visible').fadeOut(function(){
			callContent('expert',null,function(datas){
				loadContent(datas),linkize();
				$('.video').attr('href',datas.video_url);
				$('.cut-testing').attr('href',datas.cut_testing_url);
				$('.cutliner-description').attr('href',datas.cut_liner_url);
				$('.european-press-release').attr('href',datas.european_press_url);
			});
			$('#expert').fadeIn();
		});
		return false;
	});
	$('.breadCrumb a').click(function(){
		$('.container:visible').fadeOut(function(){
			//callContent('gloveRange',null,loadContent);
			$('#gloveRange').fadeIn();
			$('#gloveRange li.on a span span').show();
		});
		return false;
	});
	
	$('#expert .link:not(.external, .pdf), #expert .cc-button, #tests-results a').live('click',function(){
		var $this=$(this);
		var content=$this.attr('rel');
		$.ajax({
			url:'modules/cutcampaign/index.php',
			data:{mdl:'cutcampaign',action:'popUp',content:content,lang:lang},
			success:function(response){
				$.fancybox(response,{autoScale:true,'scrolling':'auto','overlayColor':'#1B4895','padding':0,'margin':0});
			}
		});
		return false;
		
	});
	
	$('.video').click(function(){
		$.fancybox({'padding': 0,
					'autoScale': false,
					'width': 700,
					'height': 500,
					'href': this.href.replace(new RegExp("([0-9])","i"),'moogaloop.swf?autoplay=1&fullscreen=1&clip_id=$1'),
					'type':'swf',
					'swf': {'wmode': 'transparent','allowfullscreen':'true'},					
					'overlayColor':'#1B4895'
				});
				return false;
	});
	
	
	
	$('.corner').corner();
	$('.corner-small').corner('10px');
	
});


function halo(){
	$('#halo').fadeToggle('slow');
	setTimeout(halo,2000);
}

function manageApp(){
	$this=$(this);
	$('.app li, .gloves li').removeClass('on');
	$('.app li span span').hide();
	$this.parent('li').addClass('on');
	$('.app a').addClass('off');
	$this.removeClass('off').find('span span').show();
	var appId=$this.attr('id').substring($this.attr('id').lastIndexOf('-')+1,$this.attr('id').length);
	$.ajax({
		url:'modules/cutcampaign/index.php',
		dataType:'json',
		data:{mdl:'cutcampaign',action:'glovesByApp',appId:appId,callback:'?'},
		success:function(datas){
			$('.gloves span span').hide();
			$.each($('.gloves a'), function(i,item){
				var gloveId=$(item).attr('id').substring($(item).attr('id').lastIndexOf('-')+1,$(item).attr('id').length);
				if($.inArray(parseInt(gloveId),datas.gloves)>-1){
					$(item).removeClass('off');
					$(item).parent('li').addClass('on');
					$(item).find('span span').show().css({'z-index':300});
					$(item).next('p').show();
				}
				else{
					$(item).addClass('off');
					$(item).next('p').hide();
				}
			});
		}
	});
	return false;
}


function initPreHome(){
	callContent('prehome',null,loadContent);
}

// provisoire
function initGlovesRange(){
	$('#prehome-top, #prehome-bottom').hide();
	callContent('gloveRange',null,loadContent);
	$('#paper-flip img').css({height:'617px'});
	$('#gloveRange').show();
}
// provisoire
function initGloveSpec(gloveId){
	$('#prehome-top, #prehome-bottom').hide();
	callContent('gloveSpec',{gloveId:gloveId},function(datas){loadContent(datas);postSpecTreatment(datas);});
	$('#paper-flip img').css({height:'617px'});
	$('#gloveRange').hide();
	$('#gloveSpec').show();
}
// provisoire
function initExpert(){
	$('#prehome-top, #prehome-bottom').hide();
	callContent('expert',null,function(datas){
		loadContent(datas),linkize();
		$('.video').attr('href',datas.video_url);
		$('.cut-testing').attr('href',datas.cut_testing_url);
		$('.cutliner-description').attr('href',datas.cut_liner_url);
		$('.european-press-release').attr('href',datas.european_press_url);
	});
	$('#paper-flip img').css({height:'617px'});
	$('#expert').show();
	
}
function displayPreHome(){
	callContent('prehome',null,loadContent);
	$('.container').fadeOut(function(){
		$('#prehome-top').slideDown('slow');
		$('#paper-flip img').animate({height:'0px'},900,function(){$('#prehome-bottom').fadeIn('fast');});
		$('#saber img').css({'left':'-100px','z-index':101});
		$('#cut').css({width:'0%'});
		$('.buttonGo').fadeIn('slow');
		$('#gantParRef').show();
	});
	return false;
}

function displayGlovesRange(){
	callContent('gloveRange',null,loadContent);
	$('#saber img').show();
	$('#cut').show().animate({width:'90%'},1400,function(){$(this).hide()});
	$('#saber img').animate({'left':'910px'},1200,function(){
		$(this).hide();
		$('#ie #gantParRef').hide();
		$('#prehome-top').slideUp('slow');
		$('#paper-flip img').animate({height:'617px'},800,function(){$('#prehome-bottom').fadeOut();$('#gloveRange').fadeIn();$('#gloveRange li.on').removeClass('on');$('#gloveRange a.off').removeClass('off');})
	});
	return false;
}

function callContent(action, params, callback){
	$.ajax({
		url:'modules/cutcampaign/index.php',
		dataType:'json',
		data:$.extend({mdl:'cutcampaign',action:action,lang:lang,callback:'?'},params),
		success:callback
	});
}

function linkize(){
	$('.link').prepend('[ ');
	$('#gloveSpec .external').append(' <img src="modules/cutcampaign/css/images/external.png" />');
	$('#expert .external').append(' <img src="modules/cutcampaign/css/images/external-blue.png" />');
	$('#expert .pdf').append(' <img src="modules/cutcampaign/css/images/pdf.png" />');
	$('.link').append('  ]').addClass('linkized');
}

function postSpecTreatment(datas){
	emptySpecNodes();
	linkize();
	
	var $logo=$('<img/>').attr('src','modules/cutcampaign/css/images/logo-'+datas.logo+'.png');
	$('#gloveBrand').html($logo);
	
	for(var i=0;i<datas.cutlevel_star;i++){
		var $star=$('<img/>').attr('src','modules/cutcampaign/css/images/cut-star.png');
		$('#cutlevel-stars').append($star);
	}
	
	$.each(datas.features_items,function(i,item){
		var $list=$('<li>').text(item);
		$('#features-items').append($list);
	});
	
	$.each(datas.applications_items,function(i,item){
		var $app=$('<img/>').attr('src','modules/cutcampaign/css/images/t-application-'+i+'.png').attr('class','pngfix');
		var $list=$('<li>').append($app).append(item);
		$('#applications-items').append($list);
	});
	
	$.each(datas.thumbs,function(i,item){
		var $img=$('<img/>').attr('src','modules/cutcampaign/css/images/t-'+item+'.jpg');
		var $link=$('<a>').attr('href','modules/cutcampaign/css/images/b-'+item+'.jpg').append($img);
		var $list=$('<li>').append($link);
		$('#thumbs').append($list);
	});
	$('#thumbs a').fancybox();
	
	var $main_picture=$('<img/>').attr('src','modules/cutcampaign/css/images/n-'+datas.main_picture+'.jpg').addClass('main-picture');
	$('#pictures div').append($main_picture);
	$('.zoom').attr('href','modules/cutcampaign/css/images/b-'+datas.main_picture+'.jpg').fancybox();
	
	$('.ask-for-sample').attr('href',datas.sample_url);
	$('.video').attr('href',datas.video_url);
	$('.product-details').attr('href',datas.product_url);
	$('.cut-testing').attr('href',datas.cut_testing_url);
	$('.cutliner-description').attr('href',datas.cut_liner_url);
	
}

function emptySpecNodes(){
	$('#cutlevel-stars img').remove();
	$('#features-items li').remove();
	$('#applications-items li').remove();
	$('#thumbs li').remove();
	$('#pictures div img').remove();
	
}

function loadContent(datas){
	$.each(datas, function(key,item){
		$('.'+key).html(item);
	});
	switch (lang){
		case 'en':
		
		break;
		case 'fr':
			$('.cut-testing').css({'font-size':'1em'});
			$('.becomeExpert').css({'font-size':'1.2em'});
			$('.en-test-results, .iso-test-results').css({'font-size':'1em'});
		break;
		case 'it':
			$('.cut-testing').css({'font-size':'1.1em'});
			$('.becomeExpert').css({'font-size':'1.2em'});
			
		break;
		case 'es':
			$('.becomeExpert').css({'font-size':'1.2em'});
			$('.cut-testing').css({'font-size':'1em'});
			$('#gloveRange .rangeSubTitle, #gloveRange .rangeTitle').css({'font-size':'2.8em'});
			$('.en-test-results, .iso-test-results').css({'font-size':'1em'});
		break;
		case 'sv':
			$('.becomeExpert').css({'font-size':'1.2em','padding-top':'25px'});
		break;
		case 'pl':
			$('.becomeExpert').css({'font-size':'1.2em'});
			$('.cut-testing').css({'font-size':'1em'});
			$('.product-details').css({'font-size':'1.1em'});
			$('#gloveRange .rangeSubTitle, #gloveRange .rangeTitle').css({'font-size':'2.8em'});
			$('.browseApp, .browseGloves').css({'font-size':'1em'});
			$('.en-test-results, .iso-test-results').css({'font-size':'1em'});
		break;
		case 'pt':
			$('.becomeExpert').css({'font-size':'1.2em'});
			$('.cut-testing').css({'font-size':'1em'});
			$('#gloveRange .rangeSubTitle, #gloveRange .rangeTitle').css({'font-size':'2.8em'});
			$('.en-test-results, .iso-test-results').css({'font-size':'1em'});
		break;
		case 'da':
			$('.becomeExpert').css({'font-size':'1.2em'});
			$('.cut-testing').css({'font-size':'1em'});
			$('#gloveRange .rangeSubTitle, #gloveRange .rangeTitle').css({'font-size':'2.8em'});
			$('.browseApp, .browseGloves').css({'font-size':'1em'});
		break;
		case 'de':
			$('.becomeExpert').css({'font-size':'1.2em'});
			$('.browseApp, .browseGloves').css({'font-size':'1em'});
			$('.en-test-results, .iso-test-results').css({'font-size':'1em'});
		break;
		case 'tr':
			$('.becomeExpert').css({'font-size':'1.2em'});
			$('.cut-testing').css({'font-size':'1.1em'});
			$('#cutlevel-stars').css({'margin-left':'30px'});
			$('.browseApp, .browseGloves').css({'font-size':'1em'});
		break;
		case 'nl':
			$('.becomeExpert').css({'font-size':'1.2em','padding-top':'20px'});
			$('.browseApp, .browseGloves').css({'font-size':'1em'});
			$('.en-test-results, .iso-test-results').css({'font-size':'1em'});
		break;
	}
	
	
	
}