jQuery(
	function(){
		init();
	}
);

var cursorI=0;
setInterval(function() {
	switch(cursorI){
		case 0: $('#puce').css('cursor','default'); break;
		case 1: $('#puce').css('cursor','pointer'); break;
		case 2: $('#puce').css('cursor','text'); break;
		case 3: $('#puce').css('cursor','wait'); break;
		case 4: $('#puce').css('cursor','progress'); break;
		case 5: $('#puce').css('cursor','help'); break;
		case 6: $('#puce').css('cursor','move'); break;
	}
	
	cursorI++;
	
	if(cursorI>6) cursorI=0;
}, 100);

function setBack()
{
	var src='';
	//src = 'matin1.jpg';
	src = 'finJour.jpg';
	//src = 'special.jpg';
	//src = 'soir0.jpg';
	//src = 'soir1.jpg';
	//src = 'soir2.jpg';
	//src = 'nuit.jpg';
	
	var variable_date=new Date();
	var hr=variable_date.getHours(); 
	
	if(hr<6){
		src = 'fond-nuit.png';
		$('#banniere').css('backgroundImage','url(\'portail/logo-nuit.png\')');
		$('#backDiv').css('backgroundColor','black');
	}
	else if(hr<10)
		src = 'fond-matin.png';
	else if(hr<17)
		src = 'fond-jour.png';
	else if(hr<21)
		src = 'fond-soir.png';
	else{
		src = 'fond-nuit.png';
		$('#banniere').css('backgroundImage','url(\'portail/logo-nuit.png\')');
		$('#backDiv').css('backgroundColor','black');
	}
	
	
	
	$('#backDiv').width((getDocWidth()+20)+'px');//-15
	$('#backDiv').height((getDocHeight()+6)+'px');
	//$('#backDiv').width('1500px');
	//$('#backDiv').css('minWidth','1500px');
	
	
	$('#backDiv').css('backgroundImage','url(\'portail/' + src +'\')');
}

