var d=new Date();
var mycroft_time = d.getTime();

var zoomInterval = null;
var zoomAutoClose = null;

function updateZoomSrc() {
	var img = document.getElementById('zoomImage');
	d=new Date();
	img.src = "http://harbinger.sims.berkeley.edu/dmc/banner/media.php?"+d.getTime();
}

function flipImageVisibility() {
	var zoomImageDiv = document.getElementById('zoomImageDiv');
	var zoomImage = document.getElementById('zoomImage');
	var zoomIcon = document.getElementById('zoomIcon');
	if(zoomImageDiv.style.visibility=="visible") {
		zoomImageDiv.style.visibility = "hidden";
		zoomImage.src="http://harbinger.sims.berkeley.edu/dmc/images/pos_anchor.gif";
		//zoomIcon.src = "http://harbinger.sims.berkeley.edu/dmc/images/zoomplus.gif";
		clearInterval(zoomInterval);
		clearTimeout(zoomAutoClose);
	} else {
		// TODO: update absolute position
		var d=new Date();
		zoomImage.src = "http://harbinger.sims.berkeley.edu/dmc/banner/media.php?"+d.getTime();	
		zoomImageDiv.style.visibility = "visible";
		//zoomIcon.src = "http://harbinger.sims.berkeley.edu/dmc/images/zoomminus.gif";
		zoomInterval = setInterval("updateZoomSrc()", 3 * 1000);
		zoomAutoClose = setTimeout("flipImageVisibility()", 60 * 1000);
	}	
}

function getLocation(){
	if(typeof encodeURIComponent=="function") {
		return encodeURIComponent(window.location)
	}
	return escape(window.location)
}

function getElementPosition(elemID) {
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    var pos = new Array(2);
    pos[0] = offsetLeft;
    pos[1] = offsetTop;
    return pos;
}


(function(){
	
	function make() {
		
		var dim = mycroft_format.split("x");
		var div_height = dim[1] + 500;
		document.write('<div class="mycroft-container" style="padding-bottom:5px;padding-top:5px;margin:auto;position:relative;border:0px;width:'+dim[0]+'px;height:'+dim[1]+'px;">');
		document.write('<iframe id="mycroft_module" style="border-width:1px;border-style:solid;border-color:#412985;name="puzzle_frame" width="'+dim[0]+'" height="'+dim[1]+'" scrolling="no" frameborder="0" src="');
		document.write('http://harbinger.sims.berkeley.edu/dmc/banner/embed.php');
		document.write('?client='+mycroft_client);
		document.write('&format='+mycroft_format);
		document.write('&orient='+mycroft_orientation);
		document.write('&time='+mycroft_time);
		document.write('&location='+getLocation());
			
		document.writeln('" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no">');
		document.writeln('Your browser needs to support iFrames to run <a href="http://mycroftnetwork.com">Mycroft</a>.');
		document.writeln('</iframe>');

		// Relative div with the button
		document.write('<div id="zoomIconDiv" style="margin-left:0px;margin-right:0px;position:relative;left:0px;bottom:15px;width:'+dim[0]+'px;height:0px" >');
		document.write('<img src="http://harbinger.sims.berkeley.edu/dmc/images/'+dim[0]+'x'+dim[1]+'zoom.gif" border="0" usemap="#zoom_map"/>');
		//document.write('<span style="width:'+dim[0]+'px;"><a href="javascript:void()" onClick="flipImageVisibility(); return false"/><img src="http://harbinger.sims.berkeley.edu/dmc/images/zoom.png" border="0" usemap="#zoom_map"/></a></span>');
		document.writeln('</div>');

		var pos = getElementPosition('zoomIcon');
		//pos[1] += 20;
		// Absolute div with the zoomed image
		document.write('<div id="zoomImageDiv" style="z-index:9999;position:absolute;left:0px;:-10px;width:0px;height:0px" >');
		document.write('<img  id="zoomImage" src="http://harbinger.sims.berkeley.edu/dmc/images/pos_anchor.gif" alt="zoomed image" style="border=none;">');
		document.write('  <map name="zoom_map"><area shape="rect" coords="0,0,32,13" href="javascript:void()" onClick="flipImageVisibility(); return false"></map>');
		document.writeln('</div>');
		document.writeln('</div>');
	}
	
	make();
})()