var imgPath="/i/";
var IE = navigator.appVersion.indexOf('MSIE')>1;

function aImageObject(a)
{
	this.href=a.href;
	this.title=a.title;
	this.rel=a.rel;
}
function imgOpen(img)
{
	popupOpen(img.href, img.title, img.rel);
}

function popupOpen(href, title, rel)
{
	if(!document.getElementById('popupimagediv'))
	{
		//alert("open: "+href);
	
		var as = document.getElementsByTagName('a');
		var galleryImages = new Array();
		var _cnt=0;
		var currentImage=0;
		
		for(var i=0; i<as.length; i++)
		{		
			if(as[i].rel!="" && rel==as[i].rel)
			{
				galleryImages.push(new aImageObject(as[i]));
				if(as[i].href==href) currentImage=_cnt;
				_cnt++;
			}
		}
		
		navBar="";
		moveNext="";
		if(galleryImages.length>1)
		{
			leftArrow=currentImage>0?'<a href="javascript:;" style="text-decoration:none" onClick="imgClose(\''+galleryImages[(currentImage-1)].href+'\',\''+galleryImages[(currentImage-1)].title+'\',\''+galleryImages[(currentImage-1)].rel+'\')">&larr;</a>':'';
			rightArrow=currentImage<(galleryImages.length-1)?'<a href="javascript:;" style="text-decoration:none" onClick="imgClose(\''+galleryImages[(currentImage+1)].href+'\',\''+galleryImages[(currentImage+1)].title+'\',\''+galleryImages[(currentImage+1)].rel+'\')">&rarr;</a>':'';
			moveNext=rightArrow?'<a href="javascript:;" onClick="imgClose(\''+galleryImages[(currentImage+1)].href+'\',\''+galleryImages[(currentImage+1)].title+'\',\''+galleryImages[(currentImage+1)].rel+'\')">':'';
			navBar='<br />'+leftArrow+'&nbsp;'+(currentImage+1)+'&nbsp;/&nbsp;'+galleryImages.length+'&nbsp;'+rightArrow;
		}
		var d = document.createElement('div');
		var b = document.createElement('div');
		
		d.setAttribute('id','popupimagediv');
		b.setAttribute('id','popupimagebg');
		
		d.className='popupimage';
		//d.onclick=function(){imgClose()}

		document.body.appendChild(d);
		document.body.appendChild(b);

		document.getElementById('popupimagebg').innerHTML='<div style="z-index:999;filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;background-color:#000000;position:fixed;left:0;top:0;width:100%;height:100%;"></div>';
		document.getElementById('popupimagediv').innerHTML="<table width='100%' height='100%' border='0'><tr><td align=center><img src='"+imgPath+"ajax-loader.gif'></td></tr></table>";
		i=new Image;
	
		var IE = navigator.appVersion.indexOf('MSIE')>1;
		i.onload=function()
		{
			if(i.height>(document.body.clientHeight*0.7))
			{
				H=parseInt(document.body.clientHeight*0.7);
				W=(H*i.width)/i.height;
			}
			else
			{
				H=i.height;
				W=i.width;
			}

			//document.getElementById('popupimagediv').innerHTML='<div style="z-index:1002;position:absolute;width:10px;height:10px;top:10px;left:10px"><a href="javascript:;" onClick="imgClose()"></div><img src="'+imgPath+'x.gif"></a>';
			//document.getElementById('popupimagediv').innerHTML='<table width="100%" height="100%" border="0"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="1" style="position:relative"><tr valign="top"><td>'+(IE?'<div><img src="'+imgPath+'s.gif" style="display:none; _display:block; border:0; width:11px; height:11px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+imgPath+'popup_lt.png, sizingMethod=crop);" /></div>':'<div><img src="'+imgPath+'popup_lt.png"></div>')+'</td><td class="ins_bg"></td><td>'+(IE?'<div><img src="'+imgPath+'s.gif" style="display:none; _display:block; border:0; width:11px; height:11px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+imgPath+'popup_rt.png, sizingMethod=crop);" /></div>':'<div><img src="'+imgPath+'popup_rt.png"></div>')+'</td></tr><tr valign="top"><td class="ins_bg"></td><td class="ins_bg"><div align="right" style="margin:0px 0px 10px 15px;"><a href="javascript:;" onClick="imgClose()"><img src="'+imgPath+'x.gif"></a></div><div style="margin:0px 10px 19px 10px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td width="100%" valign="top"><!--sofc--><div style="position:relative;width:'+W+'px;height:'+H+'px;top:0px;left:0px;"><div style="position:absolute;top:0px;left:0px;">'+moveNext+'<img src="'+href+'" width="'+(W-(IE?1:0))+'" height="'+(H-(IE?1:0))+'"></a></div><div style="float:left;position:absolute;top:0px;left:0px;">'+(IE?'<img src="'+imgPath+'s.gif" style="display:none; _display:block; border:0; width:9px; height:9px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+imgPath+'inside_lt.png, sizingMethod=crop);" />':'<img src="'+imgPath+'inside_lt.png">')+'</div><div style="float:right;position:absolute;top:0px;right:0px;">'+(IE?'<img src="'+imgPath+'s.gif" style="display:none; _display:block; border:0; width:9px; height:9px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+imgPath+'inside_rt.png, sizingMethod=crop);" />':'<img src="'+imgPath+'inside_rt.png">')+'</div><div style="float:left;position:absolute;bottom:0px;left:0px;">'+(IE?'<img src="'+imgPath+'s.gif" style="display:none; _display:block; border:0; width:9px; height:9px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+imgPath+'inside_lb.png, sizingMethod=crop);" />':'<img src="'+imgPath+'inside_lb.png">')+'</div><div style="float:right;position:absolute;bottom:0px;right:0px;">'+(IE?'<img src="'+imgPath+'s.gif" style="display:none; _display:block; border:0; width:9px; height:9px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+imgPath+'inside_rb.png, sizingMethod=crop);" />':'<img src="'+imgPath+'inside_rb.png">')+'</div></div><!--eofc--></td></tr></table>'+(title?'<br><div><b>'+title+'</b></div>':'')+''+navBar+'</div></td><td class="ins_bg"></td></tr><tr><td>'+(IE?'<div><img src="'+imgPath+'s.gif" style="display:none; _display:block; border:0; width:11px; height:11px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+imgPath+'popup_lb.png, sizingMethod=crop);" /></div>':'<div><img src="'+imgPath+'popup_lb.png"></div>')+'</td><td class="ins_bg"></td><td>'+(IE?'<div><img src="'+imgPath+'s.gif" style="display:none; _display:block; border:0; width:11px; height:11px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+imgPath+'popup_rb.png, sizingMethod=crop);" /></div>':'<div><img src="'+imgPath+'popup_rb.png"></div>')+'</td></tr></table></td></tr></table>';
			
			document.getElementById('popupimagediv').innerHTML='<table width="100%" height="100%" border="0"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="position:relative;"><tr valign="top"><td><div align="right" style="position:relative; top:10px; right:20px;"><a href="javascript:;" onClick="imgClose()"><img src="'+imgPath+'close.gif"></a></div><div style="padding:8px 8px 8px 8px;background:#FFFFFF;"><table cellpadding="0" cellspacing="0" border="0"><tr><td width="100%" valign="top"><!--sofc--><div style="position:relative;width:'+W+'px;height:'+H+'px;top:0px;left:0px;"><div style="position:absolute;top:0px;left:0px;">'+moveNext+'<img src="'+href+'" width="'+(W-(IE?1:0))+'" height="'+(H-(IE?1:0))+'"></a></div></div><!--eofc--></td></tr></table>'+(title?'<br><div><b>'+title+'</b></div>':'')+''+navBar+'</div></td></tr></table></td></tr></table>';
			
		}
		i.src=href;
	}
}
function imgClose(href, title, rel)
{
	var d = document.getElementById('popupimagediv');
  	document.body.removeChild(d);

	var b = document.getElementById('popupimagebg');
  	document.body.removeChild(b);
	//alert("closed");
	
  	if(href)
  	{
	  	popupOpen(href, title, rel);
  	}
}