var isMozilla;
var objDiv = null;
var originalDivHTML = "";
var DivID = "";
var over = false;
var closeimg = "/site/templates/close.jpg";

function buildDimmerDiv()
{
    document.write('<div id="dimmer" class="dimmer" style="width:'+ window.screen.width + 'px; height:' + window.screen.height +'px"></div>');
}


function displayFloatingDiv(divId, title, width, height, left, top){
	DivID = divId;
	document.getElementById('dimmer').style.visibility = "visible";
    document.getElementById(divId).style.height = height + 'px';
    document.getElementById(divId).style.width = width + 'px';
    document.getElementById(divId).style.left = left + 'px';
    document.getElementById(divId).style.top = top + 'px';
	var addHeader;
	originalDivHTML = document.getElementById(divId).innerHTML;
	addHeader = '<table style="width:' + width + 'px" class="floatingHeader">' +
	            '<tr><td ondblclick="void(0);" onmouseover="over=true;" onmouseout="over=false;" class="tdzommtitle">' + title + '</td><td class="btnclosezoom"><a href="javascript:hiddenFloatingDiv(\'' + divId + '\');void(0);">' + 
	            '<img alt="Close..." title="Close window" src="'+ closeimg +'" border="0"></a></td></tr></table>';
	
	document.getElementById(divId).innerHTML = addHeader + originalDivHTML;
	document.getElementById(divId).className = 'dimming';
	document.getElementById(divId).style.visibility = "visible";
}

function hiddenFloatingDiv(divId) {
	document.getElementById(divId).innerHTML = originalDivHTML;
	document.getElementById(divId).style.visibility='hidden';
	document.getElementById('dimmer').style.visibility = 'hidden';
	DivID = "";
}

function MouseDown(e){
    if (over){
        if (isMozilla) {
            objDiv = document.getElementById(DivID);
            X = e.layerX;
            Y = e.layerY;
            return false;
        }else{
            objDiv = document.getElementById(DivID);
            objDiv = objDiv.style;
            X = event.offsetX;
            Y = event.offsetY;
        }
    }
}

function MouseMove(e){
    if (objDiv) {
        if (isMozilla) {
            objDiv.style.top = (e.pageY-Y) + 'px';
            objDiv.style.left = (e.pageX-X) + 'px';
            return false;
        }else{
            objDiv.pixelLeft = event.clientX-X + document.body.scrollLeft;
            objDiv.pixelTop = event.clientY-Y + document.body.scrollTop;
            return false;
        }
    }
}

function MouseUp(){
    objDiv = null;
}

function init(){
    isMozilla = (document.all) ? 0 : 1;
    if (isMozilla) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
    document.onmousedown = MouseDown;
    document.onmousemove = MouseMove;
    document.onmouseup = MouseUp;
	buildDimmerDiv();
}

init();

function displayWindow(div, top, left){
	var w, h;
	w = document.getElementById("bigimage").width+30;
	h = document.getElementById("bigimage").height+30;
	displayFloatingDiv(div, 'Zoomed image', w, h, left, top);
}

function changezoom(media, large, defaultimg){
  if ((large=="") || (media=="")){
	  large=defaultimg;
	  media=defaultimg;
  }
  var zoomimage = document.getElementById("zoomimagemedia");
  zoomimage.setAttribute("src",media);
  zoomimage.setAttribute("jqimg",large);
  var objzoomedimage = document.getElementById("bigimage");
  objzoomedimage.setAttribute("src",large);
}

function hideme(id){
  var td = document.getElementById("thumbimg" + id);
  td.removeAttribute("onClick");
  td.removeAttribute("onMouseOver");
  td.setAttribute("src","/site/templates/x.gif");
}