// JavaScript Document


	$(document).ready(function(){

		$("#webmenu div").click(
			function() {
	    		var index = $("#webmenu div").index(this);
				var ul = $(".websites ul");
				ul.animate({ 'top' : '-' + (index*500) + 'px' }, "slow", 'linear');
				$("#webmenu div").css({"color" : "white"}); // mouseout   
				$(this).css({"color" : "#7cd300"}); //mouseover 
			}
		);

		$("#webmenu div").hover(
			function() {	//Mouse in
				$(this).css('cursor','pointer'); 
				$(this).css({"color" : "#7cd300"}); //mouseover 
				$(this).css({"text-decoration" : "underline"}); //mouseover 
			},
			function() {	//Mouse out
				$(this).css('cursor','auto'); 
				$(this).css({"color" : "#FFFFFF"}); //mouseover 
				$(this).css({"text-decoration" : "none"}); //mouseover 
			}
		);
	
	});