var imgSellerDirectory;
var divSellerDirectory;
var imgBrandLocator;
var divBrandLocator;
var topImgSellerDirectory;
var leftImgSellerDirectory;
var topImgBrandLocator;
var leftImgBrandLocator;
var topDivSellerDirectory;
var leftDivSellerDirectory;
var topDivBrandLocator;
var leftDivBrandLocator;
var widthImgSellerDirectory;
var heightImgSellerDirectory;
var widthImgBrandLocator;
var heightImgBrandLocator;

function initializeTopLink() {
    document.onmousemove = trackMouse;
    imgSellerDirectory = document.getElementById('imgSellerDirectory');
    divSellerDirectory = document.getElementById('divSellerDirectory');
    imgBrandLocator = document.getElementById('imgBrandLocator');
    divBrandLocator = document.getElementById('divBrandLocator');
    var pos = getElementPosition('imgSellerDirectory');
    topImgSellerDirectory = pos.top;
    leftImgSellerDirectory = pos.left;

    heightImgSellerDirectory = GetHeight(imgSellerDirectory);

    pos = getElementPosition('imgBrandLocator');
    topImgBrandLocator = pos.top;
    leftImgBrandLocator = pos.left;
    heightImgBrandLocator = GetHeight(imgBrandLocator);
    // event
    divSellerDirectory.onmouseout = CloseSellerDirectory;
    divBrandLocator.onmouseout = CloseBrandLocator;
}

function ShowSellerDirectory() {

    imgSellerDirectory.src = '<%=Page.ResolveUrl("~/images/sellerdirectory_over.gif") %>';
    divSellerDirectory.style.visibility = 'visible';
    //divSellerDirectory.style.left = '0px';
    var pos = getElementPosition('tableSite');
    divSellerDirectory.style.top = (topImgSellerDirectory + heightImgSellerDirectory) + 'px';
    divSellerDirectory.style.left = (pos.left) + 'px';

    //$("#divSellerDirectory").show("slow");
}

function CloseSellerDirectory() {
    setTimeout('_CloseSellerDirectory()', 10);

    //$("#divSellerDirectory").hide("fast");
}

// immediate close
function CloseSellerDirectory2() {
    imgSellerDirectory.src = '<%=Page.ResolveUrl("~/images/sellerdirectory.gif") %>';
    divSellerDirectory.style.visibility = 'hidden';
}

function _CloseSellerDirectory() {
    if (checkMouseIn('divSellerDirectory')) {
        return;
    }
    imgSellerDirectory.src = '<%=Page.ResolveUrl("~/images/sellerdirectory.gif") %>';
    divSellerDirectory.style.visibility = 'hidden';
}

function ShowBrandLocator() {

    imgBrandLocator.src = '<%=Page.ResolveUrl("~/images/findbrandstore_over.gif") %>';
    divBrandLocator.style.visibility = 'visible';
    //divBrandLocator.style.left = '0px';
    var pos = getElementPosition('tableSite');
    divBrandLocator.style.top = (topImgBrandLocator + heightImgBrandLocator) + 'px';
    divBrandLocator.style.left = (pos.left - 1) + 'px';

    //$("#divBrandLocator").show("slow");
}

function CloseBrandLocator() {
    setTimeout('_CloseBrandLocator()', 10);

    //$("#divBrandLocator").hide("fast");
}

function _CloseBrandLocator() {
    if (checkMouseIn('divBrandLocator')) {
        return;
    }
    imgBrandLocator.src = '<%=Page.ResolveUrl("~/images/findbrandstore.gif") %>';
    divBrandLocator.style.visibility = 'hidden';
}

// top sub menu
function ShowTopSub(e) {
    if (!e) var e = window.event;
    var ele = e.target ? e.target : e.srcElement;
    if (!ele || !ele.id) return;
    //alert(ele.id);

    // rollover image
    var i = ele.src.lastIndexOf('.');
    var prefix = ele.src.substring(0, i);
    var suffix = ele.src.substring(i + 1);
    //alert(fname[0] + ' ' + fname[1]);
    ele.src = prefix + '_over.' + suffix;

    _ShowTopSub('divTopSub' + ele.id, ele.id);


}

function _ShowTopSub(divid, imgid) {//alert(divid + ' ' + imgid);
    divsub = $('#' + divid);
    $(divsub).show();

    if (imgid != null) {
        pos = getElementPosition(imgid);
        //alert(pos.top);
        var menuimg = document.getElementById(imgid);
        //alert(menuimg);
        if (menuimg) {
            var h = GetHeight(menuimg);
            //alert(h);
            $(divsub).css('top', pos.top + h);
            $(divsub).css('left', pos.left);
        }
    }
}

var hidedivid;

function HideTopSub(id) {
    hidedivid = id;

    setTimeout('_HideTopSub()', 50);
}

function _HideTopSub() {
    if (checkMouseIn(hidedivid))
        return;

    restoreimgid = hidedivid.replace('divTopSub', '');
    newsrc = $('#' + restoreimgid).attr('src').replace('_over', '');
    $('#' + restoreimgid).attr('src', newsrc);

    $('#' + hidedivid).hide();
}