var $j=jQuery.noConflict();

$j(document).ready(
    function(){
	hp.initialize();
		$j('#topPanel div.aab').pngFix();
    }
    );

var hp= function(){
    var mainClass = "#topPanel";
    var menuClass = ".search";
    var menuClickClass = "active";
    var boxsClass = ".boxs";
    var boxClass = ".box";
    var visibleClass = "show";
    var hiddenClass = ".close";

    var CloseBoxs=function(evt){
	if(evt){
	    evt.preventDefault();
	    evt.stopPropagation();
	}

	$j(mainClass + " " + menuClass +" li").removeClass(visibleClass);
	$j(mainClass + " " + boxsClass + " li").removeClass(visibleClass);
	$j('#topPanel div.aab').show();
    };

    var ClickMenu=function(evt){
	evt.preventDefault();
	evt.stopPropagation();

	var link=$j(evt.target);
	var box=link.parents('li:first');

	if(box.hasClass(visibleClass)){
	    CloseBoxs();
	}else{
	    CloseBoxs();

	    var className=box.attr("class");
	    box.addClass(visibleClass);
	    $j(mainClass + " " + boxsClass).addClass(menuClickClass);
	    $j(mainClass + " " + boxsClass + " li."+className).addClass(visibleClass);
	    $j('#topPanel div.aab').hide();
	}
    };

    return{
	initialize:
	function(){
	    $j(mainClass + " " + menuClass + " li").each(
		function(e){
		    var $this=$j(this);

		    var link=$this.find("a");
		    link.click(ClickMenu);
		});

	    $j(mainClass + " ul" + boxsClass + " li" + boxClass + " a"+ hiddenClass).click(CloseBoxs);
	}
    };
}();