// JScript source code

// actions when tab is clicked
function showMenuTabItem(idNumb)
{
    // get elements
    var s=document.getElementById('TabsHeading').getElementsByTagName('span');
    var a=document.getElementById('TabsHeading').getElementsByTagName('a');
    var d=document.getElementById('TabsCon').getElementsByTagName('div');

    // for every s (span) there should be a (link) and  d (div)
    for(var start=0;start<s.length;start++)
    {
       
        if(start == idNumb)
        {
            d[start].style.display = "block";
            a[start].style.backgroundPosition = "0% -42px"; 	 // move backgound to hi-light this active tab horizontal, vertical */
            s[start].style.backgroundPosition = "100% -42px";
        }
        else
        {
            d[start].style.display = "none";
            a[start].style.backgroundPosition = "0% 0px";		// stop displaying the hi-light on the tab */
            s[start].style.backgroundPosition = "100% 0px";
        }	
    }
    return;
}
    
var x = 1;
var y = 1;
var xMax = 178;
var yMax = 114;
var my_id;
function expandDiv(id) 
{
    my_id = id;
    var el =  document.getElementById(my_id);
    // alert(id);
    if( y < yMax)	
    {
	    el.style.height = y + 'px';
    }
    if(x > xMax) { 
	    clearTimeout(t);
	    return;
    }
    else
    {
	    el.style.width = x + 'px';
    }
    x+=8;
    y+=8;
    t=setTimeout('expandDiv(my_id)',1); 
}