var jqTopMenu =
{
    fadesettings: {overduration: 300, outduration: 0},
    buildmenu:function(menuid)
    {
	    jQuery(document).ready(function($)
	    {
		    var $mainmenu=$("#"+menuid+">ul");
		    var $headers=$mainmenu.find("div").parent();
    		
		    $headers.each
		    (
		        function(i)
		        {
			        var $curobj=$(this);
			        var $subdiv=$(this).find('div:eq(0)');
        			
			        this._dimensions = {w:this.offsetWidth, h:this.offsetHeight, subdivw:$subdiv.outerWidth(), subdivh:$subdiv.outerHeight()};
    			    
			        $subdiv.css({top:(this._dimensions.h) + "px"});
			        
			        $curobj.click
			        (
				        function(e)
				        {
				            //$(this).css({"background-color":"#ffffff"});
				            $(this).children("span:eq(0)").css({"color":"#ff0000"});

				            this._offsets={left:$(this).offset().left, top:$(this).offset().top};
					        var menuleft = (this._offsets.left + this._dimensions.subdivw > $(window).width()) ? (-this._dimensions.subdivw+this._dimensions.w) : 0
					        
					        var x = $("li:first");


				            $(this).children("div:eq(0)")
					            .css({left:(x.offset().left - this._offsets.left)})
					            .css({width:"930px"})
					            .fadeIn(jqTopMenu.fadesettings.overduration)
				        }
				    )
			        $curobj.hover
			        (
				        function(e)
				        {
				            
				        },
				        function(e)
				        {
				            //$(this).css({"background-color":"#eeeeee"});
				            $(this).children("span:eq(0)").css({"color":"#000000"});
					        $(this).children("div:eq(0)").fadeOut(jqTopMenu.fadesettings.outduration)
				        }
			        )
		        }
		    )
		    
		    $mainmenu.find("div").css({display:'none', visibility:'visible'});
	    })
    }
};

jqTopMenu.buildmenu("topmenu");