var x;
var y;
//var h=screen.availHeight-300;
var w=windowSize()[0];

function getMouseCoordinates(event){
	ev=event || window.event;
	x=ev.clientX;
	if (ev.pageY){y = ev.pageY;}
	else if(ev.clientY) {y=ev.clientY + document.body.scrollTop + document.documentElement.scrollTop;}
}

function hsDD(what,no){
	if(no==1){
		var yy=y;
		var xx=x+30;
		if(xx > w){xx=xx-270;}

		document.getElementById(what.id+'s').style.top=yy+'px';
		document.getElementById(what.id+'s').style.left=xx+'px';
		document.getElementById(what.id+'s').style.display='block';
		//console.debug("x"+x+" y"+y+" xx"+xx+" yy"+yy);
	}
	else if(no==0){
		document.getElementById(what.id+'s').style.display='none';
	}
}
function getDl(id){
	if(document.getElementById(id)){
		var A=document.getElementById(id);
		A=A.getElementsByTagName('li');
		for(var i=0; i<A.length; i++){
			A[i].onmousemove=function(){hsDD(this,1);};
			A[i].onmouseout=function(){hsDD(this,0);};
		}
	}
}

function metaLink(rel){
	metaCollection=document.getElementsByTagName('link');
	var href=0;
	for(i=0;i<metaCollection.length;i++){
		if(metaCollection[i].rel==rel){
			href=metaCollection[i].href;
		}
	}
	return href;
} 

function nextPage(e){
	if(!e){e=window.event;}
	var key;
	if((e.charCode) && (e.keyCode==0)){key=e.charCode}
	else{key=e.keyCode;}
	if(key==39){// ->
		var href=metaLink('next');
		if(href!=0){window.location.href=href;}
	}
	else if(key==37){// -<
		var href=metaLink('prev');
		if(href!=0){window.location.href=href;}
	}
}

document.onkeyup=nextPage;

window.onresize=function(){
	if(document.getElementById('thumb')){
		w=windowSize()[0]-270;
	}
}

window.onload=function(){
	if(document.getElementById('thumb')){
		document.onmousemove=getMouseCoordinates;
		getDl('thumb');
	}
}