$(document).ready(function(){	
	
	$("img").easyTooltip();
	$("img.help").easyTooltip({
		tooltipId: "tooltip",
		content: 'Avec le code sourire Banque Casino, acc\351dez directement \340 l\'offre personnelle qui vous a \351t\351 r\351serv\351e.'
	});
	
	$("img.help2").easyTooltip({
		tooltipId: "tooltip2",
		content: 'Je veux emprunter<br/><strong>MOINS</strong><br/>et rembourser<br/><strong>X XXX &euro; par mois</strong>'
	});
	
	$("img.help2Plus").easyTooltip({
		tooltipId: "tooltip2",
		content: 'Je veux emprunter<br/><strong>PLUS</strong><br/>et rembourser<br/><strong>X XXX &euro; par mois</strong>'
	});
	
	$("img.help3").easyTooltip({
		tooltipId: "tooltip3",
		content: 'Je veux emprunter<br /><strong>XX XXX &euro;</strong><br />et rembourser<br/><strong>MOINS chaque mois</strong>'
	});
	
	$("img.help3Plus").easyTooltip({
		tooltipId: "tooltip3",
		content: 'Je veux emprunter<br /><strong>XX XXX &euro;</strong><br />et rembourser<br/><strong>PLUS chaque mois</strong>'
	});

	$("#container").pngFix();
	layerPack(); 	
	
	/*********** MENU************/
	var timeout    = 500;
	var closetimer = 0;
	var ddmenuitem = 0;

	function nav_open()
	{  nav_canceltimer();
	   nav_close();
	   ddmenuitem = $(this).find('ul').css('visibility', 'visible');
	   $(this).find('a:first').addClass('selected');
	}

	function nav_close()
	{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

	function nav_timer()
	{  closetimer = window.setTimeout(nav_close, timeout);
	$(this).find('a:first').removeClass('selected');}

	function nav_canceltimer()
	{  if(closetimer)
	   {  window.clearTimeout(closetimer);
		  closetimer = null;}}

	$(document).ready(function()
	{  $('#mainNav > li').bind('mouseover', nav_open)
	   $('#mainNav > li').bind('mouseout',  nav_timer)});
 
	/*********** GESTION LAYER CLIENT ************/  
	document.onclick = nav_close;
	
	$('#espace_client .detail').hide();
	$('#espace_client .seeMore').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#espace_client .detail').toggle();
		});

	$('.plusMinus').click(
	
		function(e) {
			e.preventDefault();
			if($(this).children().attr('src') == '../img/ico_plus.gif'){
				$(this).children().attr('src', '../img/ico_minus.gif');
			}else{
				$(this).children().attr('src', '../img/ico_plus.gif');
			}
			$(this).parent().parent().toggleClass("open");
			$(this).closest('.itemContract ').next().toggle('Fade');
		}
	);	
	
		$('.openClose').click(
	
		function(e) {
			e.preventDefault();
			if($(this).children().attr('src') == '../img/btn_plus.gif'){
				$(this).children().attr('src', '../img/btn_minus.gif');
			}else{
				$(this).children().attr('src', '../img/btn_plus.gif');
			}
			$(this).parent().parent().toggleClass("open");
			$(this).closest('.amalineFormFoot').prev().toggle('Fade');
		}
	);	
	
	/*********** GESTION LAYER FORMULE ************/ 
	$('.detailEconomique').hide();
	$('.seeMoreEco').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.detailEconomique').toggle();
		});
	
	$('.detailMedium').hide();
	$('.seeMoreMedium').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.detailMedium').toggle();
		});
	
	$('.detailBasique').hide();
	$('.seeMoreBasic').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.detailBasique').toggle();
		});

	$('.detailComplete').hide();
	$('.seeMoreComplete').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.detailComplete').toggle();
		});
	
			$('.detailOptimale').hide();
	$('.seeMoreOptimale').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.detailOptimale').toggle();
		});
	
	/*********** FAQ QUITTER LAYER QUESTIONS ************/ 
		$('.faqOpen').hide();
	$('.readMore').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.faqOpen').toggle();
		});
	
		$('.faqOpenFinancement').hide();
	$('.readMoreFinancement').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.faqOpenFinancement').toggle();
		});
	
		$('.faqOpenFonds').hide();
	$('.readMoreFonds').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.faqOpenFonds').toggle();
		})
	
		$('.faqOpenDemander').hide();
	$('.readMoreDemander').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.faqOpenDemander').toggle();
		})
	
		$('.faqOpenDeplafonnement').hide();
	$('.readMoreDeplafonnement').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.faqOpenDeplafonnement').toggle();
		})
	
		$('.faqOpenMensualites').hide();
	$('.readMoreMensualites').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.faqOpenMensualites').toggle();
		})
	
		$('.faqOpenRefusee').hide();
	$('.readMoreRefusee').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.faqOpenRefusee').toggle();
		})
	
		$('.faqOpenReleve').hide();
	$('.readMoreReleve').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('.faqOpenReleve').toggle();
		})
	
	/*********** GESTION LAYER CALCULATRICE ************/ 
	$('#accessCode').hide();
	$('#connectFirst .btnValider').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#accessCode').toggle();
		});	


	$('#accessCodePerso').hide();
	$('#connectPerso .btnValider').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#accessCodePerso').toggle();
		});	
	
	$('#bulle').hide();
	$('#hoverBulle').hover(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#bulle').toggle();
		});	
	
	$('#bullePerso').hide();
	$('#hoverBullePerso').hover(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#bullePerso').toggle();
		});		
		
	$('.encartbloc .more').hide();
	$('.encartbloc .showHide').click(	
		function(e){
			e.preventDefault();
			$(this).parent('div').find('div.more').slideToggle();
			$(this).toggleClass('open');
		});
		
	$('a.basic').click(function (e) {
			e.preventDefault();
			$('#popUp').modal();
		});
	
