// JavaScript Document

var eWidth = document.documentElement.clientWidth;
var eHeight = document.documentElement.clientHeight;

var eWidthPlm = 1600;
var eHeightPlm = 1200;
var eCoef = 0.85;
var eWMrgMin = 15;
var eWMrgMax = 70;
var eHMrgMin = 10;
var eHMrgMax = 50;
var eImgW = 0;
var eImgH = 0;

var geIdInterval = null;

function InitPage() {
	
	InitSize(true);
	
	myMove = new ExtraMove('dvImage');
	myMove.Fondu = true;
	myMove.Zone = 2;	
	myMove.Ext = true;
	myMove.FonduCoef = 15;
	myMove.Tags = ["dvPlume","dvMask1","dvMask2"];
	myMove.Init();
	
	geIdInterval = setInterval('Positionnement()',500);
}

function Positionnement() {
	if(document.getElementById('imgWork').complete) {
		clearInterval(geIdInterval);
		eImgW = ((3000 / 2) - (eWidth / 2)) * -1;
		eImgH = ((2600 / 2) - (eHeight / 2)) * -1;
		var objImg = document.getElementById('dvImage');
		objImg.style.left = eImgW +'px';
		objImg.style.top = eImgH +'px';
	}
}

function InitSize(pLoad) {
	eWidth = document.documentElement.clientWidth;
	eHeight = document.documentElement.clientHeight;
	
	var cType = 'h';
	var eWMrg = eWidth * 0.85;
	if (eWMrg < eWMrgMin)
		eWMrg = eWMrgMin;
	if (eWMrg > eWMrgMax)
		eWMrg = eWMrgMax;
		
	var eHMrg = eHeight * 0.85;
	if (eHMrg < eHMrgMin)
		eHMrg = eHMrgMin;
	if (eHMrg > eHMrgMax)
		eHMrg = eHMrgMax;
		
	var eHeightImg = (eHeight - eHMrg);
	var eWidthImg = eWidthPlm * eHeightImg / eHeightPlm;
	var eVal = eHeightImg;
	
	if ((eWidthImg + eWMrg) > eWidth) {
		cType = 'w';
		eWidthImg = (eWidth - eHMrg);
		eHeightImg = eHeightPlm * eWidthImg / eWidthPlm;
		eVal = eWidthImg;
	}
	
	var ePosW = (eWidth / 2) - (eWidthImg / 2);
	var ePosH = (eHeight / 2) - (eHeightImg / 2);
	
	var eImgW = ((3000 / 2) - (eWidth / 2) * -1);
	var eImgH = ((2600 / 2) - (eHeight / 2) * -1);
	
	var objTag = document.getElementById('dvPlume');
	objTag.style.left = ePosW +'px';
	objTag.style.top = ePosH +'px';
	if(pLoad) {
		objTag.innerHTML = '<img src="scr/resizeImg.php?u=plumasse.png&'+ cType +'='+ eVal +'" id="Plumasse" ondblclick="document.frmMailTo.submit();"/>';
	} else {
		var objTag = document.getElementById('Plumasse');
		if(cType == 'w') {
			objTag.style.width = eWidthImg +'px';
			objTag.style.height = eHeightImg +'px';
		} else {
			objTag.style.width = eWidthImg +'px';
			objTag.style.height = eHeightImg +'px';
		}
	}
	
	if (cType == 'h'){
		objTag = document.getElementById('dvMask1');
		objTag.style.left = (eHMrg / 2) +'px';
		objTag.style.top = ePosH +'px';
		objTag.style.width = (ePosW - (eHMrg / 2) + 5) +'px';
		objTag.style.height = eHeightImg +'px';
		
		objTag = document.getElementById('dvMask2');
		objTag.style.left = (eWidthImg + ePosW - 5) +'px';
		objTag.style.top = ePosH +'px';
		objTag.style.width = (ePosW - (eHMrg / 2) + 5) +'px';
		objTag.style.height = eHeightImg +'px';
		
	} else {
		objTag = document.getElementById('dvMask1');
		objTag.style.left = ePosW +'px';
		objTag.style.top = (eWMrg / 2) +'px';
		objTag.style.width = eWidthImg +'px';
		objTag.style.height = (ePosH - (eWMrg / 2) + 5) +'px';
		
		objTag = document.getElementById('dvMask2');
		objTag.style.left = ePosW +'px';
		objTag.style.top = (eHeightImg + ePosH - 5) +'px';
		objTag.style.width = eWidthImg +'px';
		objTag.style.height = (ePosH - (eWMrg / 2) + 5) +'px';
	}
}

function MailTo() { document.frmMailTo.submit(); document.body.removeAttribute('title'); }
document.ondblclick = MailTo;

function DragPlay(event) { if(event.keyCode==32){ myMove.DragOn();} }
document.onkeydown = DragPlay;

function DragStop(event) { if(event.keyCode==32){ myMove.DragOff();} }
document.onkeyup = DragStop;