var urls = new Array (
	"http://www.connectivegames.com/", // 0
	"company.html", // 1
	"licensing.html", // 2
	"contacts.html"  // 3
);

var alts = new Array (
	"Products",
	"Company",
	"Licensing",
	"Contact Us"
);					

var itemWidth = new Array (58,62,62,70);

var itemHeight = new Array (17,21,21,18);

var itemImg = new Array (
	"products.gif",
	"company.gif",
	"licensing.gif",
	"contactus.gif"
);

var itemShadow = new Array (
	"shadow_products_2",
	"shadow_company_2",
	"shadow_licensing_2",
	"shadow_contacts_2"
);

var itemState = new Array (
	"menu_active",
	"menu_active",
	"menu_active",
	"menu_active"
);						

var itemsNum = itemImg.length;

function drawTopMenu(mItem) {
	document.write(
		'<tr>'+
		'<td width="350" height="140" class="up_left">'+
		'<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">'+
		'<tr>'+
		'<td width="48">&nbsp;'+
		'</td>'+
		'<td class="logo" valign="top"><a href="http://www.connectivegames.com"><img src="images/logo.jpg" width="203" height="84" alt="Connective Games" border="0"></a>'+
		'</td>'+
		'</tr>'+
		'</table>'+
		'</td>'+
		'<td width="650" class="up_right" align="left" valign="top">'+
		'<!-- block menu start -->'+
		'<table border="0" cellspacing="0" cellpadding="0" width="600" height="70">'+
		'<tr>'+
		'<td height="30" colspan="7">'+
		'<!-- menu items start -->'+
		'<table border="0" cellspacing="0" cellpadding="0" width="600" height="30">'+
		'<tr>'
	);

	for (i = 0; i < itemsNum; i++) {
		document.write('<td width="150" class="menu_item" align="center" valign="top">');
		itemState[i] = "menu_active";
		if (i != mItem) {			
			itemState[i] = "menu_disactive";
			document.write('<a href="' + urls[i] + '">');
		} else if (products == 1) {
			document.write('<a href="' + urls[0] + '">');
		}
		document.write(
			'<img src="images/menu/' + itemImg[i] + 
			'" width="' + itemWidth[i] + '" + height="' + itemHeight[i] + '" border="0" alt="' + alts[i] + '">'
		);
		document.write(
	 		'</td>'
		);
	}
	document.write(
		'</tr>'+
		'</table>'+
		'<!-- menu items finish -->'+
		'</td>'+
		'</tr>'+
		'<tr>'+
		'<td width="149" height="10" class="' + itemState[0] + '" align="center" valign="top">'+
		'</td>'+
		'<td width="1" class="s1">'+
		'</td>'+
		'<td width="149" class="' + itemState[1] + '">'+
		'</td>'+
		'<td width="1" class="s2">'+
		'</td>'+
		'<td width="149" class="' + itemState[2] + '">'+
		'</td>'+
		'<td width="1" class="s3">'+
		'</td>'+
		'<td width="149" class="' + itemState[3] + '">'+
		'</td>'+
		'</tr>'+
		'<tr>'
	);
	var ptr = itemShadow;
	for (var i = 0; i < itemsNum; i++) {
		if (i == mItem) {
			ptr[i] = ptr[i].substr(0,ptr[i].length-2);
		}
	}
	document.write(
		'<td height="30" colspan="2" background="images/menu/'+ ptr[0] +'.jpg">'+
		'</td>'+
		'<td colspan="2" background="images/menu/'+ ptr[1] +'.jpg">'+
		'</td>'+
		'<td colspan="2" background="images/menu/'+ ptr[2] +'.jpg">'+
		'</td>'+
		'<td background="images/menu/'+ ptr[3] +'.jpg">'+
		'</td>'+
		'</tr>'		
	);
	document.write(
		'</table>'+
		'<!-- block menu finish -->'+
		'</td>'+
		'</tr>'
	);
}

drawTopMenu(itm);