﻿// Setup global Vars
var url;

//Add the startup code to the page
window.addEvent('domready', function()
{

    url = document.location.href.toLowerCase();

    url = url.replace("http://localhost:52234", "");
    url = url.replace("http://gandmelec.alightdev.co.uk", "");
    url = url.replace("http://www.gandmelec.co.uk", "");
    url = url.replace("http://www.gandmelec.com", "");




    // get items that need to change on mouse over
    $("navmenu").getChildren().each(function(e, i, a)
    {
        if (e.getFirst("a"))
        {
            var LinkURL = e.getFirst("a").getProperty("href").toLowerCase();

            if ((url.indexOf(LinkURL) > -1) && (url.length > 1) && i > 2)
            {
                e.toggleClass("MainMenuItemWithTriangle");
                // alert(1);
            }

            else if ((url == LinkURL) && (url.length == 1))
            {
                e.toggleClass("MainMenuItemWithTriangle");
                // alert(2);
            }
            //alert("url" + url + "   Link" + LinkURL + " Length" + url.length);

        }

        if (e.getFirst("ul"))
        {
            e.getFirst("ul").setStyle("opacity", "0");
            
        }

        e.addEvent("mouseover", function()
        {
            
            e.removeClass("MainMenuItemWithTriangle");

            e.setStyle("background-color", "#3277c7");
            if (e.getFirst("ul")) {
                e.getFirst("ul").setStyle("display", "block");
                e.getFirst("ul").morph({ "opacity": "1" });
            }

            if ($("hompagemovediv_huge"))
            {
                var pos = -1;
                if ((i > 1) && (i < 8))
                {
                    pos = ((i - 1) / 2) * (-731);
                }
                else if (i == 1)
                {
                    pos = 1;
                }

                if (pos != -1)
                {

                    $("hompagemovediv_huge").morph({ "left": pos });
                }

            }

        });

        e.addEvent("mouseleave", function()
        {

            UpdateSelectedTriangle();

            if (e.getFirst("ul"))
            {
                e.getFirst("ul").morph({ "opacity": "0" });

            }

            e.setStyle("background-color", "transparent");



        });
    });

    $$(".MainSubMenuItem").each(function(e, i, a)
    {

        var innerDIV = e.getFirst();

        //Mouse Enter
        e.addEvent("click", function()
        {

        });

        e.addEvent("mouseover", function()
        {

            e.setStyle("background-color", "#3277c7");

        });

        e.addEvent("mouseleave", function()
        {

            e.setStyle("background-color", "transparent");
        });


    });

    UpdateSelectedTriangle();

    if ($("CallMeBackSubmit"))
    {
        $("CallMeBackSubmit").addEvent("click", function()
        {
            $("CallMeBackSubmit").fireEvent('submit');

        });
    }
});

function UpdateSelectedTriangle() {
    $("navmenu").getChildren().each(function(e, i, a) {
        if (e.getFirst("a")) {
            var LinkURL = e.getFirst("a").getProperty("href").toLowerCase();

            if ((url.indexOf(LinkURL) > -1) && (url.length > 1) && i > 2) {
                e.addClass("MainMenuItemWithTriangle");
                // alert(1);
            }

            else if ((url == LinkURL) && (url.length == 1)) {
                e.addClass("MainMenuItemWithTriangle");
                // alert(2);
            }
            //alert("url" + url + "   Link" + LinkURL + " Length" + url.length);

        }
    });
}
