if (document.layers) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = captureMousePosition;
xMousePos = 0; yMousePos = 0; xMousePosMax = 0; yMousePosMax = 0;
function captureMousePosition(e) {
var scrleft = (window.pageXOffset)?(window.pageXOffset):(document.documentElement)?document.documentElement.scrollLeft:document.body.scrollLeft;
var scrtop = (window.pageYOffset)?(window.pageYOffset):(document.documentElement)?document.documentElement.scrollTop:document.body.scrollTop;
if (document.layers) {
xMousePos = e.pageX; yMousePos = e.pageY;
xMousePosMax = window.innerWidth+window.pageXOffset;
yMousePosMax = window.innerHeight+window.pageYOffset;
}else if (document.all) {
xMousePos = window.event.x+document.body.scrollLeft;
yMousePos = window.event.y+document.body.scrollTop;
xMousePosMax = document.body.clientWidth+document.body.scrollLeft;
yMousePosMax = document.body.clientHeight+document.body.scrollTop;
}else if (document.getElementById) {
xMousePos = e.pageX; yMousePos = e.pageY;
xMousePosMax = window.innerWidth+window.pageXOffset;
yMousePosMax = window.innerHeight+window.pageYOffset;
}
table = document.getElementById('tooltiptable');


table.style.top = yMousePos+15+"px";

if (self.innerWidth){
frameWidth = self.innerWidth;
frameHeight = self.innerHeight;
}else if(document.documentElement && document.documentElement.clientWidth){
frameWidth = document.documentElement.clientWidth;
frameHeight = document.documentElement.clientHeight;
}else if (document.body){
frameWidth = document.body.clientWidth;
frameHeight = document.body.clientHeight;
}
if ((xMousePos+230 + scrleft) < frameWidth){

table.style.left = xMousePos+15 + scrleft+"px";
}else{
table.style.left = xMousePos-230 + scrleft;
}
if ((yMousePos+75 + scrtop) < frameHeight){
table.style.top = yMousePos + scrtop+"px";
}else{
table.style.top = yMousePos-75 + scrtop+"px";
}
}
function tooltip(filename,resolution,size,date,desc){
table = document.getElementById('tooltiptable');
cell = document.getElementById('tooltipdiv');
text = "<table class='tooltip_data' cellpadding=0 cellspacing=1 border=0 width=215 style=\"word-break:break-all\">";
text = text+"<tr><td class='tooltip_data'>"+QNAP_PS_EXIF_INFO1+filename+"</td></tr>";
text = text+"<tr><td class='tooltip_data'>"+QNAP_PS_EXIF_INFO2+resolution+"</td></tr>";
text = text+"<tr><td class='tooltip_data'>"+QNAP_PS_EXIF_INFO3+size+"</td></tr>";
text = text+"<tr><td class='tooltip_data'>"+QNAP_PS_EXIF_INFO4+date+"</td></tr>";
text = text+"<tr><td class='tooltip_desc'><B>"+"</B>"+desc+"</td></tr>";
text = text+"</table>";
cell.innerHTML = text;
table.style.display = "";
}
function tooltip_close(){
table = document.getElementById('tooltiptable');
table.style.display = "none";
}
var lasturl;
var xmlreq;
if(window.XMLHttpRequest){
xmlreq = new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
if (!xmlreq){ xmlreq = new ActiveXObject("Msxml2.XMLHTTP"); }
}
function dyno(url,id){
var colobj = document.getElementById('column_select');
var obj = document.getElementById(id);
tooltip_close();
if (url){
lasturl = url;
if (colobj){ url = url+"&image_columns="+colobj.options[colobj.selectedIndex].value; }
obj.innerHTML = "<BR><BR><BR><BLINK>Loading...</BLINK><BR><BR><BR>";
if (xmlreq){
xmlreq.abort();
xmlreq.open("GET", url, true);
xmlreq.onreadystatechange=function() { if (xmlreq.readyState==4){ obj.innerHTML = xmlreq.responseText; } }
xmlreq.send(null);
return false;
}else{
return true;
}
}
}