// JavaScript Document
var site ="toilesetdecors.fr";
var popUpWin=0;popUpText=0;
var ua = navigator.userAgent.toLowerCase();
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
// pour la fonction fixPNG
var msie = (ua.indexOf("msie") != -1) ? true : false;
var safari = (ua.indexOf("safari") != -1) ? true : false;
var firefox = (ua.indexOf("firefox") != -1) ? true : false;
var opera = (ua.indexOf("opera") != -1) ? true : false;
var netscape = (ua.indexOf("netscape") != -1) ? true : false;
var netscape72 = (ua.indexOf("netscape/7.2") != -1) ? true : false;
var arVersion = navigator.appVersion.split("MSIE");
var ieversion = parseFloat(arVersion[1]);
var pngtofix = ((ua.indexOf('msie') > 0) && (ieversion <= 7)) ? true : false;
var availscreenheight=screen.availHeight;

var y0; var inimove_on = false; var switch_on = true;
// var inimove_on = true; // provisoire pour test
var winW = 930; winH = 730;
var tabimg=new Array();

// Menu
var MenuLoc = "Images/Dbox/";
var pages = ["","/fresques.htm","/effets.htm","/patines.htm","/cieletornement.htm","/murspeints.htm","/copiestableaux.htm","/psurverre.htm"];
// Préchargement boutons du menu
var BOff = new Array(7); var BOn = new Array(7);
for (var i=1; i<=7; i++)
{
	BOff[i] = new Image; BOff[i].src = MenuLoc+"rubri"+i+"-off.png";
	BOn[i] = new Image; BOn[i].src = MenuLoc+"rubri"+i+"-on.png";
}

function GetDimFenetre()
{	
	if (msie) {winW = document.body.offsetWidth;winH = document.body.offsetHeight;}
	else {winW = window.innerWidth;winH = window.innerHeight;}
	//alert("winH : "+winH);
}


function popUpWindow(imgurl, title, left, top, width, height)
{
  if(popUpWin) {if(!popUpWin.closed) {popUpWin.close();}}
  hwin = parseInt(height+160);
  wwin = parseInt(width+160);
  pos = imgurl.indexOf('/');
  id =  imgurl.substr(pos +1); id = id.substr(id.indexOf('/')+1)
  URLStr = "affiche3.php?Image=" + imgurl + ".jpg&title=" + escape(title) + "&l=" + width + "&h=" + height;
  popUpWin = window.open(URLStr,id, 'titlebar=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbar=0,resizable=1,copyhistory=0,width='+wwin+',height='+hwin+',left='+left+', top='+top+',screenX='+left+',screenY='+top);
}


/*function Textpopup(URLStr, left, top, width, height)
{
  if(popUpText) {if(!popUpText.closed) popUpText.close();}
  popUpText = open(URLStr, 'popUpText', 'titlebar=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=yes,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top +',screenX='+left+',screenY='+top+'');
}*/

function preloadImages() 
{
	var d=document; if(d.images){ if(!d.tabimg) d.tabimg=new Array();
    var i,j=d.tabimg.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.tabimg[j]=new Image; d.tabimg[j++].src=a[i];}}
}

function preloadImages2() 
{
	var i, j=tabimg.length, a=preloadImages2.arguments;
	for(i=1; i<a.length; i++) {tabimg[j]=new Image; tabimg[j++].src=a[0]+a[i];}
}

function DivObject(divname) { return document.getElementById(divname) }
function DivStyle(divname) { return document.getElementById(divname).style }

function fixPNG(chemin,objet,etat) 
{
	if (pngtofix) 
    {
	   if (etat=="on"){souris = "onmouseout"; nextetat = "off"};
	   if (etat=="off"){souris = "onmouseover"; nextetat = "on"};
	   strNewHTML = "<img border='0' src='/Images/myimg.gif' name='" + objet + "' " + " style=\"" 
				  + "width:" + document.images[objet].width + "px; height:" + document.images[objet].height + "px; "
	              + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                  + "(" 
				  + "src=\'" + chemin + objet + "-" + etat + ".png" + "\', sizingMethod=\'scale\'"
				  + ");\""
				  + souris + "=\"fixPNG('" + chemin + "','" + objet  + "','" + nextetat  + "')\""
				  + "/>"; 
	   document.images[objet].outerHTML = strNewHTML;	  
    }
}

function LightOn(chemin,objet)
{
	if (!pngtofix) {document.images[objet].src = chemin + objet + "-on.png" ;}
	else {fixPNG(chemin,objet,'on');}
}

function LightOff(chemin,objet) {document.images[objet].src = chemin + objet + "-off.png" ;}

function FonduOuvert(calqueid,srcimg)
{
	DivObject(calqueid).innerHTML = '<img id="Photo" src="' + srcimg + '" border="0" height="100%">';
	if (pngtofix) {DivObject(calqueid).filters[0].apply();}
	DivStyle(calqueid).visibility="visible";
	if (pngtofix) {DivObject(calqueid).filters[0].play();}
}

