var imgNav = false;
var numImg = 0;
var var_tab_img_nam = new Array();
var var_tab_img_lar = new Array();

function imgView(arg_src, arg_lar, arg_nav)
{
	if(arg_nav == undefined) arg_nav = false;
	imgNav = arg_nav;
	if(getId("zoneMasque").style.visibility != 'visible') wngActiverMasque();
	getId('blocImg').style.visibility = "visible";
	getId('imgViewer').src = wngPathImg + 'waiting.gif';
	addEvent(getId('imgViewer'), 'mouseover', imgLoadInbOn);
	addEvent(getId('imgViewer'), 'mouseout', imgLoadInbOff);
	var blocHauteur = getId('blocImg').clientHeight;
	var blocLargeur = getId('blocImg').clientWidth;
	getId('blocImg').style.left = '50%';
	//getId('blocImg').style.top = eval(100 + document.documentElement.scrollTop) + 'px';
	getId('blocImg').style.marginLeft = eval(-blocLargeur/2) + 'px';
	getId('blocImg').style.borderWidth = '0px';
	var img = new Image();
	var vImg = getId('imgViewer');
	img.onload = function()
	{
		vImg.onload = null;
		vImg.src = img.src;
		imgViewFadeIn('imgViewer', arg_lar);
	};
	img.src = arg_src;
	removeEvent(getId('imgViewer'), 'mouseover', imgLoadInbOn);
	removeEvent(getId('imgViewer'), 'mouseout', imgLoadInbOff);
	if(arg_nav)
	{
		getId('blocNavImg').style.display = '';
		getId('imgViewer').style.cursor = 'pointer';
		getId('blocNavImg').style.width = arg_lar + 'px';
		for (var i = 0; i < var_tab_img_nam.length ; i++)
		{
			if(var_tab_img_nam[i] == arg_src) numImg = i;
		}
	}
	else
	{
		getId('blocNavImg').style.display = 'none';
		getId('imgViewer').style.cursor = 'default';
	}
	
	var haut = getId('imgViewer').clientHeight;
	if (!document.all && document.getElementById) vHeightBrowser = window.innerHeight;
	else vHeightBrowser = document.documentElement.clientHeight;
	var py = parseInt(vHeightBrowser/2) - parseInt(haut/2) - 50;
	getId('blocImg').style.top = py + 'px';
}

function imgViewNext()
{
	if(imgNav)
	{
		numImg++;
		if(numImg == var_tab_img_nam.length) numImg = 0;
		imgView(var_tab_img_nam[numImg], var_tab_img_lar[numImg], true);
		//clearTimeout(msk);
	}
}

function imgViewFadeIn(arg_img, arg_lar)
{
	imgViewFadeInRec(arg_img, 0, arg_lar);
}

function imgViewFadeInRec(arg_img, arg_oct, arg_lar)
{
	var vImg = getId(arg_img);
	addEvent(getId(arg_img), 'mouseover', imgViewInbOn);
	addEvent(getId(arg_img), 'mouseout', imgViewInbOff);
	var blocHauteur = getId('blocImg').clientHeight;
	var blocLargeur = getId('blocImg').clientWidth;
	getId('blocImg').style.left = '50%';
	//getId('blocImg').style.top = eval(10 + document.documentElement.scrollTop) + 'px';
	getId('blocImg').style.marginLeft = eval((-blocLargeur/2-1)) + 'px';
	getId('blocImg').style.borderWidth = '0px';
	if (arg_oct <= 100)
	{
		imgSetOpacity(vImg, arg_oct);
		arg_oct += 10;
		window.setTimeout('imgViewFadeInRec(\'' + arg_img + '\',' + arg_oct + ', '+ arg_lar + ')', 5);
	}
	var haut = getId('imgViewer').clientHeight;
	if (!document.all && document.getElementById) vHeightBrowser = window.innerHeight;
	else vHeightBrowser = document.documentElement.clientHeight;
	var py = parseInt(vHeightBrowser/2) - parseInt(haut/2) - 50;
	getId('blocImg').style.top = py + 'px';
}

function imgViewClose(msk)
{
	imgNav = false;
	getId('blocImg').style.visibility = "hidden";
	getId('blocNavImg').style.display = 'none';
	inbHide();
	if(msk) wngDesactiverMasque();
}

function imgViewInbOn()
{
	//inbShow('', 'Cliquez pour fermer');
}

function imgViewInbOff()
{
	inbHide();
}

function imgLoadInbOn()
{
	inbShow('', 'Chargement de l\'image en cours...');
}

function imgLoadInbOff()
{
	inbHide();
}

function imgLoad(arg_img, arg_src, arg_fin, arg_lar)
{
	getId(arg_img).src = wngPathImg + 'waiting.gif';
	var img = new Image();
	var vImg = getId(arg_img);
	img.onload = function ()
	{
		vImg.onload = null;
		vImg.src = img.src;
		if(arg_fin) imgFadeIn(arg_img, arg_lar);
	};
	img.src = arg_src;
}

function imgFadeIn(arg_img, arg_lar)
{
	imgFadeInRec(arg_img, 0, false, arg_lar);
}

function imgFadeInRec(arg_img, arg_oct, arg_res, arg_lar)
{
	var vImg = getId(arg_img);
	if (arg_oct <= 100)
	{
		imgSetOpacity(vImg, arg_oct);
		if(arg_res) vImg.style.width = Math.round(arg_lar*arg_oct/100) + 'px';
		arg_oct += 10;
		window.setTimeout('imgFadeInRec(\'' + arg_img + '\',' + arg_oct + ', true, '+ arg_lar + ')', 5);
	}
}