window.onload = initRollOver;

n1 = new Image(); n2 = new Image(); n3 = new Image(); n4 = new Image();
n1.src = 'images/bg_top_menu_o.gif'
n2.src = 'images/bg_top_menu_1_o.gif'
n3.src = 'images/bg_top_menu_2_o.gif'
n4.src = 'images/bg_top_menu_4_o.gif'

function on(id, srcImg){
	document.getElementById(id).style.backgroundImage = 'url(images/bg_top_menu' + srcImg + '.gif)';
}

function initRollOver() {
		//Set up mask
		var mask = "ln";
		//
		for(var i = 0; i < document.links.length; i++) {
			if( document.links[i].id.indexOf(mask) != -1 ) {
				setEvent(document.links[i].id);
			}
		}
	}
	function setEvent(ID) {
		var mItem = document.getElementById(ID);
		var pNode = mItem.parentNode;
		//
		pNode.onclick = function() {
			document.location.href = mItem.href;
		}
		//
		pNode.onmouseover = function() {
			this.style.backgroundColor = "#FFFFFF";
			this.style.cursor = "pointer";
			mItem.style.color = "#000000";
		}
		//
		pNode.onmouseout  = function() {
			this.style.backgroundColor = "#E8EEF3";
			mItem.style.color = "#25628D";
		}
	}

// -----------------------------------------------
	function popupwin(obj_link, flag)
	{
		var inner_link = obj_link.innerHTML;
		var listArray = inner_link.split("\"")
		
			for(i in listArray)
			{
				if( listArray[i].length > 4)
				{
					var tmpStr = listArray[i];
						tmpStr = tmpStr.substr(tmpStr.length-4, tmpStr.length)

					if( (tmpStr == ".gif") || (tmpStr == ".jpg") )
						var img_src = listArray[i]
				}
			}

		
		var nameImgArray = img_src.split("\/")
			last_index   = nameImgArray.length-1;
			nameImgArray[ last_index ] = "large_" + nameImgArray[ last_index ];

		var path = "";
			for(i in nameImgArray)
			{
				if(i != last_index)
					path += nameImgArray[i] + "\/";
				else
					path += nameImgArray[i];
			}
			
		var img = new Image()
			img.src = path;
			
		if(flag == true)
			var param	= "width=640, height=495, toolbar=0, status=0, location=0, menubar=0, directories=0, scrollbars=0, resizeable=0"
		else
			var param	= "width=480, height=655, toolbar=0, status=0, location=0, menubar=0, directories=0, scrollbars=0, resizeable=0"

		var win		= window.open("", "", param);
			win.moveTo(0, 0);
		var content	= "<html><head><title>Kelly's Steak and Seafood</title><link rel='stylesheet' href='css/style.css' type='text/css' media='all'></head>\
							  <body style='margin: 0px 0px 0px 0px;' marginwidth='0' marginheight='0'>\
							  <div><img src=" + img.src + " alt='' border='0' onClick='javascript: window.close();'></div>\
							  <div align='center'><a href='#' onClick='javascript: window.close();' class='white'>close window</a></div>\
							  </body></html>"

		win.document.write(content);
	}

