var MooState = 0;
var ExpandedWidth = 276;
var ExpandedLeftDistance = 34;
var ConpressedWidth = 92;
var ConpressedLeftDistance = 402;
var StartingZIndex = 50;

addEvent('domready', function () {
    // alert(screen.height + " - " + screen.width);
    // Add Hooks
    AddHooks();


    /*$('CompanyName2').addEvent("keydown", function (e) {

        var evt = e || window.event;
        alert(evt.type + evt.keyCode);
        if (evt.keyCode == 65) {
            alert('yes');
            $('homeGoButton2').click();

            return false;
        } else {
            alert('no');
            return true;
        }
    });*/


    // Initial Element Animations
    SetupElements();

    HomeBlogMenu();
    //$("HomepageMooGreyBackground").set('morph', { duration: '200', transition: 'expo:out' });
    //$("HomepageMooGreyBackground").set('morph', { duration: '200', transition: 'expo:out' });
});

function SetupElements() {
    // Initial animations and changes
    //MoveCenterMooElements();

    // Latest news 
    $('LatestNewsLink').addEvent("mouseenter", function() {
        $('LatestNewsLink').setStyle("background-color", "#666666");
    });

    $('LatestNewsLink').addEvent("mouseleave", function() {
        $('LatestNewsLink').setStyle("background-color", "#808080");

    });
}

function MoveCenterMooElements() {
    $$(".HomePageMooPack").each(function(e, i, a) {
        switch (MooState) {
            case 1:
                e.setStyle("z-index", StartingZIndex - i);
                e.morph({ "left": (ConpressedWidth * i) + ConpressedLeftDistance });
                break;
            default: //Animate to default position - across the screen
               // e.setStyle("z-index", StartingZIndex - i);                
                //e.morph({ "left": (ExpandedWidth * i) + ExpandedLeftDistance });                
               // e.setStyle("left", (ExpandedWidth * i) + ExpandedLeftDistance);
                break;
        }
    });
}

function AddHooks() {
    // Mouse overs etc

    //Testing the animation
    $("headerContent").addEvent("click", function() {
        if (MooState == 0) {
            MooState = 1;
        }
        else {
            MooState = 0;
        }
        
        MoveCenterMooElements();
    });

    $$('.HomePageMooPackItemDot').each(function(e, i, a) {
        //Hide Info Images


        e.addEvent("mouseenter", function() {
            e.getParent().setStyle("background-color", "#4D4D4D");
            e.getParent().setStyle("color", "#ffffff");
            //e.getParent().getFirst('.HomePageMooPackItemDot').setStyle("background-position", "bottom left");
            //e.getFirst('.HomePageMooPackItemInfo').setStyle("display", "");
            DisplayInfoPopup(e.getParent().getFirst('.HomePageMooPackItemDescription'));
        });

        e.addEvent("mouseleave", function() {
            e.getParent().setStyle("background-color", "");
            e.getParent().setStyle("color", "#000000");
           // e.getParent().getFirst('.HomePageMooPackItemDot').setStyle("background-position", "top left");
            //e.getFirst('.HomePageMooPackItemInfo').setStyle("background-position", "top left");
            //e.getFirst('.HomePageMooPackItemInfo').setStyle("display", "none");
            e.getParent().getFirst('.HomePageMooPackItemDescription').setStyle("display", "none");
            HideInfoPopup(e.getParent().getFirst('.HomePageMooPackItemDescription'));
        });
    });
}

function DisplayInfoPopup(El) {
    var RightArrow = El.getFirst('.infoPopupArrowRight');
    var LeftArrow = El.getFirst('.infoPopupArrowLeft');

    RightArrow.setStyle("position", "absolute");
    LeftArrow.setStyle("position", "absolute");

    RightArrow.setStyle("left", -23);
    LeftArrow.setStyle("right", -23);

    $$(".HomePageMooPack").each(function(e, i, a) {
        if (e == El.getParent('.HomePageMooPack')) {
            e.setStyle("z-index", StartingZIndex);
        }
        else {
            e.setStyle("z-index", StartingZIndex - 2);
        }
    });

    El.setStyle("opacity", 0);
    El.setStyle("display", "");

    var ElSize = El.getSize();

    El.setStyle("top", -(ElSize.y / 2) + 15);

    RightArrow.setStyle("top", (ElSize.y / 2) - 15);
    LeftArrow.setStyle("top", (ElSize.y / 2) - 15);

    var Scrolly = document.getScroll().y;

    if (El.getParent().getPosition().x > 550) {
        El.setStyle("left", -228);

        //Position right arrow
        LeftArrow.setStyle("display", "");
    }
    else {
        El.setStyle("left", 298);
        RightArrow.setStyle("display", "");
    }

    El.setStyle("opacity", 1);
}

function HideInfoPopup(El) {
    El.setStyle("display", "none");
}



function FlashClickOpen() {
    //Contract the elements in HMTL
    MooState = 1;
    MoveCenterMooElements();
    $("HomePageFlashContainer").setStyle("z-index", "300");
    $("HomepageMooGreyBackground").morph({ "background-color": "#CCCCCC" });
    $("HomepageMooGreyBackgroundLeft").morph({ "background-image": "url(/Resources/images/layoutMenuFadeLeftVideo.jpg)" });
    $("HomepageMooGreyBackgroundRight").setStyle("background-image", "url(/Resources/images/layoutMenuFadeRightVideo.jpg)");
}

function FlashClickClose() {
    //Expant the elements in HTML
    MooState = 0;
    MoveCenterMooElements();
    $("HomePageFlashContainer").setStyle("z-index", "5");
    $("HomepageMooGreyBackground").morph({ "background-color": "#58595B" });
    $("HomepageMooGreyBackgroundLeft").morph({ "background-image": "url(/Resources/images/layoutMenuFadeLeft.jpg)" });
    $("HomepageMooGreyBackgroundRight").setStyle("background-image", "url(/Resources/images/layoutMenuFadeRight.jpg)");
    
}


function HomeBlogMenu() {


    $$('.BlogMenuPostContainer').each(function (el, i, a) {
        el.addEvents({ 'mouseenter': function () {            
            el.morph({ "background-color": "#666666" });
        },
            'mouseleave': function () {
                el.morph({ "background-color": "#808080" });
            }
        });
    });
}