$(document).ready(function() {
	initPopins();
	resizeOverlayForPopin();
	navigateRoll();
	showPictureFP();
	validateMail();
});
function navigateRoll(){
	$('#main #header .partBtm .marque ul li a').unbind();
	$('#main #header .partBtm .marque ul li a').bind('mouseenter',function(){
		if($(this).hasClass("wearever_of")){
			$(".navWearEver").show();
			$(".navMirro").hide();
			$(".navAirbake").hide();
		}else if($(this).hasClass("mirro_of")){
			$(".navWearEver").hide();
			$(".navMirro").show();
			$(".navAirbake").hide();
		}else if($(this).hasClass("airBake_of")){
			$(".navWearEver").hide();
			$(".navMirro").hide();
			$(".navAirbake").show();
		}
	}).bind("mouseleave",function(){
		$(".navWearEver").hide();
		$(".navMirro").hide();
		$(".navAirbake").hide();
    });
	$('.navWearEver,.navMirro,.navAirbake').bind('mouseenter',function(){
		$(this).show();
	}).bind("mouseleave",function(){
		$(this).hide();
	});
	/*************************/
	$('#main #header .partBtm .partAbout .block .aboutList li a.linkAboutTop,#main #header .partBtm .partAbout .block .ConsumerList li a.linkConsumerTop').unbind();
	$('#main #header .partBtm .partAbout .block .aboutList li a.linkAboutTop,#main #header .partBtm .partAbout .block .ConsumerList li a.linkConsumerTop').bind('mouseenter',function(){
			if($(this).parent().parent().hasClass('aboutList')){
				$("#main #header .partBtm .partAbout .block .aboutList li ul").show();
			}else if($(this).parent().parent().hasClass('ConsumerList')){
				$("#main #header .partBtm .partAbout .block .ConsumerList li ul").show();
			}
			$(this).addClass("selected");
	}).bind("mouseleave",function(){
		$("#main #header .partBtm .partAbout .block ul li ul").hide();
			$(this).removeClass("selected");
    });
	$('#main #header .partBtm .partAbout .block .aboutList li ul,#main #header .partBtm .partAbout .block .ConsumerList li ul').bind('mouseenter',function(){
		if($(this).parent().parent().hasClass('aboutList')){
			$("#main #header .partBtm .partAbout .block .aboutList li a.linkAboutTop").addClass("selected");
		}else if($(this).parent().parent().hasClass('ConsumerList')){
				$("#main #header .partBtm .partAbout .block .ConsumerList li a.linkConsumerTop").addClass("selected");
		}
		$(this).show();
	}).bind("mouseleave",function(){
		$("#main #header .partBtm .partAbout .block ul li a.linkAboutTop,#main #header .partBtm .partAbout .block ul li a.linkConsumerTop").removeClass("selected");
		$(this).hide();
	});
	/***********Consumer****************/
	
}
function showPictureFP(){
	
	$('#main #content .blockTop .contentFP .partLeft .pagination ul li a').unbind();
	$('#main #content .blockTop .contentFP .partLeft .pagination ul li a').bind('click',function(){
		if($(this).parent().hasClass("back")){
			var indexBack=1;
			var objet;
			$('#main #content .blockTop .contentFP .partLeft .pagination ul li').each(function(i,obj){
				if($('a',$(this)).hasClass('select')){
					indexBack=i;
					objet = this;
				}
			});
			if(indexBack != 1){
				$("#main #content .blockTop .contentFP .partLeft .prodSelected ul li").hide();
				$("#main #content .blockTop .contentFP .partLeft .prodSelected ul li.pic_"+(indexBack-1-1)).show();
				var backItem = $('a',$(objet).prev());
				$("#main #content .blockTop .contentFP .partLeft .pagination ul li a").removeClass("select");
				backItem.addClass("select");
			}
		}else if($(this).parent().hasClass("next")){
			var indexBack=1;
			var objet;
			$('#main #content .blockTop .contentFP .partLeft .pagination ul li').each(function(i,obj){
				if($('a',$(this)).hasClass('select')){
					indexBack=i;
					objet = this;
				}
			});
			if(indexBack < ($('#main #content .blockTop .contentFP .partLeft .pagination ul li a').length-2)){
				$("#main #content .blockTop .contentFP .partLeft .prodSelected ul li").hide();
				$("#main #content .blockTop .contentFP .partLeft .prodSelected ul li.pic_"+(indexBack-1+1)).show();
			
				var nextItem = $('a',$(objet).next());
				$("#main #content .blockTop .contentFP .partLeft .pagination ul li a").removeClass("select");
				nextItem.addClass("select");
			
			}
		}else{
			$('#main #content .blockTop .contentFP .partLeft .pagination ul li a').removeClass('select');
			$("#main #content .blockTop .contentFP .partLeft .prodSelected ul li").hide();
			var index = $('#main #content .blockTop .contentFP .partLeft .pagination ul li').index($(this).parents('li'));
			$("#main #content .blockTop .contentFP .partLeft .prodSelected ul li.pic_"+(index-1)).show();
			$(this).addClass('select');
		}
		return false;
	});
	
}
function isEmail(field){ 
	var val = field.val();
	if (!val.match (/^[a-z0-9\-\._]+@[a-z0-9\-_\.]+\.[a-z]{2,4}$/gi)){
	 	return false;
	}
	return true;
}
function validateMail(){
	$('.submitForgottenPassword-Email').unbind();
	$('.submitForgottenPassword-Email').bind('click',function(){
		//alert("sdsdsd");
		if(!isEmail($('.submitForgottenPassword-Email'))){
			$('.blockLeft').addClass('erreurChamp');
		}
	})
}

