// JavaScript Document
function AjaxUp(url,pos1,loading)
	{
	new Ajax.Updater(pos1, url,{
		method: 'get',
		evalScripts: true,
		onLoading: AjaxUpLoading(pos1,loading)
		});
	}
function AjaxUpLoading(pos1,loading)
	{
	switch(loading)
		{
		case "1":
			$(pos1).innerHTML = "<div class=\"LoadingZone1\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "2":
			$(pos1).innerHTML = "<div class=\"LoadingZone2\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "3":
			$(pos1).innerHTML = "<div><img src=\"images/loading.gif\" align=\"absmiddle\" />&nbsp;<span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "4":
			$(pos1).innerHTML = "<div class=\"LoadingZone4\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "5":
			$(pos1).innerHTML = "<div class=\"LoadingZone5\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "6":
			$(pos1).innerHTML = "<div class=\"LoadingZone6\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		default:
		break;
		}
	}

function GestionAffichage(nom,id)
	{
	if($(id)!=null && $(id).style.display=="none")
		{
		var display=1;
		}
	else
		{
		var display=2;
		}
	if(nom!='null')
		{
		var Divs=document.getElementsByTagName("div");
		var expReg="^"+nom+"*";
		var reg=new RegExp(expReg);
		for(var i=0;i<Divs.length;i++)
			{
			var DivId=Divs[i].id;
			if(reg.test(DivId))
				{
				$(DivId).hide();
				}
			}
		}
	if(display==1)
		{
		$(id).show();
		}
	else
		{
		if($(id)!=null)
			{
			$(id).hide();
			}
		}
	}

function AffImageBox(image)
	{
	if(document.body)
		{
		var wWindow = (document.documentElement.clientWidth);
		var hWindow = (document.documentElement.clientHeight);
		if(document.documentElement.scrollTop)
			{
			var hOffset = (document.documentElement.scrollTop);
			}
		else
			{
			var hOffset = (document.body.scrollTop);
			}
		}
	else
		{
		var wWindow = (window.innerWidth);
		var hWindow = (window.innerHeight);
		var hOffset = (window.pageYOffset);
		}
	var img=new Image();
  img.src=image;
	img.onload = function()
		{
		var hImage=img.height;
		var wImage=img.width;
		var margeleft=((wWindow-wImage)/2);
		var margetop=(((hWindow-hImage)/2)+hOffset);
		var filtre=new Element('div', { id: 'filtre'});
		filtre.addClassName('filtre');
		$('body').insert(filtre);
		var box=new Element('div', { id: 'box'});
		box.absolutize();
		box.addClassName('box2');
		box.setStyle({overflow: 'hidden', zIndex: '995', top: margetop + 'px', left: margeleft + 'px', width: 'auto', height: 'auto'});
		$('body').insert(box);
		var boxcontent=new Element('div', { id: 'boxcontent'});
		$('box').insert(boxcontent);
		var boxheader=new Element('div', { id: 'boxheader'});
		boxheader.addClassName('boxheader');
		$('boxcontent').insert(boxheader);
		$('boxheader').innerHTML='<span onclick="CacheImageBox()" style="cursor:pointer;"><span style="font-size:11px;">FERMER</span> X</span>';
		var boximage=new Element('div', { id: 'boximage'});
		boximage.setStyle({margin: '10px'});
		$('boxcontent').insert(boximage);
		$('boximage').innerHTML='<img src="' + image + '" alt="" />';
		} 	
	}

function CacheImageBox()
	{
	$('filtre').remove();
	$('box').remove();
	}

function sendForm(url,param,pos1,pos2,loading){
	new Ajax.Request(url,{
		method: 'post',
		postBody: param,
		evalJS: true,
		onLoading:SendFormLoading(pos2,loading),
		onSuccess:SendFormSuccess(pos1)
		});
	}
	
function SendFormSuccess(pos1)
	{
	return function(response)
		{
		if(response.readyState == 4)
			{
			$(pos1).innerHTML = response.responseText;
			}
		}
	}
function SendFormLoading(pos2,loading)
	{
	switch(loading)
		{
		case "1":
			$(pos2).innerHTML = "<div class=\"LoadingZone1\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "2":
			$(pos2).innerHTML = "<div class=\"LoadingZone2\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "3":
			$(pos2).innerHTML = "<div><img src=\"images/loading.gif\" align=\"absmiddle\" />&nbsp;<span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "4":
			$(pos2).innerHTML = "<div class=\"LoadingZone4\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "5":
			$(pos2).innerHTML = "<div class=\"LoadingZone5\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		case "6":
			$(pos2).innerHTML = "<div class=\"LoadingZone6\"><img src=\"images/loading.gif\" align=\"absmiddle\" /><br /><br /><span style=\"font-size:10px;\">Chargement</span></div>";
		break;
		default:
		break;
		}
	}