function dropdown_handler()
{
    var obj=this;
    obj.active=false;
    this.debug=function($this) {
        if (window.console && window.console.log)
        window.console.log($this);
    };
    this.init=function()
    {
        $('.navlink').hover(
            function () {
                obj.showDropdown(this);
            },
            function () {
                obj.active=false;
                setTimeout(function(){ obj.hideDropdown()}, 500);                
            }
        );
        $('#dropdownPanel').hover(
            function () {
                obj.active=true;
            },
            function () {
                obj.active=false;
                setTimeout(function(){ obj.hideDropdown()}, 500);
            }
        );
    }
    this.showDropdown=function(nav)
    {
        obj.active=true;
        var $nav=$(nav);
        $(".active").removeClass("active");
        $nav.addClass("active");
        var shift=$nav.attr("shift");
        var dropdown=$nav.attr("dropdown");
        var content=$('#'+dropdown).html();
        var offset= $nav.offset();
        var y=parseInt(offset.top)+$nav.height()+15;
        var x=parseInt(offset.left)-400+parseInt(shift);

        var panel=$('#dropdownPanel');
        panel.css('left',x+'px');
        panel.css('top',y+'px');
        panel.html(content);
        panel.show();

    }
    this.hideDropdown=function()
    {
        if(obj.active==false)
        {
            $(".active").removeClass("active");
            var panel=$('#dropdownPanel');
            panel.hide();
        }
    }
}
$(document).ready(function() {
    dropdown_obj=new dropdown_handler();
       dropdown_obj.init();

});