function init(){ 
$(window).resize(function() { setBack();} );
	$('body').css('overflowX','hidden');
	$('#backDiv').width((getDocWidth()+20)+'px');//-15
	$('#backDiv').height((getDocHeight()+6)+'px');
	if($.browser.msie ==false){
		//changeOpac(75,'backDiv');
		changeOpac(88,'banniere');
		changeOpac(88,'tabs');
		changeOpac(88,'portailTabs');
	}
	
	$("#tabs-1").show();
	$("#tabs-2").show();
	$("#tabs-3").show();
	$("#tabs-4").show();
	$("#tabs-5").show();
	$("#tabs-6").show();
	$("#tabs-7").show();
	$("#tabs").tabs({ selected: page-1 });

	$("#panneauSecret").draggable({ containment: 'document' });
	
	$('#connexionPanelIcon').mouseenter(function () {
		$('#connexionPanel').show();
		$(this).hide();
	});
	
	$('#connexionPanel').mouseleave(function () {
		$(this).hide();
		$('#connexionPanelIcon').show();
	});
	
	var backban=$("#banniere").css('background');
	$("#banniere").click(function () {
		if($("#banniere").css('background')!=''){
			$("#banniere").css('background','');
			$("#banniere").html('<br><br><a href="http://www.wallanon.com/?wallId=33&wall_pass=my82yH%qu8LsGV">hihi</a>, ça chatouille !');
			setTimeout(function() {
				$("#banniere").html('');
				$("#banniere").css('background',backban);
			}, 1000);
		}
	});
	initAccueil();
	attachInfoText("guideInfo","Retrouvez ici un résumé des informations relatives au site: <br>dernières news, mini-guide, à propos...");
	attachInfoText("guideWalls","En passant votre curseur ici, vous aurez accès à la liste des murs du site.");
	
	attachInfoText("guideZoom","Ce bouton vous permet d'afficher le site 'à taille réelle', pour plus de confort de lecture.");
	attachInfoText("guideAdd","Cliquez sur ce bouton si vous souhaitez ajouter un message à ce mur (vous resterez sur la page actuelle).");
	
	attachInfoText("guideSave","Vous permet d'envoyer votre message sur ce mur, sans possibilité de modifications ultérieures!");
	attachInfoText("guideCancel","Ne pas envoyer votre message... Quel dommage :(");
	attachInfoText("guideUtils","Ces contrôles vous permettent de modifier votre message: le contenu, les couleurs mais également d'y attacher une image !");
	
	attachInfoText("guideMove","Déplacez votre message à votre guise, pour lui trouver le meilleur emplacement sur le mur.");
	attachInfoText("guideResize","En fonction de la taille de votre message, ajustez sa taille (pas de gaspillage, chaque pixel compte !)");
	
	attachInfoText("guideMaj","Cette icône vous indique si le mur est à jour: à savoir si les messages postés depuis votre arrivée ont bien étés ajoutés.");
	
	attachInfoText("guideAlert","Si un message vous choque, n'hésitez pas à cliquer ici.");
	attachInfoText("guideCom","Envie de répondre? c'est par là...");
	attachInfoText("guideLike","J'adore !");
	attachInfoText("guideDislike","Pffff ...");
	
	attachInfoText("guideHide","Pour un confort de lecture optimal, masquez l'interface pendant un moment :-)");
	attachInfoText("guideTimeline","Si vous ne voyez pas votre message (celui que vous êtes en train de créer) ou que vous souhaitez voir défiler l'histoire de ce mur, cette ligne du temps sera fort utile.");
	
	attachInfoText("guideOk","Votre message à été ajouté sur le mur, bravo ! (ou pas...)");		
	$("#tabs").bind('tabsselect', function(event, ui) {
		//alert(('tabs-'+ui.index) +' '+ ui.panel.id);
		if(('tabs-'+(ui.index+1)) == ui.panel.id ) {
			if(ui.index==0){
				//initAccueil()
				document.title="Wallanon - The wall of unknown";
			}
			else if(ui.index==1){ //news
				//$(".newsClass").tabs();
				document.title="Wallanon - News";
			}
			else if(ui.index==2){ //walls
				//$(".wallsClass").tabs();
				document.title="Wallanon - Murs";
			}
			else if(ui.index==3){ //guide
				document.title="Wallanon - Guide";
				/*attachInfoText("guideInfo","Retrouvez ici un résumé des informations relatives au site: <br>dernières news, mini-guide, à propos...");
				attachInfoText("guideWalls","En passant votre curseur ici, vous aurez accès à la liste des murs du site.");
				
				attachInfoText("guideZoom","Ce bouton vous permet d'afficher le site 'à taille réelle', pour plus de confort de lecture.");
				attachInfoText("guideAdd","Cliquez sur ce bouton si vous souhaitez ajouter un message à ce mur (vous resterez sur la page actuelle).");
				
				attachInfoText("guideSave","Vous permet d'envoyer votre message sur ce mur, sans possibilité de modifications ultérieures!");
				attachInfoText("guideCancel","Ne pas envoyer votre message... Quel dommage :(");
				attachInfoText("guideUtils","Ces contrôles vous permettent de modifier votre message: le contenu, les couleurs mais également d'y attacher une image !");
				
				attachInfoText("guideMove","Déplacez votre message à votre guise, pour lui trouver le meilleur emplacement sur le mur.");
				attachInfoText("guideResize","En fonction de la taille de votre message, ajustez sa taille (pas de gaspillage, chaque pixel compte !)");
				
				attachInfoText("guideMaj","Cette icône vous indique si le mur est à jour: à savoir si les messages postés depuis votre arrivée ont bien étés ajoutés.");
				
				attachInfoText("guideAlert","Si un message vous choque, n'hésitez pas à cliquer ici.");
				attachInfoText("guideCom","Envie de répondre? c'est par là...");
				attachInfoText("guideLike","J'adore !");
				attachInfoText("guideDislike","Pffff ...");
				
				attachInfoText("guideHide","Pour un confort de lecture optimal, masquez l'interface pendant un moment :-)");
				attachInfoText("guideTimeline","Si vous ne voyez pas votre message (celui que vous êtes en train de créer) ou que vous souhaitez voir défiler l'histoire de ce mur, cette ligne du temps sera fort utile.");
				
				attachInfoText("guideOk","Votre message à été ajouté sur le mur, bravo ! (ou pas...)");		*/	
			}
			else if(ui.index==4){ //Mon Wallanon
				document.title="Wallanon - My Wallanon";
			}
			else if(ui.index==5){ //illu
				document.title="Wallanon - Illustrations";
			}
			else if(ui.index==6){ //about
				document.title="Wallanon - À propos";
			}
		}
	});
	
	$("#mywtabs").tabs();
	
	$(".newsClass").tabs();
	
	$(".wallsClass").tabs();

}

