var timex=null;
var submenus=new Array();

function openWin(url,width,height) {
	if(!width) width=500;
	if (!height) height=400;
	var win = window.open(url,"window","scrollbars=no,menubar=no,height="+height+",width="+width+",resizable=yes,toolbar=auto,location=no,status=no");
}

function sure(url,query) {
	if (!query) query="Oletko varma?";
	if (confirm(query)) document.location.href=url;
}

function hilight(obj,color,border) {
	if (color) obj.style.backgroundColor=color;
	else obj.style.backgroundColor='';
	if (border) obj.style.border="1px solid "+border;
	//else obj.style.border="";
}

function toggleVis(objid,state) {
	obj=document.getElementById(objid);
	if (state) obj.style.visibility=state;
	else obj.style.visibility=obj.style.visibility=="visible"?"hidden":"visible";
}

function toggleDisplay(objid,state) {
	obj=document.getElementById(objid);
	if (state) obj.style.display=state;
	else obj.style.display=obj.style.display=="block"?"none":"block";
}

function submenu(menu,state) {
	clearTimeout(timex);
	if (state=="on") {
		for (i=0;i<submenus.length;i++) toggleVis("submenu"+submenus[i],"hidden");
		toggleVis("submenu"+menu,"visible");
	}
	else if (state=="off") {
		menuObj="submenu"+menu;
		timex=setTimeout("toggleVis(menuObj),'hidden'",3000);
	}
	else if (state=="hideAll") for (i=0;i<submenus.length;i++) toggleVis("submenu"+submenus[i],"hidden");
}

function replaceImage(vehicleId,newId) {
	picLink = "showAnyPic.php?photoId=" + newId + "&x=800&y=500";
	newCode = "<a href=javascript:showLB('"+picLink+"');><img src=showAnyPic.php?photoId=" + newId + "&x=220&y=200></a>";
	document.getElementById("largeImage").innerHTML = newCode;
}

function parseLbNavi(url) {
	retvals = new Array();
	getVals = url.split("?");
	getVals = getVals[1].split("&");
	for (i=0 ; i<getVals.length ; i++) {
		thisVal = getVals[i].split("=");
		eval("retvals['"+thisVal[0]+"'] = thisVal[1]");
	}
	return retvals;
}

function showLB(imageUrl) {
	getVars = parseLbNavi(imageUrl);
	var next=0;
	var prev=0;
	var nextUrl = "";
	var prevUrl = "";
	var kuvateksti = "";
	for (i=0 ; i<lbPhotoIds.length ; i++) {
		if (getVars["photoId"] == lbPhotoIds[i]) {
			if (i) prev = lbPhotoIds[i-1];
			if (lbPhotoIds.length > i+1) next = lbPhotoIds[i+1];
			//kuvateksti = lbPhotoDescriptions[i];
		}
	}
	imageUrl += "&random=" + Math.round(100*Math.random());
	frameSize = getFrameScrollSize();
	obj = document.getElementById("lightbox");	
	obj.style.display = "block";
	obj.innerHTML = "<div id=loading><img src=miscpics/icons/loadingtrans.gif></div>";
	
	half = Math.floor((parseInt(frameSize[0]) - 450) / 2);
	
	obj.style.left = half;
	obj.style.top = (document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 100;
	
	document.getElementById("blackoverlay").style.display = "block";
	document.getElementById("blackoverlay").style.height = frameSize[1];
	
	newPhoto = new Image();
	newPhoto.src = imageUrl;
	
	newPhoto.onload = function() {
		frameSize = getFrameScrollSize();
		half = Math.floor((parseInt(frameSize[0]) - this.width) / 2);
		obj = document.getElementById("lightbox");
		obj.style.left = half;
		obj.style.top = (document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 100;
		obj.innerHTML = "";
		obj.appendChild(this);
		if (prev) prevUrl = "<a href=javascript:showLB('showAnyPic.php?photoId="+prev+"&x="+getVars['x']+"&y="+getVars['y']+"');>previous</a>";
		if (next) nextUrl = "<a href=javascript:showLB('showAnyPic.php?photoId="+next+"&x="+getVars['x']+"&y="+getVars['y']+"');>next</a>";
		obj.innerHTML += "<div><table id=\"closeButton\" align=\"center\"><tr><td class=left>"+prevUrl+"</td><td><a href=javascript:hideLB();>close / sulje</a></td><td class=right>"+nextUrl+"</td></tr></table></div>";
	}
}


function showLBOld(imageUrl) {
	imageUrl += "&random=" + Math.round(100*Math.random());
	frameSize = getFrameScrollSize();
	
	obj = document.getElementById("lightbox");	
	obj.style.display = "block";
	obj.innerHTML = "<div id=loading><img src=miscpics/icons/loadingtrans.gif></div>";
	
	half = Math.floor((parseInt(frameSize[0]) - 450) / 2);
	
	obj.style.left = half;
	obj.style.top = (document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 100;
	
	document.getElementById("blackoverlay").style.display = "block";
	document.getElementById("blackoverlay").style.height = frameSize[1];
	
	newPhoto = new Image();
	newPhoto.src = imageUrl;
	
	newPhoto.onload = function() {
		frameSize = getFrameScrollSize();
		half = Math.floor((parseInt(frameSize[0]) - this.width) / 2);
		obj = document.getElementById("lightbox");
		obj.style.left = half;
		obj.style.top = (document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 100;
		obj.innerHTML = "";
		obj.appendChild(this);
		obj.innerHTML += "<div id=\"closeButton\"><a href=javascript:hideLB();>close this window / sulje tämä ikkuna</a></div>";
	}
}

function hideLB() {
	document.getElementById("lightbox").style.display = "none";
	document.getElementById("blackoverlay").style.display = "none";
}

function getFrameScrollSize() {
	if (document.body && (document.body.scrollWidth || document.body.scrollHeight)) {
		var pageWidth = document.body.scrollWidth + "px";
		var pageHeight = document.body.scrollHeight + "px";
    	} 
    	else if (document.body.offsetWidth ) {
		var pageWidth = document.body.offsetWidth + "px";
		var pageHeight = document.body.offsetHeight + "px";
	} 
	else {
		var pageWidth = "100%";
		var pageHeight = "100%";
	}
	retval = new Array(pageWidth, pageHeight);
	return retval;
}