window.onload = init;
function init() {
 imagePreloader();
 indexHovers();
};
function indexHovers() {
   var divHoverList = new Array("vitrIndex","vitrMoz","vitrFresko","vitrWork");
   var ColorList = new Array("#974478","#EBC767","#93AD7E","#495678");
   var LinkList = new Array("vitraji.html","mozaiki.html","fresko.html","work.html");
   var divColorList = new Array();
   var divLinkList = new Array();
   for(var i=0;i<divHoverList.length;i++){
	 divColorList[divHoverList[i]]=ColorList[i];
	 divLinkList[divHoverList[i]]=LinkList[i];
     document.getElementById(divHoverList[i]).onmouseover = function(){
       this.getElementsByTagName("p")[0].style.backgroundColor=divColorList[this.getAttribute("id")];
       var imgName = this.getElementsByTagName("img")[0].getAttribute("src").split(".jpg");
       this.getElementsByTagName("img")[0].setAttribute("src",imgName[0]+"H.jpg");
     };
     document.getElementById(divHoverList[i]).onmouseout = function(){
       this.getElementsByTagName("p")[0].style.backgroundColor="white";
       var imgName = this.getElementsByTagName("img")[0].getAttribute("src").split("H.");
       this.getElementsByTagName("img")[0].setAttribute("src",imgName[0]+"."+imgName[1]);
     };
     document.getElementById(divHoverList[i]).onclick = function(){
       document.location=divLinkList[this.getAttribute("id")];
     };
   }
};
function imagePreloader() {
 mainFreskoH = new Image(); 
 mainFreskoH.src = "images/mainFreskoH.jpg";	
 mainMozaikiH = new Image(); 
 mainMozaikiH.src = "images/mainMozaikiH.jpg";
 mainObektiH = new Image(); 	
 mainObektiH.src = "images/mainObektiH.jpg";	
 mainVitrajiH = new Image(); 
 mainVitrajiH.src = "images/mainVitrajiH.jpg";	
}