function FonduOuvert1(calqueid,srcimg)
{
	DivObject(calqueid).innerHTML = '<img id="Photo" src="' + srcimg + '" border="0">';
	if (pngtofix) {DivObject(calqueid).filters[0].apply();}
	DivStyle(calqueid).visibility="visible";
	if (pngtofix) {DivObject(calqueid).filters[0].play();}
}

function FonduOuvert2(calqueid,srcimg)
{
	if(msie) {y0 = parseInt(document.images[calqueid].offsetTop)+7;}

	document.images[0].src = srcimg;
	if (pngtofix)
	{
		DivObject(calqueid).filters[0].apply();
		// il faut width=100% pour avoir l'effet de fondu ouvert
		DivStyle(calqueid).width="100%";
		DivStyle(calqueid).visibility="visible";
		DivObject(calqueid).filters[0].play();
	}
	else {DivStyle(calqueid).visibility="visible";}
}

function TitreEnFondu(calqueid,srcimg,imgid,lien)
{
	souris = "onMouseOver=\"LightOn('Images/','"+ imgid +"')\" onMouseOut=\"LightOff('Images/','"+ imgid +"')\"";
	if (pngtofix)
	{
		DivObject(calqueid).innerHTML = 
		"<a href='"+ lien + "'><img src='/Images/myimg.gif' border='0' id='" + imgid + "' "
		+ "style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + srcimg + "');\""
		+ souris + " /></a>";
		DivObject(calqueid).filters[0].apply();
	}
	else
	{
		DivObject(calqueid).innerHTML = "<a href='"+ lien + "'><img src='" + srcimg + "' id='"+ imgid 
		+ "' border='0' " + souris + " /></a>";
	}
	DivStyle(calqueid).visibility="visible";
	if (pngtofix) {DivObject(calqueid).filters[0].play();}
}

function Zoom(e)
{
	if(firefox || netscape) {x = e.pageX; y = e.pageY;}
	else {x = event.clientX; y = event.clientY;}// pour Safari, Opera ou IE
	deltx = x-x0; delty = y-y0;
	deltax = Math.round((deltx*10000)/w)/10000; deltay = Math.round((delty*10000)/h)/10000;
	// DivObject("CalqueInfo").innerHTML = '<span>Odeltax='+deltax+' Odeltay='+deltay+' '+nomPhoto+' y0:'+y0+' x0:'+x0+' w:'+w+' h:'+h+'&nbsp;&nbsp;</span>';

	cx = x+15; cy = y+15; cx2 = cx; cy2 = cy; if ((delty*2)> h){cy2 = y-15-28; cy = y-15-taille;}
	if ((deltx*2)> w){cx2 = x-15-105; cx = x-15-taille;}
	cursx = cx+"px";cursy = cy+"px";cursx2 = cx2+"px"; cursy2 = cy2+"px";
	
	if(firefox || netscape || opera) 
	{
		DivStyle("Calquemsg").left = cursx; DivStyle("Calquemsg").top = cursy;
		DivStyle("Calquemsg").zIndex= 3;
		DivStyle("CalqueZoom").zIndex= 2;

	}
	else {DivStyle("Calquemsg").left = cursx2; DivStyle("Calquemsg").top = cursy2;}
	srcimg1 = "/scripts/zoom.php?msg=zoom en cours...";
	DivObject("Calquemsg").innerHTML = '<img src="' + srcimg1 + '" />';
	DivStyle("Calquemsg").visibility="visible";

	
	DivStyle("CalqueZoom").left = cursx; DivStyle("CalqueZoom").top = cursy;
	srcimg2 = "/scripts/zoom.php?"+nomPhoto+"=?x="+deltax+"?y="+deltay+"?t="+taille;
	DivObject("CalqueZoom").innerHTML = '<img src="' + srcimg2 + '" lowsrc="/Images/myimg.gif" />';
	DivStyle("CalqueZoom").visibility="visible";
}

function ClickPosOff() { document.onclick=''; DivStyle("Calquemsg").visibility="hidden"; DivStyle("CalqueZoom").visibility="hidden"; }

function ClickPosOn(fname,larg)
{
	nomPhoto = fname; taille = larg;
	w = parseInt(document.images[nomPhoto].width); h = parseInt(document.images[nomPhoto].height);
	// calcul des positions x0 et y0 relatives au bord gauche de cellule
	if(msie)
	{
		// y0 calcule en debut de FonduOuvert2
		x0 = parseInt(document.images[nomPhoto].offsetLeft)+7;
	}
	else
	{
		// pour Safari, Firefox, Netscape ou Opera :
		x0 = parseInt(document.images[nomPhoto].x); y0 = parseInt(document.images[nomPhoto].y);
		if(firefox || netscape72 || opera)
		{
			if(opera) {x0 = parseInt(document.images[nomPhoto].offsetLeft);}
			u = parseInt(document.body.clientHeight) - h  -24; y0 = Math.round(u/2);
			x0 = x0 +4; if(netscape72){y0 = y0 - 2;}
		}
	}
	document.onclick=Zoom;
}

