var museumTimerID=new Array();
var mfadevalue=new Array()
var currentimage=new Array();
var img_width=new Array();
var img_high=new Array();
var lastcursorposition=new Array();
var laststate=new Array();
var lastsection=-1;

img_width[0]=980;img_high[0]=450;		//panw box
img_width[1]=480;img_high[1]=220;		//left box
img_width[2]=480;img_high[2]=220;		//right box

/*
slideimages1=new Array();
slideimages2=new Array();
slideimages3=new Array();
preloadedimages1=new Array();
preloadedimages2=new Array();
preloadedimages3=new Array();
	slideimages1[0]="images/museum1_1.jpg";
	slideimages1[1]="images/museum1_2.jpg";
	slideimages1[2]="images/museum1_3.jpg";

	slideimages2[0]="images/museum2_1.jpg";
	slideimages2[1]="images/museum2_2.jpg";
	slideimages2[2]="images/museum2_3.jpg";

	slideimages3[0]="images/museum3_1.jpg";
	slideimages3[1]="images/museum3_2.jpg";
	slideimages3[2]="images/museum3_3.jpg";

	for (var p=0;p<slideimages1.length;p++)
	{
		preloadedimages1[p]=new Image();
		preloadedimages1[p].src=slideimages1[p];
	}
	for (var p=0;p<slideimages2.length;p++)
	{
		preloadedimages2[p]=new Image();
		preloadedimages2[p].src=slideimages2[p];
	}
	for (var p=0;p<slideimages3.length;p++)
	{
		preloadedimages3[p]=new Image();
		preloadedimages3[p].src=slideimages3[p];
	}
*/



function repositiondivs()
{
var pt=new Array();
	//find absolute position of base img div
	pt=findabsoluteposition(document.getElementById('image1_base'));
	//and fix image divs
	document.getElementById("image1_text1").style.left=pt[0];
	var y=pt[1]+img_high[0]-document.getElementById("image1_text1").offsetHeight;
	document.getElementById("image1_text1").style.top=y;
	document.getElementById("image1_img1").style.left=pt[0];
	document.getElementById("image1_img1").style.top=pt[1];
	document.getElementById("image1_title").style.left=pt[0];
	document.getElementById("image1_title").style.top=pt[1];

	pt=findabsoluteposition(document.getElementById('image2_base'));
	document.getElementById("image2_text1").style.left=pt[0];
	var y=pt[1]+img_high[1]-document.getElementById("image2_text1").offsetHeight;
	document.getElementById("image2_text1").style.top=y;
	document.getElementById("image2_img1").style.left=pt[0];
	document.getElementById("image2_img1").style.top=pt[1];
	document.getElementById("image2_title").style.left=pt[0];
	document.getElementById("image2_title").style.top=pt[1];

	pt=findabsoluteposition(document.getElementById('image3_base'));
	document.getElementById("image3_text1").style.left=pt[0];
	var y=pt[1]+img_high[1]-document.getElementById("image3_text1").offsetHeight;
	document.getElementById("image3_text1").style.top=y;
	document.getElementById("image3_img1").style.left=pt[0];
	document.getElementById("image3_img1").style.top=pt[1];
	document.getElementById("image3_title").style.left=pt[0];
	document.getElementById("image3_title").style.top=pt[1];

}


function loadvars()
{
var emptygif="../images/emptygif.gif";
var pt=new Array();
	repositiondivs();

	museumTimerID[0]=0;
	museumTimerID[1]=0;
	museumTimerID[2]=0;
	mfadevalue[0]=0;
	mfadevalue[1]=0;
	mfadevalue[2]=0;
	currentimage[0]=0;
	currentimage[1]=0;
	currentimage[2]=0;
	lastcursorposition[0]='none';
	lastcursorposition[1]='none';
	lastcursorposition[2]='none';
	laststate[0]='none';
	laststate[1]='none';
	laststate[2]='none';


	var obj=document.getElementById("image1_img1");
	obj.style.visibility='visible';

	obj.innerHTML=
		"<img src="+emptygif+" border=0 width='"+img_width[0]+"pt' height='"+img_high[0]+"'><br>"+
		"<img src="+slideimages1[0]+" border=0><br>"+
		"<img src="+slideimages1[1]+" border=0><br>"+
		"<img src="+slideimages1[2]+" border=0><br>";
	move_up(obj,img_high[0]);

	var obj=document.getElementById("image2_img1");
	obj.style.visibility='visible';
	obj.innerHTML=
		"<img src="+emptygif+" border=0 width='"+img_width[1]+"pt' height='"+img_high[1]+"'><br>"+
		"<img src="+slideimages2[0]+" border=0><br>"+
		"<img src="+slideimages2[1]+" border=0><br>"+
		"<img src="+slideimages2[2]+" border=0><br>";
	move_up(obj,img_high[1]);

	var obj=document.getElementById("image3_img1");
	obj.style.visibility='visible';
	obj.innerHTML=
		"<img src="+emptygif+" border=0 width='"+img_width[2]+"pt' height='"+img_high[2]+"'><br>"+
		"<img src="+slideimages3[0]+" border=0><br>"+
		"<img src="+slideimages3[1]+" border=0><br>"+
		"<img src="+slideimages3[2]+" border=0><br>";
	move_up(obj,img_high[2]);


	document.getElementById("image1_text1").style.visibility='visible';
	document.getElementById("image2_text1").style.visibility='visible';
	document.getElementById("image3_text1").style.visibility='visible';

	document.getElementById("image1_title").style.visibility="visible";
	document.getElementById("image2_title").style.visibility="visible";
	document.getElementById("image3_title").style.visibility="visible";

}

