getElementsByClassName = function(cls){
	var list = new Array();
	var nodes = document.getElementsByTagName('*');
	for (i = 0; i<nodes.length; i++){
		if (nodes[i].className.indexOf(cls) >= 0 ){
			list.push(nodes[i]);
		}
	}
	return list;
}

showDiv = function(src){
	img.src = src;
	console.log("jhjk");
	div.style.display = "block";
	if((img.clientWidth || img.offsetWidth)>1000) img.style.width = "1000px";
	div.style.marginLeft = -Math.round((img.clientWidth || img.offsetWidth)/2)+"px";
	div.style.marginTop = -Math.round((img.clientHeight || img.offsetHeight)/2)+document.documentElement.scrollTop+"px";
	
}

hideDiv = function(){
	div.style.display = "none";
}

addEvent = function(obj,event,func,arg,capture){
	arg = arg.join(',');
	action = func+"('"+arg+"');";
	if(obj.addEventListener) obj.addEventListener(event,function() { action },capture);
	document.getElementsByTagName('img').attachEvent("onclick",function() { action });
}

window.onload = function(){
	var imgs = new Array();
	var mass = getElementsByClassName('content');
	for(i=0;i<mass.length;i++){
		imgs = mass[i].getElementsByTagName('img');
	}
	for(i=0;i<imgs.length;i++){
		imgs[i].style.cursor = 'pointer';
		addEvent(imgs[i],"click","showDiv",[imgs[i].src],false);
	}
	div = document.createElement("div");
	img = document.createElement("img");
	document.body.appendChild(div);
	div.appendChild(img);
	addEvent(img,"click","hideDiv",[],false);
	img.style.cursor = "pointer";
	div.style.position = "absolute";
	div.style.left = "50%";
	div.style.top = "50%";
	div.style.display = "none";
	div.style.margin = "0";
	div.style.padding = "2px";
	div.style.background = "#000";
	
}

window.onscroll = function(){
	if(typeof div === 'object' && div.style.display == 'block') div.style.marginTop = -Math.round((img.clientHeight || img.offsetHeight)/2)+document.documentElement.scrollTop+"px";
}