var menuTimer=0,menuid=-1;
function showmenu(i){
	if(menuTimer){
		clearTimeout(menuTimer);
		menuTimer=0;
	}
	if(menuid!=i){
		$('#menu'+i).fadeIn(500);
	}
	menuid=i;
}
function _hidemenu(){
	$('.popmenu').stop().hide().css('opacity',1);
	menuid=-1;
}
function hidemenu(){
	menuTimer=setTimeout(_hidemenu,200);
}
$(function(){
$('#menu li').each(function(i){$('#main').prepend("<div id='menu"+i+"' class='popmenu' style='background:url(html/images/menu"+i+".gif) no-repeat;'></div>");$(this).mouseover(function(){_hidemenu();showmenu(i);}).mouseout(hidemenu);});
for(i=1;i<7;++i)
$('#menu0').append("<a href='index.php5?option=product&id="+i+"'></a>");
//for(i=0;i<4;++i)
//$('#menu1').append("<a href='index.php5?option=location&id="+i+"'></a>");
$('#menu1').append("<a href='index.php5?option=location&id=0'></a>");
for(i=1;i<4;++i)
$('#menu1').append("<a href='#'></a>");
$('#menu1').append("<a href='index.php5?option=location&act=new'></a>");
$('#menu2').append("<a href='index.php5?option=news&act=news'></a>");
$('#menu2').append("<a href='index.php5?option=news&act=product'></a>");
$('#menu2').append("<a href='index.php5?option=news&act=event'></a>");
$('#menu3').append("<a href='index.php5?&act=story'></a>");
$('#menu3').append("<a href='index.php5?act=brand'></a>");
$('#menu3').append("<a href='index.php5?act=theory'></a>");
$('#menu3').append("<a href='index.php5?act=guidelines'></a>");
for(i=0;i<4;++i)
$('#menu'+i).mouseover(function(){showmenu(i);}).mouseout(hidemenu).css('left',185*i+5);
})