function onLoad () {
	$(document).ready(function() {
		
		// make the cursor over <li> element to be a pointer instead of default
	    $("li[id^='menu_']").css('cursor', 'pointer')
	    // iterate through all <li> elements where id starts with menu_
	    // and bind onclick event to each of them
	    .click(function() {
	        // when user clicks this <li> element, redirect it to the page
	        // to where the fist child <a> element points
	        window.location = $('a', this).attr('href');
	    });
		
		// fade menus and links
		$(".menu > a").fadeTo("slow", 0.60);
		$(".footer > a").fadeTo("slow", 0.60);

		// prepare menu hovers
		$("#menu_home").hover ( function() { toggleMenu ('home', true); }, function() { toggleMenu ('home', false); });
		$("#menu_services").hover ( function() { toggleMenu ('services', true); }, function() { toggleMenu ('services', false); });
		$("#menu_products").hover ( function() { toggleMenu ('products', true); }, function() { toggleMenu ('products', false); });
		$("#menu_support").hover ( function() { toggleMenu ('support', true); }, function() { toggleMenu ('support', false); });
		$("#menu_casestudies").hover ( function() { toggleMenu ('casestudies', true); }, function() { toggleMenu ('casestudies', false); });

		// make all links hover smoother
		$(".menu > a, .footer > a").hover (function() {
			$(".menu > a, .footer > a").stop(false, true);
			$(this).fadeTo('fast', 1.00);
		}, function() {
			$(".menu > a, .footer > a").stop(false, true);
			$(this).fadeTo('fast', 0.60);
		});
	});
}

function toggleMenu (item, isOver) {
	
	if (isOver) {
		$("div[id^='back_']").stop(false, true);
		$("li[id='menu_"+item+"'] > a").stop(false, true);
		$("li[id='menu_"+item+"'] > a").fadeTo('slow', 1.00);
		$("div[id='back_"+item+"']").fadeTo('slow', 1.00);
	} else {
		$("div[id^='back_']").stop(false, true);
		$("li[id='menu_"+item+"'] > a").stop(false, true);
		$("li[id='menu_"+item+"'] > a").fadeTo('fast', 0.60);
		$("div[id='back_"+item+"']").fadeTo('fast', 0.01);
	}
}