/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Konstantin Jagello | http://javascript-array.com/ */

var TimeOut         = 300;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var closeTimer      = null;

function mopen(n) {
  var l  = document.getElementById("menu"+n);
  var mm = document.getElementById("mmenu"+n);
	
  if(l) {
    mcancelclosetime();
    l.style.visibility='visible';
    if(currentLayer && (currentLayerNum != n))
      currentLayer.style.visibility='hidden';
    currentLayer = l;
    currentitem = mm;
    currentLayerNum = n;			
  } else if(currentLayer) {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentitem = null;
    currentLayer = null;
 	}
}

function mclosetime() {
  closeTimer = window.setTimeout(mclose, TimeOut);
}

function mcancelclosetime() {
  if(closeTimer) {
    window.clearTimeout(closeTimer);
    closeTimer = null;
  }
}

function mclose() {
  if(currentLayer && noClose!=1)   {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentLayer = null;
    currentitem = null;
  } else {
    noClose = 0;
  }
  currentLayer = null;
  currentitem = null;
}

document.onclick = mclose;

$(function(){
	var postfix = '_on';
	
	$('#menu1').mouseover(function(){
		var img = $('#mmenu1 img');
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));
		$('#mmenu1 img').attr('src', src_on);
	});
	$('#menu1').mouseout(function(){
		var img = $('#mmenu1 img');
		var src = img.attr('src');
		var index = src.indexOf('_on');
		var src_out = src.substring(0, index)
		           + src.substring(index + 3, src.lastIndexOf('.'))
		           + src.substring(src.lastIndexOf('.'));
		$('#mmenu1 img').attr('src', src_out);
	});
	
	$('#menu2').mouseover(function(){
		var img = $('#mmenu2 img');
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));
		$('#mmenu2 img').attr('src', src_on);
	});
	$('#menu2').mouseout(function(){
		var img = $('#mmenu2 img');
		var src = img.attr('src');
		var index = src.indexOf('_on');
		var src_out = src.substring(0, index)
		           + src.substring(index + 3, src.lastIndexOf('.'))
		           + src.substring(src.lastIndexOf('.'));
		$('#mmenu2 img').attr('src', src_out);
	});
	
	$('#menu3').mouseover(function(){
		var img = $('#mmenu3 img');
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));
		$('#mmenu3 img').attr('src', src_on);
	});
	$('#menu3').mouseout(function(){
		var img = $('#mmenu3 img');
		var src = img.attr('src');
		var index = src.indexOf('_on');
		var src_out = src.substring(0, index)
		           + src.substring(index + 3, src.lastIndexOf('.'))
		           + src.substring(src.lastIndexOf('.'));
		$('#mmenu3 img').attr('src', src_out);
	});
	
	$('#menu4').mouseover(function(){
		var img = $('#mmenu4 img');
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));
		$('#mmenu4 img').attr('src', src_on);
	});
	$('#menu4').mouseout(function(){
		var img = $('#mmenu4 img');
		var src = img.attr('src');
		var index = src.indexOf('_on');
		var src_out = src.substring(0, index)
		           + src.substring(index + 3, src.lastIndexOf('.'))
		           + src.substring(src.lastIndexOf('.'));
		$('#mmenu4 img').attr('src', src_out);
	});
	
});