﻿var hideDelay = 1;
    var text;
    var hideTimer = null;
    var pageUrl;
    var bigmenuContentsClass;
    var counterID;
    var aTagpos;
    var aTagwidth;
    var sFlonkpos;
    var sFlonkwidth;
    var posLeft;
    var widthSum;
    jQuery('.menuPopupTrigger').live('mouseover', function () {
        var settings = jQuery(this).attr('rel').split(',');
        var pageID = settings[0];
        counterID = settings[1];
        pageUrl = settings[2];

        if (hideTimer)
            clearTimeout(hideTimer);

        //alert('page=' + pageID + ' &counterID=' + counterID + ' &pageUrl=' + pageUrl);
        jQuery.ajax({
            type: 'GET',
            url: pageUrl,
            data: 'page=' + pageID,
            success: function (data) {
                if (counterID == "2") {
                    jQuery.getScript('/Administration/JavaScript/KomatsuScripts/bigMenuProduct.js');
                }
                jQuery('#panesContent').html(data);
                aTagpos = jQuery('#item' + counterID).offset();  
		aTagwidth = jQuery('#item' + counterID).width();
                sFlonkpos = jQuery('#panesContent').offset();  
		sFlonkwidth = jQuery('#panesContent').width();
		posLeft = aTagpos.left - sFlonkpos.left - 20;
		widthSum = aTagwidth - 19;
		widthSum = widthSum/2;
                jQuery('#panesContent').find('.arrowBlack').css('left', (widthSum + posLeft));
            }
        });
        jQuery('#Panes').css('display', 'block');
    });
    jQuery('.menuPopupTrigger').live('mouseout', function () {
        if (hideTimer)
            clearTimeout(hideTimer);
        hideTimer = setTimeout(function () {
            jQuery('#Panes').css('display', 'none');
        }, hideDelay);
    });
    // Allow mouse over of details without hiding details
    jQuery('#Panes').live('mouseover', function () {
        if (hideTimer)
            clearTimeout(hideTimer);
    });
    // Hide after mouseout
    jQuery('#Panes').live('mouseout', function () {
        if (hideTimer)
            clearTimeout(hideTimer);
        hideTimer = setTimeout(function () {
            jQuery('#Panes').css('display', 'none');
        }, hideDelay);
    });
