﻿var topIndex = 51;
function resizing(ptr){
	var currentChange;
	var currentSize = parseInt(ptr.style.height, 10)
	if(ptr.resizingUp == true){
		currentChange = 4;
	}else{
		currentChange = -4;
	}
	ptr.style.width = ptr.style.height = currentSize+currentChange  +"px";
	ptr.style.top = (parseInt(ptr.style.top, 10) + -1*currentChange/2)+"px";
	ptr.style.left =  (parseInt(ptr.style.left, 10) + -1*currentChange/2)+"px";
	if((currentChange + currentSize < ptr.finalSize && ptr.resizingUp == true) || (currentChange + currentSize > ptr.finalSize && ptr.resizingUp == false)){
		var f = function() {resizing(ptr)};
		ptr.setTimeoutId = setTimeout(f, 10);
	}
}
function onRollOver(ptr, isOver) {
	if(isOver == true){
		ptr.finalSize = 70;
		ptr.resizingUp = true;
		ptr.style.zIndex = topIndex++;
	}else{
		ptr.finalSize = 50;
		ptr.resizingUp = false
	}
	clearTimeout(ptr.setTimeoutId);
	resizing(ptr);
}
function runInitJavaScript(id, num){
	num--;
	var ptr = window.document.getElementById("box"+id);
	var top = Math.floor(num/10);
	top = top*50 + top*2;
	var left = Math.floor(num%10);
	if(left >=5){
		left  = 720-(left-5)*50 - (left-5)*2 -78;
	}else{
		left = left*50 + left*2;
	}
	ptr.style.position = "absolute";
	ptr.style.top = (195+top)+"px";
	ptr.style.left = (40+left+(Math.floor(left/50))*2)+"px";
	ptr.style.width = ptr.style.height = "50px";
	ptr.onmouseover = function onmouseover(){onRollOver(this, true)}
	ptr.onmouseout = function onmouseout (){onRollOver(this, false)}
	ptr.style.zIndex = num;
}
function initAds(){
	var numsArr = [3,4,5,9,10,11,13,14,16,17,18,19,22,23,24,25,27,28,29,30,31,32,34,35,36,37,38,39,43,45,48];
	for(var i =1; i<=numsArr.length;i++){
		runInitJavaScript(i, numsArr[i-1])
	}
	var ptr = window.document.getElementById("allBoxes");
	ptr.style.visibility = "hidden";
}
function showAllImage(){
	var ptr = window.document.getElementById("allBoxes");
	ptr.style.visibility = "visible";
}



