// realisations.js
// author : dosites.com
// -------------------
window.addEvent('domready', function(){
	//new Fx.Style('tips', 'opacity').set(0);
	$('tips').setStyle('display', 'none'); 
	document.addEvent('mousemove',function(e){tip.move(e)});
	initPage();
});

var tip = {
	
	isTip:false,

	// --------------------------------------
	move:function(event){
		$('tips').setStyles({left:event.clientX + 10,top:event.clientY - 10});
	},

	// --------------------------------------
	showTip:function(txtTip){
		if (!this.isTip && txtTip){
			$('tips').setHTML(txtTip);
			$('tips').setStyle('display', 'block'); 
			this.isTip = true;
		}
	},

	// --------------------------------------
	hideTip:function(){
		if (this.isTip){		
			$('tips').setHTML(" ");
			$('tips').setStyle('display', 'none'); 
			//new Fx.Style('tips', 'opacity').set(0);
			this.isTip = false;
		}
	}
}

var previewPage = {

	bgGreenFx:null,
	sUrl:"script/getjsonPrevPage.php",
	lang:"fr",
	pageTitre:"",
	idProjet:null,

	// --------------------------------------
	openPage:function(idProj,titre){
		Cookie.set('fromPage', 'real');
		Cookie.set('fromReal', idProj);

		pageTitre = titre;
		idProjet = idProj;

		var w = window.getWidth();
		var h = window.getHeight();
		$('projPage').setStyles({width:w,top:0,height:h,left:0,display:'block'})

		new Fx.Style('projPage', 'opacity').set(0.8); 
		
		//bgGreenFx = new Fx.Style('projPage', 'opacity').start(0,0.9);

		new Ajax(this.sUrl,{postBody:'idProj='+idProj+"&lang="+this.lang, onComplete: previewPage.getMosaicImgs,method: 'get'}).request();

	},

	closePage:function(){
		Cookie.set('fromReal', '');

		$('projPage').setHTML('');
		$('mosaic').setHTML('');
		$('projPage').setStyles({width:0,top:0,height:0,left:0,display:'none'}) 
	
	},

	// --------------------------------------
	getMosaicImgs:function(req){
		var reqAnswer = Json.evaluate(req);

		// on fabrique le html
		var htmlMosaic = '<div class="titMosaic">'+pageTitre+'</div>';
			htmlMosaic += '<div class="closePrevPage"><a href="javascript:previewPage.closePage();"><img src="imgs/bt_closePrevPage_off.gif" width="34" height="34" alt="close" border="0"/></a></div>';
			htmlMosaic += '<div class="mosaicImgs"><ul>';
		
		var goURL = "projet.php?id=";
		
		switch (lang){
			case "en":
				goURL = "projet_en.php?id=";
			break;
			case "cn":
				goURL = "projet_cn.php?id=";
			break;
		}

		for (var i=0;i<reqAnswer["allImg"].length ;i++ ){
			htmlMosaic += '<li><a href="'+goURL+idProjet+'&imgStart='+i+'" onmouseout="tip.hideTip();" onmouseover="tip.showTip(\''+reqAnswer["allImg"][i]["legende"]+'\');"><img src="'+reqAnswer["allImg"][i]["src"]+'" width="125" height="94" alt="" /></a></li>';
		}
		htmlMosaic += '</ul></div>';
		
		$('mosaic').setHTML(htmlMosaic);

		// on positionne
		var w = Math.round((window.getWidth()-675)/2);
		$('mosaic').setStyle('left',w);
		var h = Math.ceil(window.getHeight()-(104*Math.round(reqAnswer["allImg"].length/5))/2);
		$('mosaic').setStyle('top',100);

	},


	// --------------------------------------
	setLang:function(lg){
		lang = lg;
	}
}