/// <reference path="../ClientScript/jquery-1.4.1-vsdoc.js" />
/// <reference path="../ClientScript/jquery-1.4.1.js" />

$(function() {
function render_h2() {
       Cufon.replace('div.submenu h2');
    }
    function render_h3_left() {
       Cufon.replace('div.submenu h3.left');
    }
    function render_h3_center() {
      Cufon.replace('div.submenu h3.center');
    }
      
    var $mainnav = $(".topmenu-ul");
    $mainnav.data("show", "");
    $mainnav.find("a[ajaxify!='']").each(function(i) {
        var $a = $(this);
        $a.data("link", $a.attr("href"));
        $a.attr("href", "javascript:void(0);");
        $a.click(function() {
            if ($mainnav.data("show") != "") {
                if ($mainnav.data("show") == $a.attr("class")) {
                    $("#" + $mainnav.data("show")).slideUp();
                    $mainnav.data("show", "");
                    $a.attr("href",  $a.data("link") );
                    //window.location = $a.data("link");

                    return true;
                }
                
                $(".submenu").hide("fast");
            }
            
            if (($a.data("status") == undefined) || ($a.data("status") == "error")) {
                $a.data("status", "loading");
                $("#subnav-" + i).load($a.attr("ajaxify"), { async: true }, function(r, s) {
                    $(".subnav-" + i).data("status", s);
                    render_h2();


                    if ($a.attr("class") == "subnav-0") //drama
                    {
                       render_h3_left();
                       render_h3_center();
                    }
                    else if ($a.attr("class") == "subnav-2") //dara
                    {
                        $(this).find(".tip").hover(function() { $(this).find(".tooltip").show().end(); }, function() { $(this).find(".tooltip").hide().end(); }).end();
                        var pdara = $(this).find(".pdara");
                        pdara.first().show("fast", function() { render_h3_left(); });
                        var idara = 0;
                        var btnNext = $(this).find("#btnNext");
                        var btnPrev = $(this).find("#btnPrev");
                        btnPrev.hide();
                        btnNext.click(function() {
                            pdara.eq(idara).hide("fast").next().show("fast",
                            function() {
                                idara++;
                                if (idara == (pdara.length - 1)) { btnNext.hide(); }
                                btnPrev.show();
                                if (btnPrev.data("font") != "1") {
                                    render_h3_left();
                                    btnPrev.data("font", "1");
                                }
                            });
                        });
                        btnPrev.click(function() {
                            pdara.eq(idara).hide("fast").prev().show("fast",
                            function() {
                                idara--;
                                if (idara == 0) { btnPrev.hide(); }
                                btnNext.show();
                            });
                        });
                    }
                    else {
                      render_h3_left();
                    }
                });
            }
            $("#subnav-" + i).slideDown("slow", function() { $mainnav.data("show", this.id) });

        }); //end a function click
    }).end(); //end mainnav function find
    $(".submenu").html("<div class='loading' />");
    $(".header-menu-container").mouseleave(function(ev) { $(".submenu").slideUp("fast"); $mainnav.data("show", ""); });

});