var SelectedSubMenuItem = 0;

window.addEvent('domready', function() {

    var HomeMooMorpher = new Fx.Morph($('slideContentWrapper'), { duration: 500, transition: Fx.Transitions.Sine.easeInOut });
    var ContentWidth = 970;
    var containerHeight = $('slideContents').getChildren()[0].getSize().y;
    $('columnLeftpage1').setStyle("height", containerHeight + 20);
    var MenuInnerWidth = 960;

    if ($$('.bgEffectingLink').length == 2 && $$(".arrow").length == 1) {
        var FirstLi = $$(".sublinkBG")[0].setStyle("width", 640);
        var FirstLi = $$(".sublinkBG").getLast().setStyle("width", 640);


        $$(".bgEffectingLink").each(function(e, i, a) {
            e.setStyle("width", "465px");
        });

        //        var MenuLiWidth = 960 / $('menu2links').getFirst().getChildren().length;
        //        var MenuBgWidth = 960 - ($('menu2links').getFirst().getChildren().length - 1) * 12;
        //        var MenuBgItemWidth = MenuBgWidth / $('menu2links').getFirst().getChildren().length;

        //        $('menu2links').getFirst().getChildren().each(function(e, i, a) {
        //            e.setStyle("width", MenuLiWidth);
        //            e.getFirst("a").setStyle("width", MenuLiWidth);
        //            var bgEl = $('menu2').getFirst().getChildren()[(i * 2) + 1];
        //            bgEl.setStyle("width", MenuBgItemWidth);
        //        });


        DoMenuClickEvent(0);
    }
    else if ($$('.bgEffectingLink').length > 0) {
        //alert($('menu2links').getFirst());
        var MenuLiWidth = 960 / $('menu2links').getFirst().getChildren().length;
        var MenuBgWidth = 960 - ($('menu2links').getFirst().getChildren().length - 1) * 12;
        var MenuBgItemWidth = MenuBgWidth / $('menu2links').getFirst().getChildren().length;

        $('menu2links').getFirst().getChildren().each(function(e, i, a) {
            e.setStyle("width", MenuLiWidth + "px");
            e.getFirst("a").setStyle("width", MenuLiWidth);
            var bgEl = $('menu2').getFirst().getChildren()[(i * 2) + 1];
            bgEl.setStyle("width", MenuBgItemWidth);
        });



        DoMenuClickEvent(0);
    }

    if ($('smallContents')) {
        $('smallContents').getChildren().each(function(e2, i2, a2) {
            if (i2 == 0) {
                //Fade in e2
                e2.morph({ "opacity": 1 });
            }
            else {//Fade out e2
                e2.morph({ "opacity": 0 });
            }
        });
    }

    //alert(MenuLiWidth);




    $$(".bgEffectingLink").each(function(e, i, a) {
        //alert('sdf');
        e.addEvent("mouseenter", function() {
            //alert(i);
            DoMenuMouseOver(i);
        });
        e.addEvent("mouseleave", function() {
            UndoMenuMouseOver(i);
        });

        e.addEvent('click', function() {
            DoMenuClickEvent(i);
            SelectedSubMenuItem = i;
            HomeMooMorpher.cancel().start({ 'left': -ContentWidth * i });

            containerHeight = $('slideContents').getChildren()[i].getSize().y;

            $('columnLeftpage1').morph({ "height": containerHeight + 50 });
            $('smallContents').getChildren().each(function(e2, i2, a2) {
                if (i == i2) {
                    //Fade in e2
                    e2.morph({ "opacity": 1 });
                }
                else {//Fade out e2
                    e2.morph({ "opacity": 0 });
                }
            });
        });
    });
    // Update Size of menu, and add listners for mouseover on links
    if ($$('menu2links').length > 0) {
        DoMenuClickEvent(0);
        $$(".bgEffectingLink")[0].fireEvent("click");
    }

});

