/*
	enlarge.js
	==========
	
	Version 1.1
	Copyright amphora.interactive
	
	Usage:
	In <head> section place <script type="text/javascript" src="enlarge.js"></script>
	Put enlargeInit() in body onload, for example <body onload="enlargeInit()">
	Use <a href="largeimage.jpg" rel="enlarge" title="Optional"><img src="thumbnail.jpg"></a>
*/

// Feel free to change these settings:
var enlargeBorder=15;
var enlargeBorderColor="#FFFFFF";
var enlargeOverlayColor="#111111";
var enlargeOverlayOpacity=90;
var enlargeTextStyle="text-align: center; font-family: Arial;	font-size: 11px; padding: 1px; color: #494949";
var enlargeNext="&gt;";
var enlargePrev="&lt;";
var enlargeNextPrevStyle="color: #494949; font-size: 11px; font-family: Verdana; text-decoration: none; font-weight: bold; padding: 20px 3px 20px 3px";


var enlargeImages=new Array();
var enlargeTexts=new Array();

function enlargeGetScrollXY() {
  var scrOfX=0,scrOfY=0;
  if (typeof(window.pageYOffset)=='number') {
    scrOfY=window.pageYOffset;
    scrOfX=window.pageXOffset;
  } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
    scrOfY=document.body.scrollTop;
    scrOfX=document.body.scrollLeft;
  } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
    scrOfY=document.documentElement.scrollTop;
    scrOfX=document.documentElement.scrollLeft;
  }
  return [scrOfX,scrOfY];
}

function enlarge(id) {
	document.getElementById('enlargepic2').src=enlargeImages[id];
	
	e1=document.getElementById('enlargepic');
	e2=document.getElementById('enlargepicbg');
	e1.style.display="";
	e1.style.left=enlargeGetScrollXY()[0]+'px';
	e1.style.top=enlargeGetScrollXY()[1]+'px';
	e2.style.display="";
	e2.style.MozOpacity=enlargeOverlayOpacity/100; e2.style.opacity=enlargeOverlayOpacity/100; e2.style.filter='alpha(opacity='+enlargeOverlayOpacity+')';
	e2.style.left='0px'
	e2.style.top='0px'
	e2.style.height=document.body.parentNode.scrollHeight+'px';
	e2.style.width=document.body.parentNode.scrollWidth+'px';
	
	document.body.style.overflow="hidden";
	
	prev=id-1; if (prev<0) prev=enlargeImages.length-1;
	next=id+1; if (next>=enlargeImages.length) next=0;
	if (prev>-1 && next!=prev) {
		document.getElementById("enlargePrev").style.display="";
		document.getElementById("enlargePrev").href="javascript:enlarge("+prev+")";
	} else
		document.getElementById("enlargePrev").style.display="none";
	if (next>-1 && next!=prev) {
		document.getElementById("enlargeNext").style.display="";
		document.getElementById("enlargeNext").href="javascript:enlarge("+next+")";
	} else
		document.getElementById("enlargeNext").style.display="none";
		
	if (enlargeTexts[id]!='') {
		document.getElementById('enlargetxt').style.display="";
		document.getElementById('enlargetxt').innerHTML=enlargeTexts[id];
	} else
		document.getElementById('enlargetxt').style.display="none";
}

/*function enlargeswf(url,w,h) {
	e1=document.getElementById('enlargeswf');
	e2=document.getElementById('enlargepicbg');
	e1.style.display="";
	e1.style.top=document.body.scrollTop;
	e2.style.display="";
	e2.style.MozOpacity=0.9; e2.style.opacity=0.9; e2.style.filter='alpha(opacity=90)';
	e2.style.top=document.body.scrollTop;
	i=document.getElementById('enlargeswf2');
	i.height=h;
	i.width=w;
	i.innerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="'+w+'" height="'+h+'"><param name="movie" value="'+url+'"><param name="quality" value="best"><embed src="'+url+'" quality="best" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="'+w+'" height="'+h+'"></embed></object>';
}*/

function enlargeclose() {
	document.getElementById('enlargepic').style.display="none";
	document.getElementById('enlargepicbg').style.display="none";
	document.getElementById('enlargetxt').innerHTML="";
	document.getElementById('enlargepic2').src="";
	document.body.style.overflow="";
	//document.getElementById('enlargeswf').style.display="none";
	//document.getElementById('enlargeswf2').innerHTML="";
}

function enlargeInit() {
	for(i=0; i<document.links.length; i++)
		if (document.links.item(i).rel=='enlarge') {
			enlargeImages[enlargeImages.length]=document.links.item(i).href;
			document.links.item(i).href="javascript:enlarge("+enlargeTexts.length+")";
			enlargeTexts[enlargeTexts.length]=document.links.item(i).title;
		}
		
	c1=document.createElement("div");
	c1.id="enlargepicbg";
	c1.style.zIndex='100';
	c1.style.position='absolute';
	c1.style.display='none';
	c1.style.backgroundColor=enlargeOverlayColor;
	document.body.appendChild(c1);
	
	c2=document.createElement("div");
	c2.id="enlargepic";
	c2.style.zIndex='101';
	c2.style.position='absolute';
	c2.style.display='none';
	c2.style.width='100%';
	c2.style.height='100%';
	document.body.appendChild(c2);
	
	t=   '<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" onclick="enlargeclose()"><tr><td align="center">';
	t=t+	'<table cellpadding="0" cellspacing="0" border="0" bgcolor="'+enlargeBorderColor+'"><tr><td height="'+enlargeBorder+'"></td><tr><td width="'+enlargeBorder+'"><a onfocus="blur()" id="enlargePrev" style="'+enlargeNextPrevStyle+'">'+enlargePrev+'</a></td>';
	t=t+		'<td><img id="enlargepic2" src="" alt="Loading..." style="cursor: pointer;" onclick="enlargeclose()"></td>';
	t=t+	'<td width="'+enlargeBorder+'"><a onfocus="blur()" id="enlargeNext" style="'+enlargeNextPrevStyle+'">'+enlargeNext+'</a></td></tr><tr><td height="'+enlargeBorder+'" colspan="3"><div id="enlargetxt" style="'+enlargeTextStyle+'"></div></td><tr></table>';
	t=t+'</td></tr></table>';	
	document.getElementById("enlargepic").innerHTML=t;
}
