﻿
    var T;
    var id;
    var col;
    var promo;
    function ov(elm,c,p) 
    { 
       id = elm;
       col = c;
       promo = p;
       T=setTimeout('Tm()',500);
    } 
    function ot() 
        { 
        clearTimeout(T) 
        
        } 
    function Tm() 
        { 
            //clearStates();
            doHover(id,col);
            showImage(promo);
            
        } 

    
    function clearStates()
    {
        var selecteditems = document.getElementById('homenav').getElementsByTagName('a');
        var result = 0;
        for (var i = 0; i < selecteditems.length; i++)
        {
            selecteditems[i].className = '';
        }
    }
    
    
    function showImage(imgId)
    {
        document.getElementById('promo1').style.display = 'none';
        document.getElementById('promo2').style.display = 'none';
        document.getElementById('promo3').style.display = 'none';
        document.getElementById(imgId).style.display = 'block';
    }
    
    function doHover(id, col)
    {
        var promonav = document.getElementById('promonav')
        var arPromoNav = promonav.getElementsByTagName('div');
        for (var i = 0; i < arPromoNav.length; i++)
        {
            if(arPromoNav[i].id.indexOf(col) == -1)
            {
                //alert(arPromoNav[i].id);
                if(arPromoNav[i].id.indexOf('hover') != -1)
                {
                    var theId = arPromoNav[i].id
                    //alert(theId.replace('hover',''));
                    arPromoNav[i].id = theId.replace('hover','');
                }
            }
        }
        document.getElementById(id).id = 'promoitem' + col + 'hover';
    }
    
        
        

