var menu_to = null;

function show(id) {
	if(menu_to != null) {
		window.clearTimeout(menu_to);
		menu_to = null;
	}
	
	var trig = document.getElementById(id);
	
	var tmp = document.getElementById(id+"-SUB");
	tmp.style.left = trig.offsetLeft-10;
	tmp.style.top = trig.offsetTop+18;
	
	
	tmp.style.display = 'block';
	tmp.style.visibility = 'visible';
}

function hide(id) {
	if(menu_to != null) {
		window.clearTimeout(menu_to);
		menu_to = null;
	}
	menu_to = window.setTimeout('hideMenu("'+id+'")',10);
}

function hideMenu(id) {
	var tmp = document.getElementById(id+'-SUB');
	tmp.style.display = 'none';
	tmp.style.visibility = 'hidden';
}

function renderMenu(items,home) {
	var buffer = "";
	var subBuffer = "";
	for(var i = 0; i < items.length; i++) {
		if(home && i == 0) continue;
		if(items[i].items) {
			buffer += '<a id="'+items[i].id+'" onmouseover="show(\''+items[i].id+'\')" onmouseout="hide(\''+items[i].id+'\')">'+items[i].title+'</a>';
			
			subBuffer += '<div id="'+items[i].id+'-SUB" class="dropDownMenu" onmouseover="show(\''+items[i].id+'\')" onmouseout="hide(\''+items[i].id+'\')">';
			
			for(var j = 0; j < items[i].items.length; j++) {
				subBuffer += '<a class="menuItem'
				if(j >= items[i].items.length-1) {
					subBuffer += ' lastMenuItem';
				}
				subBuffer += '" href="'+items[i].items[j].url+'"><strong>'+items[i].items[j].title+'</strong></a>';
			}
			
			subBuffer += '</div>';
			
		} else {
			buffer += '<a href="'+items[i].url+'">'+items[i].title+'</a>';
		}
		buffer += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
	}
	
	return buffer+subBuffer;
}

var menuItems = [
 	{
		"title":"HOME",
		"url":"index.html"
	},
 	{
		"title":"COMPANY",
		"url":"company.html",
		"items": [
		          {
		        	  "title":"ABOUT US",
		        	  "url":"about.html"
		          },
		          {
		        	  "title":"MANAGEMENT TEAM",
		        	  "url":"management.html"
		          },
		          {
		        	  "title":"LOCATIONS",
		        	  "url":"locations.html"
		          },
		          {
		        	  "title":"CONTACT US",
		        	  "url":"contact.html"
		          },
		          {
		        	  "title":"CAREERS",
		        	  "url":"careers.html"
		          },
		          {
		        	  "title":"CASE STUDIES",
		        	  "url":"case.html"
		          }
		]
	},
	{
		"title":"PRODUCTS",
		"id":"menuTrigger",
		"items": [
		          {
		        	  "title":"MERCHANDISE",
		        	  "url":"merchandise.html"
		          },
		          {
		        	  "title":"TRAVEL",
		        	  "url":"travel.html"
		          },
		          {
		        	  "title":"EVENT TICKETS",
		        	  "url":"tickets.html"
		          },
		          {
		        	  "title":"ACTIVITIES",
		        	  "url":"activities.html"
		          },
		          {
		        	  "title":"MP3 DOWNLOADS",
		        	  "url":"mp3.html"
		          },
		          {
		        	  "title":"GIFT CARDS",
		        	  "url":"gift.html"
		          },
		          {
		        	  "title":"CODE PRODUCT",
		        	  "url":"codes.html"
		          }
		]
	},
	{
		"title":"PLATFORM",
		"url":"platform.html",
		"id":"menuTrigger2",
		"items": [
		          {
		        	  "title":"OVERVIEW",
		        	  "url":"overview.html"
		          },
		          {
		        	  "title":"TANGIBLE BENEFITS",
		        	  "url":"benefits.html"
		          },
		          {
		        	  "title":"SUPPORT TOOLS",
		        	  "url":"support.html"
		          },
		          {
		        	  "title":"REPORTING",
		        	  "url":"reporting.html"
		          }
		]
		
	},
	{
		"title":"SERVICES",
		"id":"menuTrigger3",
		"items": [
		          {
		        	  "title":"CUSTOMER SUPPORT",
		        	  "url":"customer.html"
		          },
		          {
		        	  "title":"PRODUCTION SUPPORT",
		        	  "url":"production.html"
		          },
		          {
		        	  "title":"ACCOUNT MANAGEMENT",
		        	  "url":"account.html"
		          },
		          {
		        	  "title":"INTEGRATION SERVICES",
		        	  "url":"integration.html"
		          },
		          {
		        	  "title":"PROFESSIONAL SERVICES",
		        	  "url":"professional.html"
		          }
		]
		
	},
	{
		"title":"TECHNOLOGY",
		"id":"menuTrigger4",
		"items": [
		          {
		        	  "title":"ENTERPRISE ARCHITECTURE",
		        	  "url":"enterprise.html"
		          },
		          {
		        	  "title":"MANAGED SERVICES",
		        	  "url":"services.html"
		          },
		          {
		        	  "title":"DATA CENTERS",
		        	  "url":"data.html"
		          },
		          {
		        	  "title":"MANAGED HOSTING",
		        	  "url":"managed.html"
		          },
		          {
		        	  "title":"DEDICATED HOSTING",
		        	  "url":"dedicated.html"
		          },
		          {
		        	  "title":"COMPLIANCES",
		        	  "url":"compliances.html"
		          }
		]
	}
];