var ddsmoothmenu={
    arrowimages: {down:['downarrowclass', '', 0], right:['rightarrowclass', '']},
    transition: {overtime:100, outtime:100}, 
    shadow: {enable:false, offsetx:0, offsety:0},
    detectwebkit: navigator.useragent.tolowercase().indexof("applewebkit")!=-1, 
    detectie6: document.all && !window.xmlhttprequest,
    getajaxmenu:function($, setting){
        var $menucontainer=$('#'+setting.contentsource[0])
        $menucontainer.html("loading menu...")
        $.ajax({
            url: setting.contentsource[1], 
            async: true,
            error:function(ajaxrequest){
                $menucontainer.html('error fetching content. server response: '+ajaxrequest.responsetext)
            },
            success:function(content){
                $menucontainer.html(content)
                ddsmoothmenu.buildmenu($, setting)
            }
        })
    },

    buildmenu:function($, setting){
        var smoothmenu=ddsmoothmenu
        var $mainmenu=$("#"+setting.mainmenuid+">ul") 
        $mainmenu.parent().get(0).classname=setting.classname || "ddsmoothmenu"
        var $headers=$mainmenu.find("ul").parent()
        $headers.hover(
            function(e){
                $(this).children('a:eq(0)').addclass('selected')
            },
            function(e){
                $(this).children('a:eq(0)').removeclass('selected')
            }
        )
        $headers.each(function(i){ 
            var $curobj=$(this).css({zindex: 100-i})
            var $subul=$(this).find('ul:eq(0)').css({display:'block'})
            this._dimensions={w:this.offsetwidth, h:this.offsetheight, subulw:$subul.outerwidth(), subulh:$subul.outerheight()}
            this.istopheader=$curobj.parents("ul").length==1? true : false 
            $subul.css({top:this.istopheader && setting.orientation!='v'? this._dimensions.h+"px" : 0})
            $curobj.children("a:eq(0)").css(this.istopheader? {paddingright: smoothmenu.arrowimages.down[2]} : {}).append( 
            )
            if (smoothmenu.shadow.enable){
                this._shadowoffset={x:(this.istopheader?$subul.offset().left+smoothmenu.shadow.offsetx : this._dimensions.w), y:(this.istopheader? $subul.offset().top+smoothmenu.shadow.offsety : $curobj.position().top)} 
                if (this.istopheader)
                    $parentshadow=$(document.body)
                else{
                    var $parentli=$curobj.parents("li:eq(0)")
                    $parentshadow=$parentli.get(0).$shadow
                }
                this.$shadow=$('<div class="ddshadow'+(this.istopheader? ' toplevelshadow' : '')+'"></div>').prependto($parentshadow).css({left:this._shadowoffset.x+'px', top:this._shadowoffset.y+'px'})  
            }
            $curobj.hover(
                function(e){
                    var $targetul=$(this).children("ul:eq(0)")
                    this._offsets={left:$(this).offset().left, top:$(this).offset().top}
                    var menuleft=this.istopheader && setting.orientation!='v'? 0 : this._dimensions.w
                    menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader && setting.orientation!='v'? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft 
                    if ($targetul.queue().length<=1){ 
                        $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).animate({height:'show',opacity:'show'}, ddsmoothmenu.transition.overtime)
                        if (smoothmenu.shadow.enable){
                            var shadowleft=this.istopheader? $targetul.offset().left+ddsmoothmenu.shadow.offsetx : menuleft
                            var shadowtop=this.istopheader?$targetul.offset().top+smoothmenu.shadow.offsety : this._shadowoffset.y
                            if (!this.istopheader && ddsmoothmenu.detectwebkit){ 
                                this.$shadow.css({opacity:1})
                            }
                            this.$shadow.css({overflow:'', width:this._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px'}).animate({height:this._dimensions.subulh+'px'}, ddsmoothmenu.transition.overtime)
                        }
                    }
                },
                function(e){
                    var $targetul=$(this).children("ul:eq(0)")
                    $targetul.animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime)
                    if (smoothmenu.shadow.enable){
                        if (ddsmoothmenu.detectwebkit){
                            this.$shadow.children('div:eq(0)').css({opacity:0})
                        }
                        this.$shadow.css({overflow:'hidden'}).animate({height:0}, ddsmoothmenu.transition.outtime)
                    }
                }
            ) 
        })
        $mainmenu.find("ul").css({display:'none', visibility:'visible'})
    },
    init:function(setting){
        if (typeof setting.customtheme=="object" && setting.customtheme.length==2){
            var mainmenuid='#'+setting.mainmenuid
            var mainselector=(setting.orientation=="v")? mainmenuid : mainmenuid+', '+mainmenuid
            document.write('<style type="text/css">\n'+mainselector+' ul li a {background:'+setting.customtheme[0]+';}\n'+mainmenuid+' ul li a:hover {background:'+setting.customtheme[1]+';}\n'+'</style>')
        }
        this.shadow.enable=(document.all && !window.xmlhttprequest)? false : this.shadow.enable
        jquery(document).ready(function($){
            if (typeof setting.contentsource=="object"){ 
                ddsmoothmenu.getajaxmenu($, setting)
            }
            else{ 
                ddsmoothmenu.buildmenu($, setting)
            }
        })
    }
} 

ddsmoothmenu.init({
    mainmenuid: "hd-nav_con",
    orientation: 'h',
    classname: 'fl'
});


$(function () {
    $('.headersj .menu').click(function (event) {
        $('.headersj .navwrap').animate({ 'left': '0px', 'opacity': '1' }, 800);
        $('.headersj .navbg').fadein(800);
    });
    $('.headersj .navbg').click(function (event) {
        $(this).fadeout(800);
        $('.headersj .navwrap').animate({ 'left': '-50%', 'opacity': '0' }, 800);
    });
    $(".headersj .plus").click(function () {
        $(this).toggleclass('minus').parent().siblings().find('.minus').removeclass('minus');
        $(this).next(".sjbod").stop().slidetoggle(300).parent().siblings().find(".sjbod").stop().slideup(500);
    });
})