function fadepicelement(moveup,section,stixioid,limit)
{
	var stixio=document.getElementById(stixioid);
	var step;

	switch(section)
	{
		case 0:	step=25;
						if (browsme=='ie') step+=20;  //20
						break;
		case 1: step=20;
						if (browsme=='ie') step+=24;
						break;
		case 2:	step=20;
						if (browsme=='ie') step+=24;
						break;
	}
	if (mfadevalue[section]<limit)
	{
		mfadevalue[section]+=step;
		if (moveup) move_up(stixio,step);
		else move_down(stixio,step);
	}
	else
	{
		mfadevalue[section]=0;
		clearInterval(museumTimerID[section]);
		if (!moveup)
			stixio.style.visibility='hidden';
	}
}




function dothejob(evtobj,id,fadeout)
{
	var section,stixio;
	var pt=new Array()
	var t;
	stixio=document.getElementById(id);
	switch(stixio.id)
	{
		case 'image1_img1':	section=0;
												t=document.getElementById('imgtable1');
												break;
		case 'image2_img1':	section=1;
												t=document.getElementById('imgtable2');
												break;
		case 'image3_img1':	section=2;
												t=document.getElementById('imgtable3');
												break;
	}
	//check to see if cursor is in div to avoid unesecery mouseover events
	pt=findabsoluteposition(t);

		if (browsme=='ie') pt[1]-=document.body.scrollTop;
		else pt[1]-=window.pageYOffset;
		//an einai mesa o kerosoras kai i teleytaia thesi toy cursora itan pali mesa tote mi kaneis tipota
	if (evtobj.clientX>pt[0] && evtobj.clientX<(pt[0]+t.offsetWidth) && evtobj.clientY>pt[1] && evtobj.clientY<(pt[1]+t.offsetHeight))
	{
		if (lastcursorposition[section]=='in') return;		//an kai proigoymenws itan mesa, mi kaneis tipota
		else
		{
			lastcursorposition[section]='in';
			//start animation gia na trabixtoyn oi eikones kai na emfanistoyn ta grammata
			clearInterval(museumTimerID[section]);
			mfadevalue[section]=0;
			var x=img_high[section]*(currentimage[section]+1);
			museumTimerID[section]=setInterval("fadepicelement(false,"+section+",'"+stixio.id+"',"+x+")",20);
		}
	}
	else
	{
	var emptygif="../images/emptygif.gif";

		if (browsme=='ie') document.detachEvent("onmousemove", function(evtobj){dothejob(evtobj,id,fadeout)});
		else
      window.removeEventListener ("mousemove", function(evtobj){dothejob(evtobj,id,fadeout)}, false);
		if (lastcursorposition[section]=='out') return;
		lastcursorposition[section]='out';
		//stamata to animation poy paizei (an paizei)
		//kai arxise to allo animation poy i eikona kalyptei ta grammata
		clearInterval(museumTimerID[section]);
		mfadevalue[section]=0;
		fadeout=true;

		currentimage[section]=(currentimage[section]+1>2?0:++currentimage[section]);
		if (section==0)
		{
			stixio.innerHTML=
			"<img src="+emptygif+" border=0 width='"+img_width[0]+"pt' height='"+img_high[0]+"'><br>"+
			"<img src="+slideimages1[currentimage[section]]+" border=0><br>";
		}
		else
		if (section==1)
		{
			stixio.innerHTML=
			"<img src="+emptygif+" border=0 width='"+img_width[1]+"pt' height='"+img_high[1]+"'><br>"+
			"<img src="+slideimages2[currentimage[section]]+" border=0><br>";
		}
		else
		if (section==2)
		{
			stixio.innerHTML=
			"<img src="+emptygif+" border=0 width='"+img_width[2]+"pt' height='"+img_high[2]+"'><br>"+
			"<img src="+slideimages3[currentimage[section]]+" border=0><br>";
		}
		stixio.style.visibility='visible';
		//proxwra to scroll mia eikona twra poy fainetai
		var x=img_high[section]*(currentimage[section]+1);
		museumTimerID[section]=setInterval("fadepicelement(true,"+section+",'"+stixio.id+"',"+x+")",20);
	}
}

//fadeout=true -->onmouseout
//fadeout=false -->onmouseover
function fadepic(e,id,fadeout)
{
	var section,stixio;
	var evtobj=window.event? event : e;
	var pt=new Array()
	var t;

	stixio=document.getElementById(id);
	switch(stixio.id)
	{
		case 'image1_img1':	section=0;
												t=document.getElementById('imgtable1');
												break;
		case 'image2_img1':	section=1;
												t=document.getElementById('imgtable2');
												break;
		case 'image3_img1':	section=2;
												t=document.getElementById('imgtable3');
												break;
	}
	if (!fadeout)
	{
		if (lastcursorposition[section]=='in') return;
		//if it's the first time that mouse goes into the area start mouse capture
		if (browsme=='ie') document.attachEvent("onmousemove", function(evtobj){dothejob(evtobj,id,fadeout)});
		else
		{
			fadeout=true;
			window.addEventListener ("mousemove", function(evtobj){dothejob(evtobj,id,fadeout)}, false);
		}
	}
}



function move_up(stixio,high)
{
  stixio.scrollTop += high;
}

function move_down(stixio,high)
{
  stixio.scrollTop -= high;
}