function grijiImage(uri,txt){
  var picture = new Image();
	picture.onload = function () {
	if(!txt) txt = "click to close";
	document.getElementById("grijiboxcontent").style.marginLeft = ((picture.width+10)/2)*-1+"px";
	document.getElementById("grijiboxcontent").style.marginTop = getScrollXY()[1]+(((picture.height+10)/2))*-1+"px";
	document.getElementById("grijiboxcontent").style.width = picture.width+10;
	document.getElementById("grijiboxcontent").style.display = document.getElementById("grijibox").style.display;
	document.getElementById("grijiboxcontent").innerHTML = "<img onclick='grijiHide()' src='"+uri+"' /><div   onclick='grijiHide()' id=\'grijiboxfooter\'>"+txt+"</div>";

	};
	

	totalH = windowHeight();
	totalW = document.body.scrollWidth;
	document.getElementById("grijiboxback").style.width = totalW+"px";
	document.getElementById("grijiboxback").style.height = totalH+"px";
	document.getElementById("grijibox").style.width = totalW+"px";
	document.getElementById("grijibox").style.height = totalH+"px";
	document.getElementById("grijibox").style.display = 'block';
	picture.src = uri;
	if(picture.complete){ picture.onload; }
}

window.onload = function()
{
	grijiInit();
} 


function getScrollXY() {  
	var scrOfX = 0, scrOfY = 0;  
	if( typeof( window.pageYOffset ) == 'number' ) {  
		//Netscape compliant  
		scrOfY = window.pageYOffset;  
		scrOfX = window.pageXOffset;  
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {  
		//DOM compliant  
		scrOfY = document.body.scrollTop;  
		scrOfX = document.body.scrollLeft;  
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {  
		//IE6 standards compliant mode  
		scrOfY = document.documentElement.scrollTop;  
		scrOfX = document.documentElement.scrollLeft;  
	}  
	return [ scrOfX, scrOfY ]; 
}  


function prepZooms() {
	if (! document.getElementsByTagName) {
		return;
	}
	var links = document.getElementsByTagName("a");
	for (i = 0; i < links.length; i++) {
		if (links[i].getAttribute("href")) {
			if (links[i].getAttribute("href").search(/(.*)\.(jpg|jpeg|gif|png|bmp|tif|tiff)/gi) != -1) {
				if (links[i].getAttribute("rel") != "nozoom") {
					links[i].setAttribute("rel","grijiImage");

					//links[i].onmouseover = function () { zoomPreload(this); };
				}
			}
		}
	}
}


function grijiInit(){
	prepZooms();
grijisources = new Array();
grijititle = new Array();

var atags =document.getElementsByTagName("a");
var url="";
for(var i = 0; i < atags.length ; i++){
var foo=grijisources.length;
	if(atags[i].rel.substring(0,10) =="grijiImage"){
		grijisources.push(atags[i].href);
		grijititle.push(atags[i].title);
		atags[i].onclick = function() {	
			var soruceID=this.rel.substring(10,this.rel.length);
			grijiImage(grijisources[soruceID],grijititle[soruceID]); 
		}
		atags[i].rel= "grijiImage"+(grijisources.length-1);
		atags[i].removeAttribute("href");
	}
	
	
}

	var grijibox = document.createElement('div');
	var inner = '<div  id="grijiboxcontent"   onclick="grijiHide()" style="background-color:#fff"></div><div id="grijibox"  onclick="grijiHide()"><div  id="grijiboxback"></div></div><div  id="grijiboxcontent"   onclick="grijiHide()"></div>';
	grijibox.innerHTML = inner;
	document.body.appendChild(grijibox);
}

function grijiHide(){
	document.getElementById("grijiboxcontent").style.display = 'none';
	document.getElementById("grijibox").style.display = 'none';
}

function windowHeight() {
	var ret =0;
	if(document.documentElement.clientHeight){
		ret = document.documentElement.clientHeight;
	}
	if (window.innerHeight) {
    	ret = window.innerHeight;
  	} else if (document.body && document.body.offsetHeight) {
    	ret = document.body.offsetHeight;
  	} else {
    	ret = 0;
  	}
  	return Math.max(ret,document.getElementsByTagName('html')[0].offsetHeight);
}