var Netscape = new Boolean();
var ti, tii;
var clipSpeed = 10;
var dataVisible = new Boolean(false);
var panelShowing, openAfterClosing;
pg1 = new Image();
pg2 = new Image();
pg3 = new Image();
pg4 = new Image();
pg5 = new Image();
pg6 = new Image();
pg7 = new Image();
pg8 = new Image();

var picArray = new Array (pg1, pg2, pg3, pg4, pg5, pg6, pg7, pg8);

tb1 = new Image();
tb2 = new Image();
tb3 = new Image();
tb4 = new Image();
tb5 = new Image();
tb6 = new Image();
tb7 = new Image();
tb8 = new Image();

var thumbArray = new Array (tb1, tb2, tb3, tb4, tb5, tb6, tb7, tb8);
var cpArray = new Array("© Alan Ovaska","© Alan Ovaska",  "© Alan Ovaska", "© Alan Ovaska", "© Alan Ovaska", "© Alan Ovaska", "© Alan Ovaska", "© Alan Ovaska")
function changePic(pic, s_id){
 //Bild nach index (pic = Nummer nach anklicken des Thumbnails) aus Array holen und zuweisen
  //alert(pic);
  document.getElementById("BigPic").src= picArray[pic].src;
  //document.getElementById("cprght")
  document.getElementById("cprght").firstChild.data = cpArray[pic];
 //Thumbnail des angezeigten Bildes (index_showing) gegen aktuelles austauschen
 var tmp = thumbArray[0];
 thumbArray[0] = thumbArray[pic];
 thumbArray [pic] = tmp;
 document.getElementById(s_id).src= thumbArray[pic].src;
 //Vorher angezeigtes gro�es Bild auf entsprechenden Platz in Array setzen (picArray[pic])
 tmp = picArray[0];
 picArray[0] = picArray[pic];
 picArray[pic] = tmp;
 // Copyright Aray angleichen
 tmp = cpArray[0];
 cpArray[0] = cpArray[pic];
 cpArray[pic] = tmp;
}


function init(){
	preloadImages();	
	//alert("preloading");		
}

function preloadImages(){
	pg1.src="pics/pg1.jpg";
	pg2.src="pics/pg2.jpg";
	pg3.src="pics/pg3.jpg";
	pg4.src="pics/pg4.jpg";
	pg5.src="pics/pg5.jpg";
	pg6.src="pics/pg6.jpg";
	pg7.src="pics/pg7.jpg";
	pg8.src="pics/pg8.jpg";
	
	tb1.src="pics/tb1.jpg";
	tb2.src="pics/tb2.jpg";
	tb3.src="pics/tb3.jpg";
	tb4.src="pics/tb4.jpg";
	tb5.src="pics/tb5.jpg";
	tb6.src="pics/tb6.jpg";
	tb7.src="pics/tb7.jpg";
	tb8.src="pics/tb8.jpg";
}
panelClipHeight=0;
function showPanel(panel){
	
	if(dataVisible==false){
		openPanel(panel);
	}else if (dataVisible==true){
		if(panelShowing!=panel){
			closePanel(panelShowing);
			openAfterClosing=panel;
		}else{
			closePanel(panel);
			openAfterClosing="null";
		}
	}
}
function openPanel(panel){
	clearTimeout(ti);
	pa=document.getElementById(panel);
	//Clip: rect(von oben, von links, von unten, von rechts)
	panelClipHeight+=clipSpeed;
	clipping = "rect(0 "+pa.offsetWidth+" "+panelClipHeight+" 0)";
	pa.style.clip=clipping;
	if(panelClipHeight<pa.offsetHeight){
		ti=setTimeout("openPanel(pa.id)", 10);
	}else if (panelClipHeight>=pa.offsetHeight){
		dataVisible=true;
		panelShowing=pa.id;
	}
}

function closePanel(panel){
	clearTimeout(tii);
	pa=document.getElementById(panel);
	//Clip: rect(von oben, von links, von unten, von rechts)
	panelClipHeight-=clipSpeed;
	clipping = "rect(0 "+pa.offsetWidth+" "+panelClipHeight+" 0)";
	pa.style.clip=clipping;
	if(panelClipHeight>0){
		tii=setTimeout("closePanel(pa.id)", 10);
	}else if (panelClipHeight<=0){
		dataVisible=false;
		//alert(dataVisible);
		panelShowing="null";
		if(openAfterClosing!="null"){
			openPanel(openAfterClosing);
			openAfterClosing="null";
		}
	}
}

function swapThumbs(){
	visible_arr = new Array();
	thumbs = document.getElementsByName("thumbs");
	//alert(thumbs.length);
	for(i=0; i<thumbs.length; i++){
		if(thumbs[i].style.visibility == 'visible'){
			thumbs[i].style.visibility = 'hidden';
			j=i+1;
			if(j>=thumbs.length)j=0;
			thumbs[j].style.visibility = 'visible';
			break;
		}
	}
}