/*********** FACILITE PAIEMENT ************/ 	
	$('#type1').hide();
	$('.facilitesPaiement #openType1').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#openType1').hide();
			$('#secondType').hide();
			$('#thirdType').hide();
			$('#type1').toggle();
		});	
		
	$('#type1').hide();
	$('#type1 .close').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#openType1').show();
			$('#secondType').show();
			$('#thirdType').show();
			$('#type1').toggle();
		});	
	
	$('#type2').hide();
	$('.facilitesPaiement #openType2').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#openType2').hide();
			$('#firstType').hide();
			$('#thirdType').hide();
			$('#type2').toggle();
		});	
		
	$('#type2').hide();
	$('#type2 .close').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#openType2').show();
			$('#firstType').show();
			$('#thirdType').show();
			$('#type2').toggle();
		});	

	$('#type3').hide();
	$('.facilitesPaiement #openType3').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#openType3').hide();
			$('#firstType').hide();
			$('#secondType').hide();			
			$('#type3').toggle();
		});	
		
	$('#type3').hide();
	$('#type3 .close').click(
		function(e){
			e.preventDefault();
			$(this).toggleClass('open');
			$('#openType3').show();
			$('#firstType').show();
			$('#secondType').show();
			$('#type3').toggle();
		});	

});	

	/*********** GESTION SLIDER ************/  
	function changeAmount(value){ 	
		if(value <= 800){
			$("#amount").val(20);
			$("#montant").html('20 &euro;/mois');
		}else if(value > 800 && value <= 1524){
			$("#amount").val(40);
			$("#montant").html('40 &euro;/mois');
		}else if(value > 1524 && value <= 2300){
			$("#amount").val(60);
			$("#montant").html('60 &euro;/mois');
		}else if(value > 2300 && value <= 3000){
			$("#amount").val(80);
			$("#montant").html('80 &euro;/mois');
		}else if(value > 3000 && value <= 4000){
			$("#amount").val(100);
			$("#montant").html('100 &euro;/mois');
		}else if(value > 4000 && value <= 5000){
			$("#amount").val(120);
			$("#montant").html('120 &euro;/mois');
		}else{
			$("#amount").val(value*0.025);
			$("#montant").html(value*0.025+' &euro;/mois');
		}
	}
				
	$.fn.BCSlider = function(option){
		$(this).slider(option);
			
		$(this).each(function(i,slider){
			val = $(this).slider('value');
			$(slider).find('.ui-slider-handle').html('<span id="sliderValue">' + val + '</span>');
		});
						
		$(this).bind('slide', function(event, ui) {
		  	val = ui.value; 
			$(this).find('#sliderValue').html( val + '&euro;' );
			changeAmount(val);
		});			
	}


/*********** GESTION LAYER PACK ************/
layerPack = function() {

	$('.layer').hide();
	//$('#layerpack2').show();

	var timeout = 500;
	var closetimer = 0;
	var ddmenuitem = 0;
	
	function nav_open(currentId){
		nav_canceltimer();
		nav_close();
		ddmenuitem = $('#'+currentId).show();
		$('#' + currentId.replace('layer','') ).attr('src',function(i,src){
			return src.replace('.jpg','_on.jpg');
		});
	}

	function nav_close(){  
		if(ddmenuitem)  ddmenuitem.hide();
		$('.pack').attr('src',function(i,src){
			return src.replace('_on.jpg','.jpg');
		});
	}

	function nav_timer(){  
		closetimer = window.setTimeout(nav_close, timeout);
	}

	function nav_canceltimer(){
		if(closetimer){  
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}
	
	$('.pack,.layer').hover(
		function(e){
			currentId = $(this).hasClass('layer') ? $(this).attr('id') : 'layer' + $(this).attr('id');
			nav_open(currentId);
		},
		function(e) {
		    // Contournement bug IE
		    if (window.event && window.event.toElement == null) {
		        return;
		    }
		    nav_timer();
		}
	);
}