function DoMenuMouseOver(index) {
    var i = (index * 2);
    var i2 = (index * 2) + 2;
    for (j = i; j < i2 + 1; j++) {

        var el = $('menu2').getFirst().getChildren()[j];

        //alert(j);

        if (el.hasClass("sublinkBG")) {
            el.removeClass("sublinkBGoff");
            el.addClass("sublinkBGon");
            // Add class sublinkBGOn
            //alert('sublinkBG');
        }

        if (j == i && el.hasClass("arrow")) {
            if (index - 1 == (SelectedSubMenuItem)) {
                // Add class sublinkBGOn
                el.removeClass("arrowLeft");
                el.removeClass("arrowRight");
                el.addClass("arrowBoth");
                el.removeClass("arrowNone");
                //alert('arrow');
            }
            else {
                el.removeClass("arrowLeft");
                el.addClass("arrowRight");
                el.removeClass("arrowNone");
                el.removeClass("arrowBoth");
            }
        }

        if (j == i2 && el.hasClass("arrow")) {

            if (index + 1 == (SelectedSubMenuItem)) {
                // Add class sublinkBGOn
                el.removeClass("arrowLeft");
                el.removeClass("arrowRight");
                el.addClass("arrowBoth");
                el.removeClass("arrowNone");
                //alert('arrow');
            }
            else {
                el.removeClass("arrowLeft");
                el.removeClass("arrowRight");
                el.addClass("arrowNone");
                el.removeClass("arrowBoth");

            }
            // Add class sublinkBGOn
            el.removeClass("arrowNone");
            el.removeClass("arrowRight");
            el.addClass("arrowLeft");
            //alert('arrow');
        }
    }
}

function DoMenuClickEvent(index) {



    SelectedSubMenuItem = index;

    var i = (index * 2);
    var i2 = (index * 2) + 2;

    $$(".bgEffectingLink").each(function(e, i, a) {
        if (i != index) {
            UndoMenuMouseOver(i);
        }

    });


    for (j = i; j < i2 + 1; j++) {
        var el = $('menu2').getFirst().getChildren()[j];

        //alert(j);

        if (el.hasClass("sublinkBG")) {
            el.removeClass("sublinkBGoff");
            el.addClass("sublinkBGon");
            // Add class sublinkBGOn
            //alert('sublinkBG');
        }

        if (j == i && el.hasClass("arrow")) {
            // Add class sublinkBGOn
            el.removeClass("arrowLeft");
            el.removeClass("arrowNone");
            el.addClass("arrowRight");

            //alert('arrow');
        }

        if (j == i2 && el.hasClass("arrow")) {
            // Add class sublinkBGOn
            el.removeClass("arrowNone");
            el.removeClass("arrowRight");
            el.addClass("arrowLeft");
            //alert('arrow');
        }
    }
}

function UndoMenuMouseOver(index) {
    var i = (index * 2);
    var i2 = (index * 2) + 2;
    for (j = i; j < i2 + 1; j++) {

        var el = $('menu2').getFirst().getChildren()[j];

        //alert(j);

        //Background;
        if (el.hasClass("sublinkBG") && index != SelectedSubMenuItem) {
            el.removeClass("sublinkBGon");
            el.addClass("sublinkBGoff");
            // Add class sublinkBGOn
            //alert('sublinkBG');
        }

        if (j == i && el.hasClass("arrow") && index != SelectedSubMenuItem) {
            if (index - 1 == (SelectedSubMenuItem)) {
                // Add class sublinkBGOn
                el.addClass("arrowLeft");
                el.removeClass("arrowRight");
                el.removeClass("arrowBoth");
                el.removeClass("arrowNone");
                //alert('arrow');
            }
            else {
                el.removeClass("arrowLeft");
                el.removeClass("arrowRight");
                el.addClass("arrowNone");
                el.removeClass("arrowBoth");
            }
        }

        if (j == i2 && el.hasClass("arrow") && index != SelectedSubMenuItem) {

            if (index + 1 == (SelectedSubMenuItem)) {
                // Add class sublinkBGOn
                el.removeClass("arrowLeft");
                el.addClass("arrowRight");
                el.removeClass("arrowNone");
                el.removeClass("arrowBoth");
                //alert('arrow');
            }
            else {
                el.removeClass("arrowLeft");
                el.removeClass("arrowRight");
                el.addClass("arrowNone");
                el.removeClass("arrowBoth");
            }
        }
    }
}