var stageH=0;
var stageW=0;
var currY=0;
var leftX=0;
function start_w(){
if (document.documentElement.clientWidth!=0){
		stageW=document.documentElement.clientWidth;
		stageH=document.documentElement.clientHeight;
	} else {
		stageW=document.body.clientWidth;
		stageH=document.body.clientHeight;
	}
	document.getElementById("main").style.left=((stageW-200)/2)+"px";
	leftX=stageW-400;
	if (stageW<1000){
		var newImgW=(stageW-200)/2;
		var allImgs=document.getElementsByTagName("img");
		for (var i=0;i<allImgs.length;i++){
			allImgs[i].style.width=newImgW+"px";
		}
	}
	projHs=document.getElementsByTagName("h2");
	for (i=0;i<projHs.length;i++){
		projHs[i].onmouseover=showProject;
		projHs[i].onmouseout=hideProject;
	}
}
function showProject(){
	var imgs=this.parentNode.getElementsByTagName("img");
	var currY=0;
	for (var i=0;i<imgs.length;i++){
		imgs[i].style.visibility="visible";
		
		
		if (i==0){
			imgs[i].style.left="0px";
			imgs[i].style.top="0px";
		}else if (i==1){
			imgs[i].style.right="0px";
			imgs[i].style.top="0px";
		}else if (i==2){
			imgs[i].style.left="0px";
			imgs[i].style.bottom="0px";
		}else if (i==3){
			imgs[i].style.right="0px";
			imgs[i].style.bottom="0px";
		}
		/*
		imgs[i].style.left=0+"px";
		imgs[i].style.top=currY+"px";
		i++;
		if (i<imgs.length){
			imgs[i].style.visibility="visible";
			imgs[i].style.left=leftX+"px";
			imgs[i].style.top=currY+"px";
		}
		currY+=400;*/
	}
	var expl=this.parentNode.getElementsByTagName("div")[0];
	expl.style.visibility="visible";
	expl.style.left=((stageW/2)-150)+"px";
}
function hideProject(){
	var imgs=this.parentNode.getElementsByTagName("img");
	var currY=0;
	for (var i=0;i<imgs.length;i++){
		imgs[i].style.visibility="hidden";
	}
	var expl=this.parentNode.getElementsByTagName("div")[0];
	expl.style.visibility="hidden";
}