// Bandeau defilement images -->
var tabsrc = [
			["thoniel.png","http://www.thoniel-immobilier.com/"],
			["pharmacie.png","http://www.pharmacie-des-garrigues.fr"],
			["artzen.png","http://www.art-zen.com"],
			["paschos.png","http://www.galerie-paschos.com/"],
			["dermatherm.png","http://www.dermatherm.fr/"],
			["jasrobert.png","http://www.jasdesroberts.com/"],
			["yoganet.png","http://www.yoganet.fr"],
			["siouvette.png","http://www.vins-siouvette.com/"],
			["tropez.png","http://www.immobilier-paci.com/"],
			["st-michel.png","http://www.domaine-pre-st-michel.com/"],
			["rosalie.png","http://www.la-maison-de-rosalie.com/"],
			["oliviers.png","http://www.gite-grimaud-olivier.com/"],
			["logistics.png","http://www.id-logistics.com/"],
			["nt2i.png","http://www.nt2i.net/"],
			["badaracchi.png","http://www.agence-immobiliere-badaracchi.com/"],
			["prestige.png","http://www.villa-prestige-service.com/"],
			["agsformule1.png","http://www.agsformule1.com/"],
			["luberon.png","http://www.lesparcsduluberon.com/"],
			["chalvet.png","http://www.hotel-restaurant-lechalvet-embrun.com/"],
			["pavillon.png","http://www.pavillon-indochine.com/"],
			["marcus.png","http://www.marcus-diving.com/"],
			["mesopotamia.png","http://www.art-decoration-original.com/"],
			["stranos.png","http://www.stranos.fr/"],
			["st-lambert.png","http://www.gite-forcalquier-lambert.com/"],
			["bijoux.png","http://www.ambre-amaryllis.com/"],
			["duosaaj.png","http://www.duosaaj.com/"],
			["tvazur.png","http://www.tvazur.com/"],
			["nounours.png","http://www.nounours-de-reve.com/"]
			];
var tabimg = new Array();		/* Tableau images */
var tabbar = new Array();		/* Preload speed bar */
var largtab = 0; 				/* Largeur du tableau */
var largdiv = 0 				/* Largeur divimg */
var pas = 1;					/* Vitesse de defilement */
var marge= 5;					/* Marge de l'image     */
var sens = -1;					/* vers la gauche par défaut */
var savpas = 0; 				/* sauve le dernier pas */

/**
 * Retourne la valeur d'un style.
 */
function getCSSProperty(mixed, sProperty) {
    
    oNode = (typeof mixed == "object") ?  mixed : document.getElementById(mixed);
    
    if(document.defaultView) {
        return document.defaultView.getComputedStyle(oNode, null).getPropertyValue(sProperty);
    }
    else if(oNode.currentStyle) {
        sProperty = sProperty.replace(/\-(\w)/g, function(m,c){return c.toUpperCase();});
        return oNode.currentStyle[sProperty];
    }
    else {
        return null;
    }
}

/**
 * Retourne les coordonnées d'un élément pour Internet Explorer.
 */
function ieGetCoords(elt) {
    var coords = elt.getBoundingClientRect();
    var border = getCSSProperty(document.getElementsByTagName('HTML')[0], 'border-width');
    var border = (border == 'medium') ? 2 : parseInt(border);
    
    coords.left += Math.max(elt.ownerDocument.documentElement.scrollLeft, elt.ownerDocument.body.scrollLeft) - border;
    coords.top  += Math.max(elt.ownerDocument.documentElement.scrollTop, elt.ownerDocument.body.scrollTop) - border;
    
    return coords;
}

/** 
 * Retourne les coordonnées d'un élément sur une page en fonction de tous ses éléments parents.
 * 
 * @param objet element
 * @param objet eltRef (optionnel)
 * @return json coords = {left:x, top:x}
 */
function getElementCoords(element, eltReferant) {
    
    var coords = {left: 0, top: 0};
    
    // IE pour résoudre le problème des marges (IE comptabilise dans offsetLeft la propriété marginLeft).
    if (element.getBoundingClientRect) {
        
        coords = ieGetCoords(element);
        
        if (typeof(eltReferant) == 'object') {
            var coords2 = ieGetCoords(eltReferant);
            
            coords.left -= coords2.left;
            coords.top  -= coords2.top;
            
            coords2 = null;
        }
    }
    // Les autres : récursivité sur offsetParent.
    else {
        
        while (element) {
            
            if (/^table$/i.test(element.tagName) && element.getElementsByTagName('CAPTION').length == 1 && getCSSProperty(element, 'position').toLowerCase() == 'relative') {
                coords.top += element.getElementsByTagName('CAPTION')[0].offsetHeight;
            }
            
            coords.left += element.offsetLeft;
            coords.top  += element.offsetTop;
            element      = element.offsetParent;
            
            if (typeof(eltReferant) == 'object' && element === eltReferant) {
                break;
            }
        }
    }
    
    return coords;
}

