var $TO;

jQuery.fn.identify = function(prefix) {
    var i = 0;
    return this.each(function() {
        if($(this).attr('id')) return;
        do {
            i++;
            var id = prefix + '_' + i;
        } while($('#' + id).length > 0);
        $(this).attr('id', id);
    });
};


var picOld = null;
var $TO;
function showDetailPic(strPicBig){
	if(picOld == null)
	{
		picOld = $('#productImage').css('background-image');
		$('#productImage').one('mouseleave', function()
											{
													if(picOld != null)
														$('#productImage').css('background-image', picOld);
													picOld = null;
											} );
	}

	_changeProductImage(strPicBig);

}

function _changeProductImage(strImagePath){
	$('#productImage').css('background-image', 'url(' + strImagePath + ')');
}

function changeProductImage(objList)
{
	var idx = objList.selectedIndex;
	if(idx < 0)
		return;
	var url = objList.options[idx].value;
	_changeProductImage(url);
}


function hideUL(elmUL){
	if(!elmUL)
		elmUL = this;
	var $PARENT = $(elmUL).parent("li");
	$(elmUL).fadeOut("normal", function(){
		$($PARENT).removeClass("hover");
		$($PARENT).one("click", li_over);
	});
}

function li_over(){
	if($(this).hasClass("hover"))
		return;


	$("ul", this).hide();
	$(this).addClass("hover");
	$("ul", this).fadeIn();
	$("ul", this).map(function(){
				$(this).bind("mouseleave", function()
								{
									$TO = setTimeout('ul_out("#' + $(this).attr("id") + '");', 100);
								}
				);
			});

}

function ul_out(obj){
	if(typeof obj == "undefined")
		obj = this;

	obj = $(obj);

	var $PARENT = obj.parent("li");
	obj.fadeOut("normal", function(){
		$($PARENT).removeClass("hover");
		$($PARENT).one("click", li_over);
	});
}



function main(){


  $('#naviTop ul:first > li')
    .mouseenter(function(){
      $(this).siblings().find('ul').stop(true,true).fadeOut();      
      $(this).find('ul').stop(true,true).fadeIn();
    })
    .each(function(){
      var elms = $('ul,li', this);
        if(elms.length > 0)
          $('a:first', this).attr('href', 'javascript:void(0);'); 
        
        elms.width($(this).width());
    })
    .find('ul')
    .mouseleave(function(){
      $(this).stop(true,true).fadeOut();
    });
}



jQuery(main);