function attachInfoText(id,info){
	$('#'+id).mouseover(function () {
		montreBulle(info);
	});
	
	$('#'+id).mouseout(function () {
		cacheBulle();
	});
}

function changeOpac(opacity, id) {
	if(!document.getElementById(id)) {
		return;
	}

	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";

	if(opacity<=0) 
		object.display="none";
	else if(object.display=="none")
		object.display="block";
}	

function overEffect(id){
	$('#'+id).mouseover(function () {
		changeOpac(70, id);
	});

	$('#'+id).mouseout(function () {
		changeOpac(100, id);
	});
}

function slideToggle(el, bShow){
	var $el = $(el), height = $el.data("originalHeight"), visible = $el.is(":visible");

	// if the bShow isn't present, get the current visibility and reverse it
	if( arguments.length == 1 ) bShow = !visible;

	// if the current visiblilty is the same as the requested state, cancel
	if( bShow == visible ) return false;

	// get the original height
	if( !height ){
		// get original height
		height = $el.show().height();
		// update the height
		$el.data("originalHeight", height);
		// if the element was hidden, hide it again
		if( !visible ) $el.hide().css({height: 0});
	}

		// expand the knowledge (instead of slideDown/Up, use custom animation which applies fix)
	if( bShow ){
		$el.show().animate({height: height}, {duration: 250});
	} 
	else {
		$el.animate({height: 0}, {duration: 250, complete:function (){
			$el.hide();
			}
		});
	}
}

function initAccueil(){
	$("#walls").tabs();
	$("#mtop").tabs();
	$("#mflop").tabs();
	if((typeof document.getElementById('horloge').style['MozTransform'] != 'undefined') || (typeof document.getElementById('horloge').style['WebkitTransform'] != 'undefined') )
	 {
		//$('#mflop').hide();
		//alert('2');
		var aigS = document.createElement('img');
		   aigS.setAttribute('src'  , './portail/aigS.png');
		   aigS.setAttribute('class', 'aig');
		   aigS.setAttribute('alt'  , 'aiguille des secondes');
		   aigS.setAttribute('style', 'left: 100px;');
			
		var aigM = document.createElement('img');
		   aigM.setAttribute('src'  , './portail/aigM.png');
		   aigM.setAttribute('class', 'aig');
		   aigM.setAttribute('alt'  , 'aiguille des minutes');
		   aigM.setAttribute('style', 'left: 95px;');
			
		var aigH = document.createElement('img');
		   aigH.setAttribute('src'  , './portail/aigH.png');
		   aigH.setAttribute('class', 'aig');
		   aigH.setAttribute('alt'  , 'aiguille des heures');
		   aigH.setAttribute('style', 'left: 95px;');
			
		var horloge = document.getElementById('horloge');
		   horloge.appendChild(aigS);
		   horloge.appendChild(aigM);
		   horloge.appendChild(aigH);
		
		var d    = new Date();
		var time = d.getSeconds() + 60 * d.getMinutes() + 3600 * d.getHours();
		
		aigS.style.MozTransform    = 'rotate(' + (time * 6) + 'deg)';
		aigS.style.WebkitTransform = 'rotate(' + (time * 6) + 'deg)';
		aigM.style.MozTransform    = 'rotate(' + (parseInt(time / 10)) + 'deg)';
		aigM.style.WebkitTransform = 'rotate(' + (parseInt(time / 10)) + 'deg)';
		aigH.style.MozTransform    = 'rotate(' + (parseInt(time / 120)) + 'deg)';
		aigH.style.WebkitTransform = 'rotate(' + (parseInt(time / 120)) + 'deg)';
		
		/*setInterval(function() {
		   time++;				   
		   aigS.style.MozTransform    = 'rotate(' + (time * 6) + 'deg)';
		   aigS.style.WebkitTransform = 'rotate(' + (time * 6) + 'deg)';
		   aigM.style.MozTransform    = 'rotate(' + (parseInt(time / 10)) + 'deg)';
		   aigM.style.WebkitTransform = 'rotate(' + (parseInt(time / 10)) + 'deg)';
		   aigH.style.MozTransform    = 'rotate(' + (parseInt(time / 120)) + 'deg)';
		   aigH.style.WebkitTransform = 'rotate(' + (parseInt(time / 120)) + 'deg)';
		}, 1000);//*/
		setInterval(function() {
			var d    = new Date();
			var time =  d.getMilliseconds() + 1000 * d.getSeconds() + 1000 * 60 * d.getMinutes() + 1000 * 3600 * d.getHours();			   
			aigS.style.MozTransform    = 'rotate(' + (time * 6 /1000) + 'deg)';
			aigS.style.WebkitTransform = 'rotate(' + (time * 6 /1000) + 'deg)';
			aigM.style.MozTransform    = 'rotate(' + (parseInt(time / 10000)) + 'deg)';
			aigM.style.WebkitTransform = 'rotate(' + (parseInt(time / 10000)) + 'deg)';
			aigH.style.MozTransform    = 'rotate(' + (parseInt(time / 120000)) + 'deg)';
			aigH.style.WebkitTransform = 'rotate(' + (parseInt(time / 120000)) + 'deg)';
		}, 100);
	 }
	else{
	//Navigateur pas compatible avec l'horloge
	$('#horloge').hide();
	}			
}
////////////////////////CODE PORTAIL/////////////////////////
function changeGuide(num){
	$('#guiguide').css('backgroundImage','url(\'./portail/guide'+num+'.jpg\')');

	switch(num){
		case 1: $('#guideAdd').show();$('#guideSave').hide();$('#guideCancel').hide();$('#guideUtils').hide();$('#guideMove').hide();$('#guideResize').hide();$('#guideOk').hide(); break;
		case 2: $('#guideAdd').hide();$('#guideSave').show();$('#guideCancel').show();$('#guideUtils').show();$('#guideMove').show();$('#guideResize').show();$('#guideOk').hide(); break;
		case 3: $('#guideAdd').hide();$('#guideSave').hide();$('#guideCancel').hide();$('#guideUtils').hide();$('#guideMove').hide();$('#guideResize').hide();$('#guideOk').show(); break;
	}
}

