/*
 * ▷ ./design/default/main/js/main.js
 *
 */
 
function eventHandlers()
{
	var t1 = document.getElementById('tl1');
	var t2 = document.getElementById('tl2');
	var t3 = document.getElementById('tl3');
	var t9 = document.getElementById('tl9');
	var t4 = document.getElementById('tl4');
	var t5 = document.getElementById('tl5');
	var t6 = document.getElementById('tl6');
	var t7 = document.getElementById('tl7');
	var t8 = document.getElementById('tl8');
	

	
	function toggleLayers(id) {
		var b1 = document.getElementById('box01');
		var b2 = document.getElementById('box02');
		var b3 = document.getElementById('box03');
		var b9 = document.getElementById('box09');
		var b4 = document.getElementById('box04');
		var b5 = document.getElementById('box05');
		var b6 = document.getElementById('box06');
		var b7 = document.getElementById('box07');
		var b8 = document.getElementById('box08');
		
		
		
		
		switch (id)
		{
			case 1 :
				b1.style.display = 'block';
				b2.style.display = b3.style.display = b9.style.display = 'none';
				break;
				
			case 2 :
				b2.style.display = 'block';
				b1.style.display = b3.style.display = b9.style.display = 'none';
				break;
				
			case 3 :
				b3.style.display = 'block';
				b1.style.display = b2.style.display = b9.style.display = 'none';
				break;
			
			case 9 :
				b9.style.display = 'block';
				b1.style.display = b2.style.display = b3.style.display = 'none';
				break;
				
			case 4 :
				b4.style.display = 'block';
				b5.style.display = b6.style.display = b7.style.display = b8.style.display =  'none';
				break;
				
			case 5 :
				b5.style.display = 'block';
				b4.style.display = b6.style.display = b7.style.display = b8.style.display =  'none';
				break;
		
			case 6 :
				b6.style.display = 'block';
				b4.style.display = b5.style.display = b7.style.display = b8.style.display =  'none';
				break;
			
			case 7:
				b7.style.display = 'block';
				b4.style.display = b5.style.display = b6.style.display = b8.style.display =  'none';
				break;
				
			case 8:
				b8.style.display = 'block';
				b4.style.display = b5.style.display = b6.style.display = b7.style.display =  'none';
				break;	
				
			
			

			
			default : 
				break;
		}
	}
	
	t1.onmouseover = function () 
	{
		toggleLayers(1); 
	}
	
	t2.onmouseover = function () 
	{
		toggleLayers(2); 
	}
	
	t3.onmouseover = function () 
	{
		toggleLayers(3); 
	}
	
	t4.onmouseover = function () 
	{
		toggleLayers(4); 
	}
	
	t5.onmouseover = function () 
	{
		toggleLayers(5); 
	}
	
	t6.onmouseover = function () 
	{
		toggleLayers(6); 
	}
	
	t7.onmouseover = function () 
	{
		toggleLayers(7); 
	}
	
	t8.onmouseover = function () 
	{
		toggleLayers(8); 
	}	
	
	t9.onmouseover = function () 
	{
		toggleLayers(9); 
	}
	
	
	/****** popup ***********/
	var domain;
		
	function readCookie(name) 
	{
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) 
		{
			var c = ca[i];
			while (c.charAt(0)==' ') 
				c = c.substring(1,c.length);
				
			if (c.indexOf(nameEQ) == 0) 
				return c.substring(nameEQ.length,c.length);
		}
		return null;
	}
	
	function eraseCookie(name) {
		createCookie(name,"",-1);
	}
	
	function makePopup(id, x, y, left, top, usescroll) {
		var isscroll = (usescroll=='1'? ', scrollbars=yes' : '');
		window.open('?popup.do&idx=' + id, 'popupid' + id, 'width=' + x + ',\
					height=' + y + ', left' + left + ', top=' + top + isscroll);
	}
	
	function checkPopup() {
		var p = document.popuplistform;
		var l = p.length;
		var i;
		
		for (i = 0; i < l; i++)
		{
			var elem = p.elements[i];
			if (elem.name.substr(0, 9) == 'popuplist') {
				var arr = elem.value.split("\x01");
				
				if (!arr[6]) { // no cookie use
					makePopup(arr[0], arr[1], arr[2], arr[3], arr[4], arr[5]);
				} else {
					if (!readCookie(arr[0])) {
						makePopup(arr[0], arr[1], arr[2], arr[3], arr[4], arr[5]);
					} // end if
				} // end if
			} // end if
		} // end for
	} // end function
	
	checkPopup();
}

window.onload = eventHandlers;