window.addEvent('domready', function () {


    var MenuItems = $$(".TopMenuLink");

    var urlArray = document.location.toString().split("/");

    //alert(urlArray);  

    MenuItems.each(function (e, i, a) {
        //alert(e.getFirst().getProperty("href"));
        var urlArrayLink = e.getProperty("href").split("/");

        if (urlArray.length > 2) {
            // alert(urlArrayLink[3].toLowerCase());
            //alert(urlArray[5].toLowerCase());
            if (urlArrayLink[1].toLowerCase() == urlArray[3].toLowerCase()) {
                // Highlight e (the li) as link)
                var linkitem = e.getFirst();

                e.getParent().addClass("current");

            }
        }
    });


    var myMenu = new UvumiDropdown("mainNav", {
        duration: 300,
        delay: 1000,
        closeDelay: 0,
        transition: Fx.Transitions.Circ.easeOut
    });
    var MainNavi = $$('#mainNav li');
    MainNavi.each(function (el, i, a) {

        el.addEvents({ 'mouseenter': function () {

            el.addClass("mainMenuBg");
        },
            'mouseleave': function () {
                el.removeClass("mainMenuBg");
            }
        });
    });

    var array = $$('#subPagerightMenu li');
    array.each(function (el, i, a) {

        el.addEvents({ 'mouseenter': function () {
            el.set('morph', { duration: '400', transition: 'expo:out' });
            el.morph({ "background-color": "#000000", "left": "-5px" });

        },
            'mouseleave': function () {

                el.morph({ "background-color": "#303030", "left": "0px" });
            }
        });
    });

    var menubgColor = $$('#mainNav ul li ul li');
    menubgColor.each(function (el, i, a) {

        el.addEvents({ 'mouseenter': function () {
            el.set('morph', { duration: '600', transition: 'expo:out' });
            el.morph({ "background-color": "#969697", "color": "#000000" });
        },
            'mouseleave': function () {
                el.morph({ "background-color": "#000000", "color": "#ffffff" });
            }
        });
    });



    var IntractiveMap = $$('#contactMapDiv');
    $$("#ClickForIntractiveMap").set('morph', { duration: '300' });
    IntractiveMap.each(function (el, i, a) {

        el.addEvents({ 'mouseenter': function () {

            $$("#ClickForIntractiveMap").morph({ "bottom": "-2px" });

        },
            'mouseleave': function () {
                $$("#ClickForIntractiveMap").morph({ "bottom": "-21px" });
            }
        });
    });
    // Call me Back Form Starts here
    if ($('ContactForm')) {
        if ($('YourMessage')) {
            $("YourMessage").addEvent("focus", function () {
                if ($("YourMessage").getProperty("value") == "") {
                    $("YourMessage").setProperty("value", "");
                    $$(".messageValidate").morph({ left: "-61px", "background-color": "#9A9A9A", "color": "#ffffff" });

                }
            });
            $$('.messageValidate').addEvent("click", function () {

                $$(".messageValidate").morph({ left: "-61px", "background-color": "#9A9A9A", "color": "#ffffff" });
                $("YourMessage").focus();
            });

            $("YourMessage").addEvent("blur", function () {
                if ($("YourMessage").getProperty("value") == "") {
                    $("YourMessage").setProperty("value", "");
                    $$(".messageValidate").morph({ left: "5px", "background-color": "#000000" });
                }
            });
        }
        $$('.addressValidate').addEvent("click", function () {

            $$(".addressValidate").morph({ left: "-61px", "background-color": "#9A9A9A", "color": "#ffffff" });
            $("YourMessage").focus();
        });

        $("telephone").addEvent("focus", function () {
            if ($("telephone").getProperty("value") == "") {
                $("telephone").setProperty("value", "");
                $$(".telephoneValidate").morph({ left: "-61px", "background-color": "#9A9A9A", "color": "#ffffff" });

            }
        });

        $("telephone").addEvent("blur", function () {
            if ($("telephone").getProperty("value") == "") {
                $("telephone").setProperty("value", "");
                $$(".telephoneValidate").morph({ left: "5px", "background-color": "#000000" });
            }
        });

        $$('.telephoneValidate').addEvent("click", function () {

            $$(".telephoneValidate").morph({ left: "-61px", "background-color": "#9A9A9A", "color": "#ffffff" });
            $("telephone").focus();
        });


        $("emailAddress").addEvent("focus", function () {
            if ($("emailAddress").getProperty("value") == "") {
                $("emailAddress").setProperty("value", "");
                $$(".emailValidate").morph({ left: "-61px", "background-color": "#9A9A9A", "color": "#ffffff" });

            }
        });

        $("emailAddress").addEvent("blur", function () {
            if ($("emailAddress").getProperty("value") == "") {
                $("emailAddress").setProperty("value", "");
                $$(".emailValidate").morph({ left: "5px", "background-color": "#000000" });
            }
        });

        $$('.emailValidate').addEvent("click", function () {

            $$(".emailValidate").morph({ left: "-61px", "background-color": "#9A9A9A", "color": "#ffffff" });
            $("emailAddress").focus();
        });

        $("fullName").addEvent("focus", function () {
            if ($("fullName").getProperty("value") == "") {
                $("fullName").setProperty("value", "");
                $$(".nameValidate").morph({ left: "-61px", "background-color": "#9A9A9A", "color": "#ffffff" });
            }
        });

        $("fullName").addEvent("blur", function () {
            if ($("fullName").getProperty("value") == "") {
                $("fullName").setProperty("value", "");
                $$(".nameValidate").morph({ left: "5px", "background-color": "#000000" });
            }
        });
        $$('.nameValidate').addEvent("click", function () {

            $$(".nameValidate").morph({ left: "-61px", "background-color": "#9A9A9A", "color": "#ffffff" });
            $("fullName").focus();
        });

        $('contactSubmit').addEvent("click", function () {
            // $('errorMsg').set('morph', { duration: '5000', transition: 'expo:out' });        
            //   $("errorMsg").morph({"position":"relative", "z-index": "1" });
            return ValidateForm();

        });
    }

    function ValidateForm() {
        var msg = "";
        //alert(msg);

        if ($("YourMessage").getProperty("value") == "" || $("telephone").getProperty("value") == "") {

            $("YourMessage").focus();
            $("YourMessage").morph({ "background-color": ["#9c1f31", "#ffffff"] });
            msg = msg + "You must enter a phone number\n"
        }
        if ($("telephone").getProperty("value") == "" || $("telephone").getProperty("value") == "") {

            $("telephone").focus();
            $("telephone").morph({ "background-color": ["#9c1f31", "#ffffff"] });
            msg = msg + "You must enter a phone number\n"
        }

        if ($("emailAddress").getProperty("value") == "" || $("emailAddress").getProperty("value") == "") {

            $("emailAddress").focus();
            $("emailAddress").morph({ "background-color": ["#9c1f31", "#ffffff"] });
            msg = msg + "You must enter an email address\n"
        }

        if ($("fullName").getProperty("value") == "" || $("fullName").getProperty("value") == "") {

            $("fullName").focus();
            $("fullName").morph({ "background-color": ["#9c1f31", "#ffffff"] });
            msg = msg + "You must enter your name\n"
        }

        if (msg.length > 0) {
            //alert(msg);
            return false;
        }

        return true;
    }
});