////////////////////////CODE Accueil/////////////////////////
function resetAccueil(){
	$('.accTxt').hide();
	$('.accTitleIn').css("text-decoration","none");
}

function accChange(value,title){
	resetAccueil();
	switch(value){
		case 1: 
			$('#accWhat').fadeIn(1000);
		break;
		case 2: 
			$('#accWhere').fadeIn(1000);
		break;
		case 3: 
			$('#accMy').fadeIn(1000);
		break;
	}
	$(title).css("text-decoration","underline");
}

////////////////////////CODE MyWallanon/////////////////////////
function myw_inscription(){
	var valueEmail=$('#mywIEmail').attr('value');
	if((valueEmail.search(/@live/)==-1 && valueEmail.search(/@hotmail/)==-1) || confirm("Attention! Pour une raison inconnue, notre site est bloqué sur les serveurs de mails de Microsoft, une adresse de type hotmail ou live a donc peu de chance de recevoir le mail de confirmation. Souhaitez-vous tout de même essayer?")){
		$('#mywInscription').attr('enabled',false);
		slideToggle('mywtabs-2');
		$.post("portail/myw_inscription.php", "email="+$('#mywIEmail').attr('value'),
			function(data){
				//$('#mywtabs-2').html(data);
				//alert(data);
				if(data=='ok')
					$('#mywtabs-2').html('<b style="color:green;">Un mail vous a été envoyé avec votre code.</b>');
				else if(data=='envoi')
					$('#mywtabs-2').html('<b style="color:red;">Le mail n\'a pas pu être envoyé :\'(</b>');
				else if(data=='deja')
					$('#mywtabs-2').html('<b style="color:red;">M\'enfin t\'es déjà inscrit toi o_O</b>');
				else
					$('#mywtabs-2').html('<b style="color:red;">Une erreur a inopinément interrompu le processus conduisant à votre inscription. Veuillez vous excuser.</b>');
				slideToggle('mywtabs-2');
				
				if(data!='ok') alert(data);
			}
		);	//*/
		//alert('ok');
	}
}

