var arrTabs = new Array(2); 
    arrTabs[0]="tabOverview"; 
    arrTabs[1]="tabDetails"; 
    
    var arrButtons = new Array(2); 
    arrButtons[0]="btn_overview"; 
    arrButtons[1]="btn_details"; 

    SetActiveImage(0) 

    function SetActive(selectedIndex) 
    {   
        SetActiveImage(selectedIndex); 
    } 

    function SetActiveImage(selectedIndex) 
    { 
        for(var i=0; i<=arrTabs.length; i++) 
		{ 
			var tab = document.getElementById(arrTabs[i]); 
			var button = document.getElementById(arrButtons[i]); 
			if(tab != null && button != null) 
			{ 
			    if(i == selectedIndex) 
				{ 
					tab.style.display = (isFirefox1 || isFirefox2)? '-moz-inline-block' : 'inline-block'; 
					tab.style.width = '775px'; 
					button.className = 'tabs_selected'; 
				} 
				else 
				{ 
					tab.style.display = 'none'; 
					button.className = 'tabs'; 
				} 
			} 
		} 
	}
	
	

	var mousex = 0;
    var mousey = 0;

	var IE = document.all?true:false;
	if (!IE) 
	{
		document.captureEvents(Event.MOUSEMOVE)
	}
	document.onmousemove = getMouseXYTemp;
	function getMouseXYTemp(e) {
		if (IE) 
		{ 
			  if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
			  {
			    mousex = event.clientX + document.body.scrollLeft;
			    mousey = event.clientX + document.body.scrollTop;
			  } 
			  else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) 
			  {
			    
			    mousex = event.clientX;
			    mousey = event.clientX;
			  }

			//mousex = event.clientX + document.body.scrollLeft;
			//mousey = event.clientY + document.body.scrollTop;
		}
		else {  // grab the x-y pos.s if browser is NS
			mousex = e.pageX;
			mousey = e.pageY;
		}  
		if (mousex < 0){mousex = 0;}
		if (mousey < 0){mousey = 0;}  
		
		return true;
	}

  

    function displayTooltip(elem, index)
    {
	
       if(index <= toolTipArray.length)
        {
            var toolTip = document.getElementById('toolTip');
            toolTip.style.display = (isFirefox1 || isFirefox2)? '-moz-inline-block' : 'inline-block';
            var toolTipContent = document.getElementById('toolTip_content');
           // getMouseXY(elem.event);
            toolTipContent.innerHTML = toolTipArray[index];
            
	          if(IE && document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) 
				  	{
				  			mousey += (elem.offsetTop + 62)
	          }
            
            if(mousex>0)
            {
                toolTip.style.left = mousex + 10 + 'px';;
                toolTip.style.top = mousey + 1 + 'px';;
                
            }
            else 
            {
                toolTip.style.left = elem.offsetLeft + 120 + 'px';;
                toolTip.style.top = elem.offsetTop + 155 + 'px';;
            }            
        }

    }
    function hideTooltip()
    {
        var toolTip = document.getElementById('toolTip');
        var toolTipContent = document.getElementById('toolTip_content');
        
        toolTip.style.display = 'none';
    }