// JavaScript Document


window.onload=function(){
 preloader();
}

function preloader()
{
var i=0;

beforeObj=new Image();

before =new Array();
before[0]="gui_components/contact.png"
before[1]="gui_components/music.png"
before[2]="gui_components/inform.png"
before[3]="gui_components/tools.png"
before[4]="gui_components/photos.png"

for(i=0;i<=before.length;i++)
 {
	 beforeObj.src[i];
 }
 
 afterObj=new Image;

after =new Array();
after[0]="gui_components/contacta.png"
after[1]="gui_components/musica.png"
after[2]="gui_components/informa.png"
after[3]="gui_components/toolsa.png"
after[4]="gui_components/photosa.png"


for(i=0;i<=after.length;i++)
 {
	 afterObj.src[i];
 }

}

var thisAd=0;

var on=false;
function mouseOver(id,n,id2)
{
document.getElementById(id).src=after[n];


on=true;

if(on){
document.getElementById(id2).style.left="61px";
}
return true;
}
function mouseOut(id,n,id2)
{
if(on){
document.getElementById(id).src=before[n];
document.getElementById(id2).style.left="217px";
on=false;
}
return true;
}

divPosition=375;
divWidth=476;
frameWidth=476;
maxPos=375;
maxWidth=476;
minAll=0;
mini =false;
closer=true;

function ChangeIframeSrc(id,div,url){
    
	var elframe = document.getElementById(id);
	var myDiv = document.getElementById(div);
	
   myDiv.style.left=divPosition+ 15+'px';
   divPosition+=15;
   
   myDiv.style.width=divWidth- 15+'px';
   divWidth-=15;
   
   elframe.style.width=frameWidth- 15+'px';
   frameWidth-=15;
   
	if(divWidth<=-15){
	if (elframe && elframe.src ){ 
        elframe.src = url;
	}
	mini=true;
	closer=false;
	ChangeIframeSrcComplete(id,div,url);
		return true;
	}
	
	if(closer==true){
	setTimeout(function(){ChangeIframeSrc(id,div,url)},1);
	}
	
}
	
	function ChangeIframeSrcComplete(id,div,url){
	var elframe = document.getElementById(id);
	var myDiv = document.getElementById(div);
	//for(i=0;i<230;i++){
			
   myDiv.style.left=divPosition- 15+'px';
   divPosition-=15;
   
   myDiv.style.width=divWidth+ 15+'px';
   divWidth+=15;
   
   elframe.style.width=frameWidth+ 15+'px';
   frameWidth+=15;
   
   if(closer==false){
	   if(divPosition<=375){
		myDiv.style.left="375px";
		myDiv.style.width="476px";
		elframe.style.width="476px";
		closer=true;
		return true;
	   }
	 if(divPosition>=375){
   setTimeout(function(){ChangeIframeSrcComplete(id,div,url)},1);
	 }
	}
	}