//QUAND ON AFFICHE LA PAGE
$('document').ready(function(){
//QUAND LE COOKIE N EXISTE PAS ON LANCE LA POPUP
 if(!$.cookie('ITROOM'))
		openprompt();
//SI LE COOKIE EXISTE ON REDIRIGE VERS LA BONNE PAGE
else if ($.cookie('ITROOM')==1)
	$(location).attr('href', 'http://www.collier-de-reperage.fr');
//else if ($.cookie('ITROOM')==2)
//	$(location).attr('href', 'http://www.colliergps.fr');
//LORSQUE L ON CLIQUE SUR  LES IMAGES ET CROIX ON REDIRIGE ET ON ENREGISTRE LE COOKIE	
	$('.boxclose').click(function(){ if($('#cocherbox').is(':checked'))$.cookie("ITROOM", "2", { expires: 3 }); $.prompt.close();});	
	$('#colliergpsban1').click(function(){ $(location).attr('href','http://www.collier-de-reperage.fr'); if($('#cocherbox').is(':checked'))$.cookie("ITROOM", "1", { expires: 3 }); $.prompt.close();});		
	$('#colliergpsban2').click(function(){ if($('#cocherbox').is(':checked'))$.cookie("ITROOM", "2", { expires: 3 }); $.prompt.close();});							
	$('#carre1').click(function(){cocher();});
	$('#carre2').click(function(){cocher();});
	});

//FONCTION POUR AFFICHER MASQUER L'IMAGE CHECKBOX
function cocher()
		{
		if($('#cocherbox').is(':checked'))
							{
							$('#cocherbox').attr('checked', false);
							$('#carre1').show();
							$('#carre2').hide();
							}
					else
							{
							$('#cocherbox').attr('checked', true);
							$('#carre1').hide();
							$('#carre2').show();
							}
		}
		
//FONCTION POPUP AVEC LE HTML
function openprompt()
	{
	var temp = {
				state0: {
				html:'<div id="colliergpslogo">&nbsp;</div>'+
				'<div id="introbox">Vous recherchez un collier de repérage GPS pour : </div>'+
				'<div id="colliergpsban1">&nbsp;</div>'+
				'<div id="colliergpsban2">&nbsp;</div>'+
				'<div id="cochercase"><div id="carre1"><img src="themes/colliergps/img/popup/off.png"></div><div id="carre2" style="display: none;"><img src="themes/colliergps/img/popup/on.png"></div><input type="checkbox" id="cocherbox" style="display:none;">Cochez cette case pour ne plus  voir'+
				' apparaitre ce message lors de vos prochaines visites et être orienté automatiquement</div>',
				buttons: { },
				focus: 1,
				opacity: 0.3,
				submit:function(v,m,f){ alert('hiii');}
					}
	}
	$.prompt(temp);
	}