/* Gestion effet SpeedBar */
function preload()
{
for (var i=0; i < 10; i++)
	{
	var img =  new Image();
	img.src = "design/speedbar/barlight_0"+i+".gif";
	tabbar[i] = img;
	}
}
function Ondivimg() 
{ 
	savpas = pas; 
	pas = 0 	
};
function Offdivimg() 
{ 
	pas = savpas; 	
};

function Onspeedbar(n) 
{ 
	document.images['imgbar'+n].src = tabbar[n].src;
};

function Offspeedbar(n) 
{ 
	document.images['imgbar'+n].src = "design/speedbar/barblue_0"+n+".gif";
};

/* Gestion Speed Bar */
function speedbar(e) 
{
	var divspeed = findObj("speed");
	var mid = largdiv / 2;
	var coords = getElementCoords(divspeed);
	var posX = coords.left;
	var posY = coords.top;
	var mosX= (!e) ? event.clientX : e.pageX;
	mosX -= posX;
	if (mosX >= mid) sens = 1;
				else sens = -1;
	var delta = Math.abs(mosX - mid) ;
	pas = parseInt(delta / 100 );
	//alert ("Top = "+posX+" Left = "+posY+ " MosX = "+mosX+ "Sens = "+sens);
}

/* Creation des Images */
function Create_Images()
{
	/* Initalisation divsrc */
	var divsrc = findObj("divimg");
	largdiv  = divsrc.offsetWidth;
	for (var i=0; i < tabsrc.length; i++) {
		tabimg[i] = new Image();		
		tabimg[i].src = "thumb/"+tabsrc[i][0];
		divsrc.appendChild(tabimg[i]);
		}
	divsrc.onmouseover= Ondivimg; 
	divsrc.onmouseout= Offdivimg;
	
	/* Initalisation speedbar */
	var divspeed = findObj("speed");
	divspeed.onmousemove=speedbar;
	preload();
}

/* Creation des Images */
function Position_Images()
{
	largtab = marge; /* la 1er */
	for (var i=0; i < tabimg.length; i++) {
		tabimg[i].style.left=largtab+"px";
		tabimg[i].style.top=marge+"px";
		tabimg[i].style.position="absolute";
		tabimg[i].style.display="inline";
		tabimg[i].style.cursor="pointer";
		tabimg[i].title = tabsrc[i][1];
		tabimg[i].onclick = function() {window.open(this.title)};
		largtab +=tabimg[i].width+marge;
		//alert(largtab);
		}
}

/* Scroll horizontal */
function Scroll_Images()
{
	/* Décalage offset X  des images  */
	var divsrc = findObj("divimg");
	vitesse = pas * sens;
	for (var i=0; i < tabimg.length; i++) {
		var img = new Image();
		img = tabimg[i];
		var left=parseInt(img.style.left);
	    var width=img.width+marge;
		tabimg[i].style.left=left+vitesse +"px";
		// alert("Img "+ i + "pos = "+ left +" width = "+ width+ "larg ="+largtab);
		}

	/* vers la gauche */
	if (sens < 0) {
		/* la 1er image est-elle passée ? */
		left=parseInt(tabimg[0].style.left);
		if (tabimg[0].width + left <= 0) {
			// Alors la 1er image
			img = tabimg[0];
			for (i=0; i < tabimg.length -1; i++)
				tabimg[i] = tabimg[i+1];
			// devient la dernière
			img.style.left = largtab-img.width - marge+"px";
			tabimg[tabimg.length-1] = img;
			}
		}
	/* vers la droite */
	else
		{
		/* la 1er image est-elle passée ? */
		left=parseInt(tabimg[0].style.left);
		if (left >= 0) {
			// Alors la dernière image
			img = tabimg[tabimg.length-1];
			for (i=tabimg.length -1; i > 0; i--)
				tabimg[i] = tabimg[i-1];
			// devient la première
			img.style.left = -img.width - marge +"px";
			tabimg[0] = img;
			}
		}
	setTimeout("Scroll_Images()",5);
}