var html ='';
var flyoutCache = new Array();
var flyoutDefaultHeight = new Array();
var flyoutTempIdPrefx =  'flyout_';
$(document).ready(function() {
    standardHeight = 232;
    flyoutDefaultHeight['Acuvue'] = standardHeight;
    flyoutDefaultHeight['Biofinity'] = 94;
    flyoutDefaultHeight['Biomedics'] = standardHeight;
    flyoutDefaultHeight['Focus'] = standardHeight;
    flyoutDefaultHeight['Frequency'] = standardHeight;
    flyoutDefaultHeight['FreshLook'] = standardHeight;
    flyoutDefaultHeight['Optix'] = standardHeight;
    flyoutDefaultHeight['Proclear'] = standardHeight;
    flyoutDefaultHeight['PureVision'] = 141;
    flyoutDefaultHeight['SofLens'] = 188;

    $('.flyOutLink').parent().hoverIntent({
        sensitivity: 1,
        interval: 050,
        over: showFlyoutMenu1,
        timeout: 150,
        out: hideFlyoutMenu1
    }).click(function() { setTimeout(hideFlyoutMenu1, 700); });

    function showFlyoutMenu1() {
        if ($.browser.msie) {
            $('HTML').css("overflow-x", "hidden");
        }

        var thisBrandName = $(this).text().trim();
        this.tempId = getCleanTempId(thisBrandName);
        $(this).prepend("<div class='flyoutMenu' id='" + flyoutTempIdPrefx + getCleanTempId(thisBrandName) + "'></div>");
        
        if (!getHtmlFromCache(thisBrandName)) {
            $.get('BrandMenuFlyoutHandler.ashx?brand=' + thisBrandName, function(data) {
                cacheHtmlForFlyoutMenu(data, thisBrandName);
                $('.flyoutMenu').html(data)

            });
        }
        $('.flyoutMenu').html(html);

    }

    function getHtmlFromCache(cacheKey) {
        var imageMarginTop = (flyoutDefaultHeight[cacheKey] / 2) - 10;
        html = "<div class='flyoutTop' ></div><div class='flyoutBg' ><div class='flyoutArrow' style='height:" + flyoutDefaultHeight[cacheKey] + "px;'  ><img src='/img/ui3/icons/loading1.gif' style='margin:" + imageMarginTop + "px 0 0 100px;' /></div></div><div class='flyoutBottom' ></div>";

        if (flyoutCache[cacheKey] !== undefined) {
            html = flyoutCache[cacheKey];
            return true;
        }

        return false;
    }

    function cacheHtmlForFlyoutMenu(cacheHtml, cacheKey) {
        flyoutCache[cacheKey] = cacheHtml;
    }

    function hideFlyoutMenu1() {
        $('#' + flyoutTempIdPrefx + this.tempId).remove();
        if ($.browser.msie) {
            $('HTML').css("overflow-x", "auto");
        }
    }

    function getCleanTempId(id) {
        return id.replace(' ', '');
    }
});