WM.home = function () {};

/* preload images to be used in rollovers */
WM.home.preload = function () {
     for (var kk = 0; kk<4; kk++) {
		 preload_image = new Image(); 
     preload_image.src='Home/feature-images/rollovers/finstress_head-0'+kk+'-over.jpg';
     preload_image_t = new Image(); 
     preload_image_t.src='Home/feature-images/rollovers/finstress_text-0'+kk+'.gif';
		 }
};

WM.home.addEvents = function () {
		var activebox = document.getElementById('active');
		var imgboxes = activebox.getElementsByTagName('div');
		var img, imgs;
		for (var bx = 0; bx<imgboxes.length; bx++) {
		   imgs = imgboxes[bx].getElementsByTagName('img');
			 img = imgs[0];
			 img.onmouseover = function () {
			   WM.home.setPanels(this, 'init');
			 };
			 img.onmouseout = function () {
			   WM.home.setPanels(this, 'over');
			 };
		}

};

WM.home.setPanels = function(elem,state) {
		
		var Elemid = elem.src;
		var parentbox = elem.parentNode;
		var textbox = document.getElementById('imgbox4').getElementsByTagName('img')[0];
		var imgindex = parentbox.id.replace('imgbox','');
		
		//alert(imgindex);
		if (imgindex <4) {
			 elem.src = 'Home/feature-images/rollovers/finstress_head-0'+imgindex+'-'+state+'.jpg'
			 textbox.src = 'Home/feature-images/rollovers/finstress_text-0'+imgindex+'.gif'	 			 
		}
};


WM.home.init = function () {
  	WM.home.preload();
  	WM.home.addEvents();
};
WM.main.addLoadListener(WM.home.init);