var dom			= (document.getElementById)? true:false;
	var ns4 		= (document.layers)? true:false;
	var ie4			= (document.all)? true:false;
	var dd_mode		= "";
	var h			= 0;
	var w			= 0;
	
	var interv;
	var cadance	= 1; //1000 = 1 seconde.
	var hauteur	= 1;
	var encours	= 1;
	
	var hauteur_max	= new Array();
	var largeur_max	= new Array();
	var sticker		= new Array();
	var url_img		= new Array();
	var nb			= -1;

function appui(nub){
	
	if(nub != -1){
		nb	= nub;
	}
	
	if(ie4){
		loader_big_image.innerHTML	= "<img src='http://www.art-i-stick.fr/images/icones/ajax-loader-image.gif' />";
	}else if(dom){
		document.getElementById('loader_big_image').innerHTML	= "<img src='http://www.art-i-stick.fr/images/icones/ajax-loader-image.gif' />";
	}else if(ns4){
		document.layers.loader_big_image.innerHTML	= "<img src='http://www.art-i-stick.fr/images/icones/ajax-loader-image.gif' />";
	}

	if(encours){
		interv=setInterval("start()",cadance);
		encours		= 0;
	}else if(!encours && nub != -1){
		if (ie4) {
	
			cadre_contenu.innerHTML		= '';
		}else if (dom) {
	
			document.getElementById('cadre_contenu').innerHTML		= '';
		}else if (ns4) {
	
			document.layers.cadre_contenu.innerHTML		= '';
		}

		hauteur	= 1;
		interv=setInterval("start()",cadance);
		encours		= 0;
	}else{
		interv=setInterval("_stop()",cadance);
		encours		= 1;
	}
}

function start() {			//Init des variables,des Divs-Layers, et du onmousedown
	
	if(hauteur == 1){
		if (ie4) {

			cadre_barre.style.leftw+"px";
			cadre_barre.style.top=h+"px";
			cadre_barre.style.visibility="visible";
			cadre_barre.style.width=largeur_max[nb]+"px";
			cadre_contenu.style.width=largeur_max[nb]+"px";
			cadre_contenu.style.left=w+"px";
			cadre_contenu.style.height=hauteur+"px";
			cadre_contenu.style.top=30+"px";
			cadre_contenu.style.display='';
			cadre_contenu.style.visibility="visible";
			cadre_barre.onmousedown=beginDrag;
		}else if (dom) {

			document.getElementById('cadre_barre').style.left=w+"px";
			document.getElementById('cadre_barre').style.top=h+"px";
			document.getElementById('cadre_barre').style.visibility="visible";
			document.getElementById('cadre_barre').style.width=largeur_max[nb]+"px";
			document.getElementById('cadre_contenu').style.width=largeur_max[nb]+"px";
			document.getElementById('cadre_contenu').style.height=hauteur+"px";
			document.getElementById('cadre_contenu').style.left=w+"px";
			document.getElementById('cadre_contenu').style.top=30+"px";
			document.getElementById('cadre_contenu').style.display='';
			document.getElementById('cadre_contenu').style.visibility="visible";
			document.getElementById("cadre_barre").addEventListener("mousedown",beginDrag, false);
		}else if (ns4) {

			document.layers.cadre_barre.left=w+"px";
			document.layers.cadre_barre.top=h+"px";
			document.layers.cadre_barre.visibility="visible";
			document.layers.cadre_barre.width=largeur_max[nb]+"px";
			document.layers.cadre_contenu.width=largeur_max[nb]+"px";
			document.layers.cadre_contenu.left=w+"px";
			document.layers.cadre_contenu.top=30+"px";
			document.captureEvents(Event.MOUSEDOWN);
			document.onmousedown=beginDrag;
		}

		hauteur	= hauteur+3;
	}else if(hauteur < hauteur_max[nb]){
		if (ie4) {

			cadre_contenu.style.height=hauteur+"px";
		}else if (dom) {

			document.getElementById('cadre_contenu').style.height=hauteur+"px";
		}else if (ns4) {

			document.layers.cadre_contenu.height=hauteur+"px";
		}

		hauteur	= hauteur+3;
	}else{
		clearInterval(interv);

		if (ie4) {
	
			cadre_contenu.innerHTML		= '<img src="http://www.art-i-stick.fr/'+url_img[nb]+'" alt="'+sticker[nb]+'" style="max-height:600px; max-width:600px;" />';
			loader_big_image.innerHTML	= sticker[nb];
		}else if (dom) {
	
			document.getElementById('cadre_contenu').innerHTML		= '<img src="http://www.art-i-stick.fr/'+url_img[nb]+'" alt="'+sticker[nb]+'" style="max-height:600px; max-width:600px;" />';
			document.getElementById('loader_big_image').innerHTML	= sticker[nb];
		}else if (ns4) {
	
			document.layers.cadre_contenu.innerHTML		= '<img src="http://www.art-i-stick.fr/'+url_img[nb]+'" alt="'+sticker[nb]+'" style="max-height:600px; max-width:600px;" />';
			document.layers.loader_big_image.innerHTML	= sticker[nb];
		}
		
		hauteur = hauteur_max[nb];
	}
}