/********************************************************/
// Init des popins
/********************************************************/
function initPopins(){
	if($('#popinOverlay').length){
		$('#popinOverlay').remove();
		$('#popinTemp').remove();
	}
	setEventToPopin();
}
function setEventToPopin(){
	$('.linkPopin').unbind('click');
	$('.linkPopin').bind('click',function(){
		eventGetContentPopin(this);
		return false;
	});
}
function eventGetContentPopin(_this){
	loadPopin($(_this).attr('rel'));
	$.ajax({
		type: "POST",
		url: $(_this).attr('href'),
		dataType: "html",
		success: function(data){
			try{
				showPopin(data,$(_this).attr('rel'));
				
			}catch(e){}
		}
	});
	
}
function resizeOverlayForPopin(){
	$(window).bind('resize',function(){
		resizaOverlay();
	});
	
	$(window).bind('scroll',function(){
		resizaOverlay();
	});	
}	

function resizaOverlay(cond){
	var overlay = $('#popinOverlay');
	var scroll = getPageScroll();
	//alert(hi);
	if(cond){
		overlay.css({
			opacity: 0.5,
			display: 'block'
		}).fadeIn('slow',function(){
			var hi = getHeight() + scroll[1];
			overlay.height(hi);
		});
	}else{
		var hi = getHeight() + scroll[1];
		overlay.height(hi);
	}
}

/********************************************************/
// Affichage des popins
/********************************************************/
function showPopin(data,id){
	$('#popinTemp').html(data);
	$('#popinTemp').removeAttr('style');
	$('#popinTemp').show();
	setPopinPosition(id);
	/*dispatchEvents(id);*/
	/*setEventSelectLayers();*/

	if($("#popinOverlay").length){
		$("#popinOverlay").unbind();
		$("#popinOverlay").bind('click',function(){	
				$("#popinOverlay").fadeOut();
				$("#popinTemp").fadeOut();
				$("iframe").css("display","block");
				$("#popinOverlay").remove();
				$("#popinTemp").remove();
		 });		
	}
}
function getHeight(){
	if(window.innerHeight || window.innerWidth)
		return window.innerHeight ;
	return document.documentElement.clientHeight ;
}