function HelpMsg(msg)
{
	msgtxt = msg;
	if (isWin)
	{
		DivObject("hlpmsg").innerHTML = '<span class="claire-12-gras-gris">'+msgtxt+'</span>';
		DivStyle("hlpmsg").visibility="visible";
	}
}
function NoHelp() {document.onmouseover='';DivStyle("hlpmsg").visibility="hidden";}

function NoteMsg(msg)
{
	msgtxt = msg;
	DivObject("comment").innerHTML = '<span class="claire-12-gras-gris">'+msgtxt+'</span>';
	DivStyle("comment").visibility="visible";
}

function NoteMsg2(msg)
{
	msgtxt = msg;
	DivObject("comment2").innerHTML = '<span class="claire-10-gras-rouge">'+msgtxt+'</span>';
	DivStyle("comment2").visibility="visible";
}

function NoNote() {document.onmouseover='';DivStyle("comment").visibility="hidden";}

function inimove()
{
	// alert("inimove");
	if (inimove_on)
	{
		DivStyle('CalqueCloseWin').visibility='hidden';
		CalqueDeplace="popUpWin";
		document.onmousemove=mvtcurs;
	}
}

function mvtcurs(e)
{	
	if (firefox || netscape) {x = e.pageX; y = e.pageY;}
	else {x = event.clientX; y = event.clientY;}
	if (!safari) {x= x+ document.body.scrollLeft; y= y+ document.body.scrollTop;}
	cx = x-100; cy = y-10;
	cursx = cx+"px";cursy = cy+"px";
	DivStyle(CalqueDeplace).cursor = 'move';
	DivStyle(CalqueDeplace).left = cursx; DivStyle(CalqueDeplace).top = cursy;
}

function pinup(calqueid)
{
	DivStyle("comment2").visibility="hidden";document.onmousemove='';
	cursx = DivStyle(calqueid).left; cursy = DivStyle(calqueid).top;
	DivStyle("CalqueClose").left = cursx; DivStyle("CalqueClose").top = cursy;
	DivStyle("CalqueClose").visibility="visible";
	DivStyle(calqueid).cursor = 'default';
}

function ClickESP(calqueid)
{
	NoteMsg2("Cliquer pour fixer la note");
	DivStyle('CalqueClose').visibility='hidden';DivStyle(calqueid).visibility='visible';
	CalqueDeplace=calqueid;
	document.onmousemove=mvtcurs;
}

function DblClickESP(calqueid)
{
	DivStyle('CalqueClose').visibility='hidden';DivStyle(calqueid).visibility='hidden';
	document.onmousemove='';
}

function popUpWindow2(imgurl, title, left, top, width, height)
{
    // srcimg = "/scripts/getimage.php?imgurl="+imgurl + ".jpg&title=" + escape(title);
    srcimg = "/scripts/getimage.php?imgurl="+imgurl;

	GetDimFenetre();imgH = winH - 190;
    DivObject('cadrimage').innerHTML = '<img class="imageWin" src="' + srcimg + '" height="'+imgH+'px" lowsrc="/Images/myimg.gif" />';
	
	// après que l'image ait été chargée :
	DivStyle('popUpWin').left = left+"px"; DivStyle("popUpWin").top = top+"px"; inimove_on = true;
	DivObject('titreWin').innerHTML = title;
	if(firefox || netscape || opera){DivStyle('popUpWin').borderColor='white';}
	DivStyle('CalqueCloseWin').visibility='hidden';DivStyle("popUpWin").visibility='visible';
}


function pinOn()
{
	if (switch_on)
	{
		switch_on = false; inimove_on = false; document.onmousemove='';
		cursx = DivStyle('popUpWin').left; cursy = DivStyle('popUpWin').top;
		pinx = parseInt(cursx.substr(0,cursx.indexOf('px'))) +1; piny = parseInt(cursy.substr(0,cursy.indexOf('px'))) +1;
		DivStyle("CalqueCloseWin").left = pinx+"px"; DivStyle("CalqueCloseWin").top = piny +"px";
		DivStyle("CalqueCloseWin").visibility="visible";
		DivStyle('popUpWin').cursor = 'default';
	}
	else {DivStyle('popUpWin').cursor = 'move'; inimove_on = true; switch_on = true;inimove();}
}

function DblClickWin()
{
	DivStyle('CalqueCloseWin').visibility='hidden';DivStyle("popUpWin").visibility='hidden';
	document.onmousemove='';
}