function _stop() {
	if(hauteur == hauteur_max[nb]){
		if (ie4) {
	
			cadre_contenu.style.height=hauteur+"px";
			cadre_contenu.innerHTML	= "";
		}else if (dom) {
	
			document.getElementById('cadre_contenu').style.height=hauteur+"px";
			document.getElementById('cadre_contenu').innerHTML	= "";
		}else if (ns4) {
	
			document.layers.cadre_contenu.height=hauteur+"px";
			document.layers.cadre_contenu.innerHTML	= "";
		}
	
		hauteur	= hauteur-3;
	}else if(hauteur > 1){
		if (ie4) {
	
			cadre_contenu.style.height=hauteur+"px";
		}else if (dom) {
	
			document.getElementById('cadre_contenu').style.height=hauteur+"px";
		}else if (ns4) {
	
			document.layers.cadre_contenu.height=hauteur+"px";
		}
	
		hauteur	= hauteur-3;
	}else{
		if (ie4) {
	
			cadre_barre.style.visibility="hidden";
			cadre_contenu.style.visibility="hidden";
		}else if (dom) {
	
			document.getElementById('cadre_barre').style.visibility="hidden";
			document.getElementById('cadre_contenu').style.visibility="hidden";
		}else if (ns4) {
	
			document.layers.cadre_barre.visibility="hidden";
			document.layers.cadre_contenu.visibility="hidden";
		}
		
		hauteur		= 1;
		clearInterval(interv);
	}
}

function doDrag(e) {			// Déplacement des Divs-Layers
	if (ie4) {
		var difX=event.clientX-window.lastX;
		var difY=event.clientY-window.lastY;
		var newX1 = parseInt(cadre_barre.style.left)+difX;
		var newY1 = parseInt(cadre_barre.style.top)+difY;
		cadre_barre.style.left=newX1+"px";
		cadre_barre.style.top=newY1+"px";
		cadre_contenu.style.left=newX1+"px";
		cadre_contenu.style.top=newY1+30+"px";
		window.lastX=event.clientX;
		window.lastY=event.clientY;
	}else if (dom) {
		var difX=e.clientX-window.lastX;
		var difY=e.clientY-window.lastY;
		var newX1 = parseInt(document.getElementById("cadre_barre").style.left)+difX;
		var newY1 = parseInt(document.getElementById("cadre_barre").style.top)+difY;
		document.getElementById("cadre_barre").style.left=newX1+"px";
		document.getElementById("cadre_barre").style.top=newY1+"px";
		document.getElementById("cadre_contenu").style.left=newX1+"px";
		document.getElementById("cadre_contenu").style.top=newY1+30+"px";
		window.lastX=e.clientX;
		window.lastY=e.clientY;
	}else if (ns4) {
		var difX=e.pageX-window.lastX;
		var difY=e.pageY-window.lastY;
		var newX1 = parseInt(document.layers.cadre_barre.left)+difX;
		var newY1 = parseInt(document.layers.cadre_barre.top)+difY;
		document.layers.cadre_barre.left=newX1;
		document.layers.cadre_barre.top=newY1;
		document.layers.cadre_contenu.left=newX1;
		document.layers.cadre_contenu.top=newY1+30;
		window.lastX=e.pageX;
		window.lastY=e.pageY;
	} 
}

function beginDrag(e) {		// Paramétrage du déplacement des Divs-Layers et des onmousemove & onmouseup
	if (ie4) {
		cadre_contenu.className	= "cadre_contenu2";
		window.lastX=event.clientX;
		window.lastY=event.clientY;
		document.onmousemove=doDrag;
		document.onmouseup=endDrag;
	}else if (dom) {
		document.getElementById('cadre_contenu').className	= "cadre_contenu2";
		window.lastX=e.clientX;
		window.lastY=e.clientY;
		window.onmousemove=doDrag;
		window.onmouseup=endDrag;
		myattr=e.target.getAttribute("ID");
	}else if (ns4) {
		document.layers.cadre_contenu.className	= "cadre_contenu2";
		window.lastX=e.pageX;
		window.lastY=e.pageY;
		document.captureEvents(Event.MOUSEMOVE)
		document.onmousemove=doDrag;
		document.captureEvents(Event.MOUSEUP)
		document.onmouseup=endDrag;
	}
}

function endDrag(e) {		// Stabilisation des Divs-Layers dans la fenetre
	 if (ie4 || ns4) {
	 	document.onmousemove=null;
		document.getElementById('cadre_contenu').className	= "cadre_contenu";
	 }else if (dom) {
		window.onmousemove=null;
		document.getElementById('cadre_contenu').className	= "cadre_contenu";
	}else if (ns4) {
		alert("endDrag");
		document.layers.cadre_contenu.className	= "cadre_contenu";
		document.onmousemove=null;
	}
}

if ((dom) || (ie4)) {
	document.write("<div id='cadre_barre' class='cadre_barre'><table style='width:100%;'><tr><td style='text-align:left;' id='loader_big_image'></td><td style='text-align:right;'><a href='javascript:appui("+nb+")' tilte='Fermer'><img src='images/icones/cancel.png' alt='Fermer' /></a></td></tr></table></div>");
	document.write("<div id='cadre_contenu' class='cadre_contenu'></div>");
} else if (ns4) {
	document.write("<layer id='cadre_barre' bgcolor='#DDDDDD' height=30 width=160 top=0><a href='javascript:appui("+nb+")'><img src='images/icones/cancel.png' /></a></layer>");
	document.write("<layer id='cadre_contenu' width=160 top=30 bgcolor='#606060' visibility='hide'></layer>");
}