﻿// Get hover element left position
function findX(obj) {
    var x = 0;
    while (obj) {
        x += obj.offsetLeft
        obj = obj.offsetParent;
    }
    return x;
}

// preload images
function preload(arrayOfImages) {
    $(arrayOfImages).each(function () {
        $('<img/>')[0].src = this;
        // Alternatively you could use:
        // (new Image()).src = this;
    });
}

// display location list menu
$(document).ready(function () {
    preload([
        '/Images/Button/Hen.png',
        '/Images/Button/HenInActive.png',
        '/Images/Button/Stag.png',
        '/Images/Button/StagInActive.png',
    ]);

    var offset = ($.browser.msie && $.browser.version == 9) ? 156 : 161;
    $('li.dropdown').hover(
        function () {
            $('div.Locations-Dropdown').css({
                'display': 'block',
                'top': '303px',
                'left': (findX(this) - offset) + 'px'
            });
        }
    );

    $('div.Locations-Dropdown').hover(
        function () {
            $('div.Locations-Dropdown').css('display', 'block');
        },
        function () {
            $('div.Locations-Dropdown').css('display', 'none');
        }
    );
});
