function grijiImage(uri, txt) {
	if (isImage(uri)) {
		var picture = new Image();
		picture.onload = function() {
			if (!txt)

				txt = "click to close";

			alignBox(picture.width, picture.height);
			showBox();

			document.getElementById("grijiboxcontent").innerHTML = "<img onclick='grijiHide()' src='"
					+ uri
					+ "' /><div   onclick='grijiHide()' id=\'grijiboxfooter\'>"
					+ txt + "</div>";

		};

		picture.src = uri;
		if (picture.complete) {
			picture.onload;
		}
		drawBackground();
	}

	if (isFacebook(uri)) {
	//	alignBox(500,500);
		window.open(uri, "facebookshare", "width=500, height=500");

		
	//	document.getElementById("grijiboxcontent").innerHTML = "<iframe src='"+uri+"' width='500px' height='500'>"+uri+"</iframe>";
		//showBox();

	}


}

function showBox() {

	document.getElementById("grijiboxcontent").style.display = "block";

}

function alignBox(boxW, boxH) {
	var padding = 10;
	document.getElementById("grijiboxcontent").style.marginLeft = ((boxW + padding) / 2)
			* -1 + "px";
	document.getElementById("grijiboxcontent").style.marginTop = getScrollXY()[1]
			+ (((boxH + padding) / 2)) * -1 + "px";
	

}

function drawBackground() {
	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';
}

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")) {
			var aktlink = links[i].getAttribute("href");

			// ALL LINKS WITH HREFS
			if (isImage(aktlink) || isFacebook(aktlink)) {
				if (links[i].getAttribute("rel") != "nozoom") {
					links[i].setAttribute("rel", "grijiImage");
				}
			}

		}

	}
}

function isImage(u) {
	if (u.search(/(.*)\.(jpg|jpeg|gif|png|bmp|tif|tiff)/gi) != -1)
		return true;
	return false;

}

function isFacebook(str) {
	if (str.indexOf("http://www.facebook.com/share.php") != -1)
		return true;
	return false;
}

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");
		}

		if (atags[i].rel.substring(0, 13) == "grijiFacebook") {
			atags[i].onclick = function() {
				grijisources.push(atags[i].href);
				grijititle.push(atags[i].title);
				grijiImage(grijisources[soruceID], grijititle[soruceID]);

			}
		}

	}

	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);
}