/*
//Capas per definir dins HTML

<div id="Finestra" style="position:absolute; left:180px; top:121px; width:380px; height:150px; z-index:1; background-color: #ffffff; layer-background-color: #ffffff; border: 1px none #000000; background-image: url(img/banner_1.jpg); layer-background-image: url(img/banner_1.jpg);"> 
  <div id="Banner1" style="position:absolute; left:0px; top:0px; width:356px; height:164px; z-index:4">1</div>
  <div id="Banner0" style="position:absolute; left:0; top:0; width:356px; height:131px; z-index:3">2</div>
</div>

<div id="LayerBannerLetter">
<script language="JavaScript">
document.writeln(PintaLetter(1));
</script>
</div>

//Al Body s'ha de cridar a la funció initbanner

<body onload="initbanners();">
*/
var dom = document.getElementById ? true:false;
var ns4 = document.layers ? true:false;
var ie4 = document.all ? true:false;
var mac = (navigator.userAgent.indexOf('Mac') != -1) ? true:false;
if (dom) ie4=false;


var bannerimgs = new Array();
var bannerlinks = new Array();
var currbanner=0;
var prevbanner=0;
var quin=-1;
var interval=12000;
var quantspixels=5;
var imgwidth=380;
var imgheght=126;
var absolutezero;
var interh;
var upL; var upT; var content = imgwidth;
var loop=true;

	for(var i=0;i<banners.length;i++){
		var img = new Image();
		img.src = banners[i]._img;
		bannerimgs[bannerimgs.length]=img;
		bannerlinks[bannerlinks.length]=banners[i]._url;
	}
	


function mouLayerHorAbs(lyr,pos){
	
	if(ie4){
		eval("document.all."+lyr+".style.left ="+pos);	
	}
	else if(ns4){
			
		 eval("document.Finestra.document."+lyr+".left ="+ pos);	
	}
	else if(dom){
		document.getElementById(lyr).style.left =pos + "px";	
	}
	
}


function canviaIndex(lyr,ind){
	if(ie4){	
		
		
		eval("document.all."+lyr+".style.zIndex ='"+ind+"'") ;			
	}
	else if(ns4){	
		
		eval("document.Finestra.document."+lyr+".zIndex ="+ind+"") ;		
	}
	else if(dom){
		document.getElementById(lyr).style.zIndex=ind;
		}	 
}

function canviaHTML(lyr,cont){
	if(ie4){	 
		//cont = ReplaceAll(cont, '"', '\"')
		//cont = ReplaceAll(cont, "'", "\'")	
		eval("document.all."+lyr+".innerHTML ='"+cont+"'") ;					
	}
	else if(ns4){	
		obj = eval("document.Finestra.document."+lyr);
		if(String(obj)!="undefined"){
			with (obj.document) {
       			write(cont);
       			close();
       		}
       		}
       		else{
       			obj = eval("document.LayerBannerLetter");       			
       			with (obj.document) {
       			write(cont);
       			close();
       		}
	    }				
	}
	else if(dom){
		document.getElementById(lyr).innerHTML=cont;
		}	
}

function initmouse(){
	if(ie4){
			upL = document.all.Finestra.style.pixelLeft;
			upT = document.all.Finestra.style.pixelTop;
			}
	 if(dom){			
			upL = parseInt(document.getElementById("Finestra").style.left);			
			upT = parseInt(document.getElementById("Finestra").style.top);
		}	
	if (ns4){
			upL = document.Finestra.left;		
			upT = document.Finestra.top;
			document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
	}
	document.onmousemove = move;

}
function move(e){
		getMouse(e);
		if(mouseX >= upL && (mouseX <= (upL + imgwidth)) && mouseY >= upT && (mouseY <= (upT + imgheght))){
		 loop=false;
		 return true;				
		} else {			
			 loop=true;		
			return true;
		}

}
function getMouse(e){
	if(ie4){
		mouseY = event.clientY + document.body.scrollTop;
		mouseX = event.clientX + document.body.scrollLeft;
	}
	else if(ns4 || dom){
		if(document.all){
			mouseY = event.clientY + document.body.scrollTop;
			mouseX = event.clientX + document.body.scrollLeft;
		}
		else{
			mouseY = e.pageY;
			mouseX = e.pageX;
		}
	}
}