function refreshPositionPopin(popin){
	

	$(window).bind('resize',function(){
		var dim = getPageSize();
			popin.css({
			left: (dim[2]-popin.width())/2
		})
	});

	
}

function setPopinPosition(id){
	var dim = getPageSize();
	var scroll = getPageScroll();
	var overlay = $('#popinOverlay');
	var popin = $('#'+id);
	resizaOverlay(1);
	popin.css({
		top: '20%',
		left: (dim[2]-$(popin).width())/2,
		opacity: 1,
		display: 'block'
	}).fadeIn();
	refreshPositionPopin(popin);
	
	
	$("iframe").css("display","none");
	
	
	overlay.bind('click', function(){
		overlay.fadeOut();
		popin.fadeOut();	
		$("iframe").css("display","block");
		$("#popinOverlay").remove();
		$("#popinTemp").remove();
		return false;
	});	
	
	popin.find('.contentFriend .title a,#close').bind('click', function(){
		overlay.fadeOut();
		popin.fadeOut();	
		$("iframe").css("display","block");
		$("#popinOverlay").remove();
		$("#popinTemp").remove();
		return false;
	});	
	
		$('.submitForgottenPassword-Envoyer').unbind();
		$('.submitForgottenPassword-Envoyer').bind('click',function(){
			var flag = true;
			if(!isEmail($('.submitForgottenPassword-Email'))){
				$('.blockLeft').addClass('erreurChamp');
				$('.erreur').show();
				flag = false;
			}
			if(flag)
				//eventGetContentPopin(this);
				$.ajax({
		            type: "POST",
		            url: $(this).attr('href')+"&mail="+$('.submitForgottenPassword-Email').val(),
		            dataType: "html",
		            success: function(data){
			            showPopin(data,"popinContact");
		            }
	            });
				return false;
				
			return false;
		});
		$('.submitSendToFriend-Envoyer').unbind();
		$('.submitSendToFriend-Envoyer').bind('click',function(){
			var flag = true;
			if(!isEmail($('.submitSendToFriend-Email'))){
				$('.submitSendToFriend-Email').parent().addClass('erreurChamp');
				$('.erreur').show();
				flag = false;
			}
			if(!isEmail($('.submitSendToFriend-EmailFriend'))){
				$('.submitSendToFriend-EmailFriend').parent().addClass('erreurChamp');
				$('.erreur').show();
				flag = false;
			}
			if(flag)
				//eventGetContentPopin(this);
				$.ajax({
		            type: "POST",
		            url: $(this).attr('href')+"&mailFriend="+$('.submitSendToFriend-EmailFriend').val()+"&mail="+$('.submitSendToFriend-Email').val()+"&nameFriend="+$('.submitSendToFriend-FriendName').val()+"&name="+$('.submitSendToFriend-Name').val(),
		            dataType: "html",
		            success: function(data){
			            showPopin(data,"popinContact");
		            }
	            });
				return false;
				
			return false;
		});
		$('#moreSend').unbind();
		$('#moreSend').bind('click',function(){
			var flag = true;
			if(flag)
				eventGetContentPopin(this);
				
			return false;
		});
		$('#forgetPAss').unbind();
		$('#forgetPAss').bind('click',function(){
			var flag = true;
			if(flag)
				eventGetContentPopin(this);
				
			return false;
		});
}

function loadPopin(id){
	if(!$('#popinOverlay').length)
		$('#main').before('<div id="popinOverlay"></div>');
			
	if(!$('#popinTemp').length)
		$('#main').before('<div id="popinTemp"></div>');
	$('#popinTemp').html("<div id='"+id+"' >Loading..</div>");
	setPopinPosition("popinTemp");			
}


/*************************************************/
//Fonctions générales
/*************************************************/

// Renvoie les dimensions de la page
function getPageSize() {
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}
	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
	
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
	return arrayPageSize;
};

function getPageScroll() {
	var xScroll, yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}
	arrayPageScroll = new Array(xScroll,yScroll);
	return arrayPageScroll;
}