//last update 12-08 2007

//backgroundcolor value
var Bgc = '#ffffff';
//opacity value
var Opc = '70';
//border style
var Bor = 'solid 5px #bfa46f';
//target area ID 
var tar = 'contents';




/*============================================================================*/



var Pict = new Array();
var DivElement=Imgcontainer=Dwidth='';
function initi() {
	if(document.getElementsByTagName || document.getElementById) {// && navigator.userAgent.indexOf("Mac") == -1
		var Parea = document.getElementById('photoarea') || document.body;
		var Links = Parea.getElementsByTagName('a') || 0;
		var LinksNo = Links.length || 0;

		var p = 0;
		for(i=0;i<LinksNo;i++){
			var Href = Links[i].href;
			if(Href.match(/(jpg|jpeg|png|gif)$/i)) {
				p++;
				Pict[p] = new Image();
				Pict[p].src = Href;
				Links[i].target = '_self';
				Links[i].title = 'original size';
				Links[i].id = p;
				Links[i].onclick = function() {PictLayer(this.id); return false;}
			}
		}
	}
	
	if(p > 0){
	var Docsize = DocSize();
		Dwidth = Docsize.docW;
		Dheight = Docsize.docH;
		DivElement = document.createElement('div');
		DivElement.style.position = 'absolute';
		DivElement.style.left = 0;
		DivElement.style.top = 0;
		DivElement.style.width = Dwidth+'px';
		DivElement.style.height = Dheight+'px';
		DivElement.style.background = Bgc;
		DivElement.style.display = 'none';
		document.body.appendChild(DivElement);
		
		Imgcontainer = document.createElement('div');
		Imgcontainer.style.display = 'none';
		document.body.appendChild(Imgcontainer);
	}

}

function PictLayer(ic) {
	var winsize = WinSize();
	var ImgElement = Pict[ic];
	var Iwidth = ImgElement.width;
	var Iheight = ImgElement.height;
	var Sheight = winsize.hei;
	var Scrleft = winsize.x;
	var Scrtop = winsize.y;
	var Left = Math.max(((Dwidth/2)-(Iwidth/2))+Scrleft, 5);
	var Top = Math.max(((Sheight/2)-(Iheight/2))+Scrtop, 5);
		Imgcontainer.innerHTML = '<img src="'+ImgElement.src+'" title="Close" style="border:'+Bor+';cursor:pointer;">';
		Imgcontainer.style.position = 'absolute';
		Imgcontainer.style.left = Left+'px';
		Imgcontainer.style.top = Top+'px';
		Imgcontainer.style.display = 'block';
		Imgcontainer.onclick = function() {removePict();}
		DivElement.style.display = 'block';
		setOpacity(DivElement, Opc);
}

function removePict(pic) {
	Imgcontainer.style.display = 'none';
	DivElement.style.display = 'none';
}

function WinSize() {
	var Obj = new Object();
	Obj.wid = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
	Obj.hei = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
	Obj.x = window.pageXOffset || (window.document.documentElement.scrollLeft || window.document.body.scrollLeft);
	Obj.y = window.pageYOffset || (window.document.documentElement.scrollTop || window.document.body.scrollTop);
	return Obj;
}

function DocSize() {
	var Cdn = new Object();
		Cdn.docW = document.documentElement.scrollWidth || document.body.scrollWidt;
		Cdn.docH = document.documentElement.scrollHeight || document.body.scrollHeight;
	return Cdn;
}

function setOpacity(obj,num) {
	if (obj,num) {
		if (window.attachEvent && !window.opera) obj.style.filter = 'alpha(opacity=' + num + ')';
		else if (navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1) obj.style.MozOpacity = num/100;
		else obj.style.opacity = num/100;
	}
}
function EventListener(target, type, func){
	if(target.attachEvent){
		target.attachEvent("on" + type, func);
	} else if(target.addEventListener){
		target.addEventListener(type, func, true);
	}else {
		target["on" + type] = func;
	}
}

EventListener(window, 'load', initi);