function initbanners(){
	initmouse()
	if(ie4){
		document.all.LayerBannerLetter.style.visibility="hidden"
		absolutezero =parseInt(document.all.Banner1.style.left) -imgwidth;
		document.all.Finestra.style.clip="rect(0 380 150 0)" 	
	}
	else if(ns4){		
		absolutezero =  document.Finestra.document.Banner1.left-imgwidth;	
	}
	else if(dom){
		absolutezero = parseInt(document.getElementById("Banner1").style.left) -imgwidth;
		document.getElementById("Finestra").style.clip="rect(0 380 150 0)" 
		}
	
	mouLayerHorAbs("Banner0",absolutezero);
	var st = '<table width="100%" cellpadding="0" cellspacing="0" border="0">	<tr>		<td><a href="' + bannerlinks[currbanner] + '"><img id = "banner' + quin + '" name="banner' + quin + '" src="' + bannerimgs[currbanner].src + '" width="380" height="150" border="0"></a></td></tr></table>'
	canviaHTML("Banner1",st);
	quin++;
	rota();
}

function rota(){
	if(loop) { 
		var i;
		quin = (++quin)%2;		
		prevbanner=currbanner;
		currbanner = (++currbanner) % banners.length;
		var st = '<table width="100%" cellpadding="0" cellspacing="0" border="0">	<tr>		<td><a href="' + bannerlinks[currbanner] + '"><img id = "banner' + quin + '" name="banner' + quin + '" src="' + bannerimgs[currbanner].src + '" width="380" height="150" border="0"></a></td></tr></table>'	
		canviaHTML("Banner" + quin,st);		
		treu(quin);
	} else{setTimeout("rota()",interval);}
}

function treu(num){
	var lyratreure = "Banner" + (num+1)%2;
	var lyraposar = "Banner" + num;	
	mouLayerHorAbs(lyraposar,absolutezero);
	canviaIndex("Banner" + num,1);	
	canviaIndex("Banner" + ((num+1)%2),0);	
	var st = '<table width="100%" cellpadding="0" cellspacing="0" border="0">	<tr>		<td><a href="' + bannerlinks[currbanner] + '"><img id = "banner' + quin + '" name="banner' + quin + '" src="' + bannerimgs[currbanner].src + '" width="380" height="150" border="0"></a></td></tr></table>'
	canviaHTML(lyraposar,st);
	interh=setInterval("mou('" + lyraposar + "'," + num + ")",10);
}

function mou(lyr,num){ 
	
	var valor =0;
	if(dom){valor =parseInt(document.getElementById(lyr).style.left)}
	if(ns4){valor =parseInt(eval("document.Finestra.document."+lyr+".left"))}
	if(ie4){valor =parseInt(eval("document.all."+lyr+".style.left"))}
	if(valor>=absolutezero+imgwidth){
			mouLayerHorAbs(lyr,(absolutezero+imgwidth));
			clearInterval(interh);		
			mouLayerHorAbs("Banner" + ((num+1)%2),absolutezero);	
			setTimeout("rota()",interval);		
			//if (dom) 
			 if ((dom)||(ns4)) canviaHTML("LayerBannerLetter",PintaLetter(1));
		}
		else{	
			if(ie4){							
				var inte = eval("document.all."+lyr+".style.left");								
				eval("document.all."+lyr+".style.left ="+ parseInt(inte) +"+"+quantspixels)					
			}
			else if(ns4){
				eval("document.Finestra.document."+lyr+".left = parseInt(document.Finestra.document."+lyr+".left)+"+quantspixels)					
			}
			else if(dom){
				document.getElementById(lyr).style.left =(parseInt(document.getElementById(lyr).style.left) + quantspixels) + "px";
			}			
		}		
	return(0);
}

function PintaLetter(num){
var st='';
	if(num==0) return("");
	st += '<table ';
	if (dom) st += 'width="100%" cellpadding="2" cellspacing="0" border="0"';
	st += '><tr><td align="right">';
	for(i=0;i<bannerimgs.length;i++){
		if(i!=0) st += ' | ';
		if(i==currbanner){
			st +='<b>' + (i+1) + '</b>';
		}
		else{
			if (dom) st += "<a href='#' onClick='currbanner="+(i-1)+"'>"
			st += (i+1);
			if (dom) st +="</a>";
		}
	}
	st += '</td>	</tr></table>\n';
	return(st);
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function LinkActi(num){
}

function LinkNew(num){
}

function replaceAll (s, fromStr, toStr)
{
	var new_s = s;
	alert(new_s)
	for (i = 0; i < 100 && new_s.indexOf (fromStr) != -1; i++)
		{
		new_s = new_s.replace (fromStr, toStr);
	}
	alert(new_s)
	return new_s;
}

