/**
 * Index page menu handler
 */
var indexMenu = {

	init: function()
	{
		/**
		 * Bind service selector
		 */
		$("ul#servicesMenu li a, ul#technologyMenu li a").mouseover(function()
		{
			var item = $(this).attr("rel");
			indexMenu.selectVisual(item);
		});
		
		/**
		 * Bind tab selector
		 */
		$("ul#identityMenu a").mouseover(function()
		{
			var item = $(this).attr("rel");
			indexMenu.toggleServiceTech(item);
		});
		
		/**
		 * Hide all visuals
		 */
		$("ul#visual li").hide();
		
		/**
		 * Display random service
		 */
		this.randomService();
	},
	
	randomService: function()
	{
		$("ul#visual li").hide();
		var services = new Array("web", "systems", "cms", "seo", "ecommerce");
		indexMenu.selectVisual(services[Math.floor(Math.random() * 5)]);
	},
	
	selectVisual: function(item)
	{
		menuId = $("ul#servicesMenu li a[rel='" + item + "'], ul#technologyMenu li a[rel='" + item + "']").parent().parent().attr("id");
		$("ul#" + menuId + " li a").removeClass("active");
		$("ul#" + menuId + " li a[rel='" + item + "']").addClass("active");

		$("ul#visual li").hide();
		$("ul#visual li." + item).show();
	},
	
	toggleServiceTech: function(item)
	{
		$("ul#identityMenu li a").removeClass("active");
		$("ul#identityMenu li a[rel='" + item + "']").addClass("active");
		
		$("ul#servicesMenu, #technologyMenu").hide();
		$("ul#" + item).show();
	}
}

/**
 * Run it!
 */
$(document).ready(function()
{
	indexMenu.init();
});