function getIEVersionNumber() 
{
    var ua = navigator.userAgent;
    var MSIEOffset = ua.indexOf("MSIE ");
    if (MSIEOffset == -1) 
    {
        return 0;
    } 
    else 
    {
        return parseFloat(ua.substring(MSIEOffset + 5, ua.indexOf(";", MSIEOffset)));
    }
}


function showShopMenu(id,number,topDiv)
{   
    var IE = document.all?true:false;
    if(IE && getIEVersionNumber() == 6)
    {
        $('shopSubmenuItem'+number).setStyle('width','100%');      
        $$('select').each(function(el){el.setStyle('visibility', 'hidden');});  
    }              
    $$('.shopMenu').setStyle('display','none'); 
    $('shopSubmenuItem'+number).setStyle('display','block');
    var menuItemLeft = $(id).getCoordinates().left;
    var menuItemRight = $(id).getCoordinates().right;
    var topMenuRight = $(topDiv).getCoordinates().right;
    var topMenuLeft = $(topDiv).getCoordinates().left;
    var currItemLeft = $('shopSubmenuItem'+number).getCoordinates().left;
    var currItemRight = $('shopSubmenuItem'+number).getCoordinates().right;
    var currItemWidth = Math.round((parseInt(currItemRight) - parseInt(currItemLeft)));
    var centrTopDiv =  topMenuRight - Math.round((parseInt(topMenuRight) - parseInt(topMenuLeft))/2);
    var part = (menuItemLeft <  centrTopDiv)?'left':'right';
    var partAlign = 'left';
    if((parseInt(menuItemLeft)+parseInt(currItemWidth))< parseInt(topMenuRight))
    {
        partAlign = 'left';
    }
    else if((parseInt(menuItemRight)-parseInt(currItemWidth))> parseInt(topMenuLeft))
    {
        partAlign = 'right';
    }
    else
    {
        partAlign = (part == 'left')?'toLeft':'toRight';
    }
    var startCoord = 0;
    switch(partAlign)
    {
        case 'left':
            $('shopSubmenuItem'+number).position({x:menuItemLeft});
        break;

        case 'right':
            $('shopSubmenuItem'+number).position({x:(parseInt(menuItemRight)-currItemWidth)});
            startCoord = menuItemLeft;
        break;

        case 'toLeft':
            $('shopSubmenuItem'+number).position({x:topMenuLeft});
        break;

        case 'toRight':
            $('shopSubmenuItem'+number).position({x:(parseInt(topMenuRight)-currItemWidth)});
        break;
    }
    
    $$('#topMenu a').removeClass('shopMenuActive');
    var timer =0;
    var fun = function()
    {
        $(id).removeClass('shopMenuActive');
        $('shopSubmenuItem'+number).setStyle('display','none');
        //($('searchWords'))?$('searchWords').setStyle('visibility','visible'):'';                 

        if(IE && getIEVersionNumber() == 6)
        {
            $$('select').each(function(el){el.setStyle('visibility', 'visible');});
        }
    }

    $(id).addEvents(
    {
         'mouseenter': function()
         {
             //($('searchWords'))?$('searchWords').setStyle('visibility','hidden'):'';                 
             if(IE && getIEVersionNumber() == 6)
             {
                 $$('select').each(function(el){el.setStyle('visibility', 'hidden');});  
             }              
             timer = $clear(timer);
             $('shopSubmenuItem'+number).setStyle('display','block');
         },
         'mouseleave': function()
         {
            timer = fun.delay(150);              
         },
         'mousemove': function()
         {
             timer = $clear(timer);              
             if(IE && getIEVersionNumber() == 6)
             {
                 $$('select').each(function(el){el.setStyle('visibility', 'hidden');});  
             }              
         }
    });
    $('shopSubmenuItem'+number).addEvents(
    {
         'mouseenter': function()
         {
             //($('searchWords'))?$('searchWords').setStyle('visibility','hidden'):'';                 
             if(IE && getIEVersionNumber() == 6)
             {
                 $$('select').each(function(el){el.setStyle('visibility', 'hidden');});  
             }              
             timer = $clear(timer); 
             $(id).addClass('shopMenuActive');
             $('shopSubmenuItem'+number).setStyle('display','block');
         },
         'mouseleave': function()
         {
             timer = fun.delay(150);
         },
         'mousemove': function()
         {
             if(IE && getIEVersionNumber() == 6)
             {
                timer = $clear(timer);                 
                $$('select').each(function(el){el.setStyle('visibility', 'hidden');});  
             }              
         }
         
    });
}