// JavaScript Document

/* ALL Funcitons for the animated menu */

var nb_item = 8;
var current_sub = 0;
var current_in = 8; //To know who is grey

//Function for pre-loading image in cache
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

function nothing(){
	return true;
}

//Init the menu
function init_menu(){
	
	//Init the prevent_defaut
	$(".prevent").click(function(event) {
		
		event.preventDefault();
		
	});
	
	$(".sub_menu").css("display", "none");

	
	
	//Init the grey item
	var next = current_in + 1;
	
	
	var src = $("#menu_"+current_in).attr("src").match(/^(.*[\/])/)[0] + current_in + "_in.jpg";
	$("#menu_"+current_in).attr("src", src);
	
	if(current_in != 8){
		var src2 = $("#menu_"+current_in+"-"+next).attr("src").match(/^(.*[\\\/])/)[0] + current_in + "_in-"+next+"_off.jpg";
		$("#menu_"+current_in+"-"+next).attr("src", src2);
	}
	
	if(current_in != 1){
		var prev = current_in - 1;
		
		var src3 = $("#menu_"+prev+"-"+current_in).attr("src").match(/^(.*[\\\/])/)[0] + prev + "_off-"+current_in+"_in.jpg";
		$("#menu_"+prev+"-"+current_in).attr("src", src3);
	}
	
	init_events(2, 1);
	init_events(3, 1);
	init_events(4, 1);
	init_events(5, 0);
	init_events(6, 0);
	init_events(7, 1);
	init_events(8, 1);
}

//Records events for one item
function init_events(number, ss_menu){
	
	$("#item_"+number)
        .mouseover(function() { 
		
			$(".sub_menu").css("display", "none");
			
            var src = $("#menu_"+number).attr("src").match(/^(.*[\/])/)[0] + number + "_on.jpg";
			$("#menu_"+number).attr("src", src);
			
			if(number != 8){
				
				var next = number + 1;
				if(next == current_in){
					
					var src2 = $("#menu_"+number+"-"+next).attr("src").match(/^(.*[\\\/])/)[0] + number + "_on-"+next+"_in.jpg";
					
				}else{
					
					var src2 = $("#menu_"+number+"-"+next).attr("src").match(/^(.*[\\\/])/)[0] + number + "_on-"+next+"_off.jpg";
					
				}
				$("#menu_"+number+"-"+next).attr("src", src2);
				
			}
			
			var prev = number - 1;
			if(prev == current_in){
				
				var src3 = $("#menu_"+prev+"-"+number).attr("src").match(/^(.*[\\\/])/)[0] + prev + "_in-"+number+"_on.jpg";
				
			}else{
				
				var src3 = $("#menu_"+prev+"-"+number).attr("src").match(/^(.*[\\\/])/)[0] + prev + "_off-"+number+"_on.jpg";
				
			}
			$("#menu_"+prev+"-"+number).attr("src", src3);
			
			if(ss_menu == 1){
				
				$("#sub_"+number).css("display", "block");
					
			}
			
        })
        .mouseout(function() {
            
			var out = "off";
	
			if(number == current_in){
				out = "in";
			}
			
            var src = $("#menu_"+number).attr("src").match(/^(.*[\/])/)[0] + number + "_"+out+".jpg";
			$("#menu_"+number).attr("src", src);
			
			if(number != 8){
				
				//next
				var next = number + 1;
				if(next == current_in){
					
					var src2 = $("#menu_"+number+"-"+next).attr("src").match(/^(.*[\\\/])/)[0] + number + "_"+out+"-"+next+"_in.jpg";
					
				}else{
					
					var src2 = $("#menu_"+number+"-"+next).attr("src").match(/^(.*[\\\/])/)[0] + number + "_"+out+"-"+next+"_off.jpg";
					
				}
				$("#menu_"+number+"-"+next).attr("src", src2);
			
			}
			
			//Prev
			var prev = number - 1;
			if(prev == current_in){
				
				var src3 = $("#menu_"+prev+"-"+number).attr("src").match(/^(.*[\\\/])/)[0] + prev + "_in-"+number+"_"+out+".jpg";
				
			}else{
				
				var src3 = $("#menu_"+prev+"-"+number).attr("src").match(/^(.*[\\\/])/)[0] + prev + "_off-"+number+"_"+out+".jpg";
				
			}
			$("#menu_"+prev+"-"+number).attr("src", src3);
			
			if(ss_menu == 1 && current_sub == 0){
				
				$("#sub_"+number).css("display", "none");
					
			}
			
        });	
	
}