var oldBorder;
function mailTip(){
	var valueEmail=$('#mywIEmail').attr('value');
	if(valueEmail.search(/@live/)>-1 || valueEmail.search(/@hotmail/)>-1){
		$('#imgMail1').hide();
		$('#imgMail2').show();
		oldBorder=$('#mywIEmail').css('border');
		$('#mywIEmail').css('borderColor','red');
	}
	else{
		$('#imgMail2').hide();
		$('#imgMail1').show();
		$('#mywIEmail').css('border',oldBorder);
	}
}

////////////////////////CODE DE GESTION DES INFOBULLES/////////////////////////
var CurVisible=false;
function GetId(id){
	return document.getElementById(id);
}

function move(e){
	if(CurVisible || true) {
		if (navigator.appName!="Microsoft Internet Explorer"){ // Si on est pas sous IE
			GetId("Cur").style.left=(e.pageX+5)+"px";
			GetId("Cur").style.top=(e.pageY+5)+"px";
		}
		else{ 
			if(document.documentElement.clientWidth>0){
				//$('#debug').html(20+' '+(event.clientX)+' '+(event.x)+' '+document.documentElement.scrollLeft);
				GetId("Cur").style.left=(5+event.clientX+document.documentElement.scrollLeft)+"px";
				GetId("Cur").style.top=(5+event.clientY+document.documentElement.scrollTop)+"px";
			} 
			else{
				GetId("Cur").style.left=(20+event.x+document.body.scrollLeft)+"px";
				GetId("Cur").style.top=(10+event.y+document.body.scrollTop)+"px";
			}
		}
		
		var hwin=getDocHeight();
		var wwin=getDocWidth();
		var cadout=false;
		var YOffset=window.pageYOffset?window.pageYOffset:document.documentElement.scrollTop;
		var XOffset=window.pageXOffset?window.pageXOffset:document.documentElement.scrollLeft;
		
		if( (parseInt(GetId("Cur").style.top)+GetId("Cur").offsetHeight) > (hwin+YOffset) )
			GetId("Cur").style.top=parseInt(GetId("Cur").style.top)-( (parseInt(GetId("Cur").style.top)+GetId("Cur").offsetHeight) - (hwin+YOffset) )+"px";
		var dec=30;
		if( (parseInt(GetId("Cur").style.left)+GetId("Cur").offsetWidth+dec) > (wwin+XOffset) )
			GetId("Cur").style.left=parseInt(GetId("Cur").style.left)-( (parseInt(GetId("Cur").style.left)+GetId("Cur").offsetWidth+dec) - (wwin+XOffset) )+"px";
	}
}

function getDocHeight() {
	var windowHeight;
	if (self.innerHeight) { // all except Explorer
	windowHeight = self.innerHeight;
	} 
	else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
	windowHeight = document.documentElement.clientHeight;
	} 
	else if (document.body) { // other Explorers
	windowHeight = document.body.clientHeight;
	}
	return windowHeight;
}

function getDocWidth() {
	var windowHeight;
	if (self.innerWidth) { // all except Explorer
	windowWidth = self.innerWidth;
	} 
	else if (document.documentElement && document.documentElement.clientWidth) { // Explorer 6 Strict Mode
	windowWidth = document.documentElement.clientWidth;
	} 
	else if (document.body) { // other Explorers
	windowWidth = document.body.clientWidth;
	}
	return windowWidth;
}

function montreBulle(text){
	if(!CurVisible){
		$('#InfoBulleText').html(text);
		$('#Cur').css('border','1px solid white');
		$('#Cur').show();
		CurVisible=true;
	}
}
function montreBulleImage(src){
	if(!CurVisible){
		$('#InfoBulleText').html('<img style="max-width:200px;" id="bulleImg" src="" />');
		document.getElementById('bulleImg').src=src;
		$('#Cur').css('border','none');
		$('#Cur').show();
		CurVisible=true;
	}
}
function cacheBulle(){
	if(CurVisible){
		$('#Cur').hide();
		CurVisible=false;
	}
}

document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.