// JavaScript Document
<!-- Begin
// TabItem Variables & Refernces
	var ext1 ="Tab";
	var ext2 ="Container";	
	// Item Name Array	
	var Items = new Array("compare", "basic", "advanced", "complete");	
	// TabItem Toggle Visibility States
	function toggleItem(value){show(value+ext1);show(value+ext2);}
	function toggleReset(){for (var i = 0; i < Items.length; i++) {hide(Items[i]+ext1);hide(Items[i]+ext2);}}
	function initCompareTabs(){for (var i = 1; i < Items.length; i++) {hide(Items[i]+ext1);hide(Items[i]+ext2);}}
	// TabItem Click Handler
	function compareTab_onClickHandler(value){toggleReset();toggleItem(Items[value]);
	}
	
	
	//Script for handling pop-up detail boxes
	var overdiv = false;
	var t;
	var s;
	var currlnk = "";
	var _GlobalDiv;	
	var _isGlobalDiv = false;	
	function getMousePosition(e)
	{
		var pos = new Array();
		
		//mozilla:find position of the cursor
		if(e.pageX)
		{
			pos[0] = e.pageX;
			pos[1] = e.pageY;
			pos[2] = window.innerWidth;
			pos[3] = window.innerHeight;
		}
		
		//ie:find position of the cursor
		else
		{
			pos[0] = e.clientX;
			pos[1] = e.clientY + document.body.scrollTop;
			pos[2] = document.body.clientWidth;
			pos[3] = document.body.clientHeight;
		}
		
		return pos;
	}
			
	function displayBox(arg)
	{		
	    var div = document.getElementById(arg.id);  
		div.style.display='';
	}
	function getObj(obj){var theObj;if(!document.getElementById|document.all){return}else{if(document.getElementById){theObj=eval("document.getElementById('"+obj+"')")}else{theObj=eval("document.all."+obj)}}return theObj}
	function openbox(e,arg)
	{
		var X;var Y;var Xmax;var Ymax;	
		var name = arg.id.replace("IconBox","DetailBox");		
        var div = getObj(name);  
        if(_isGlobalDiv){
            if(_GlobalDiv!=name){document.getElementById(_GlobalDiv).style.display='none';}
        } 
        _GlobalDiv = name;_isGlobalDiv = true;
		//clear the timer
		clearTimeout(t);			
		if( div.style.display == 'none')
		{		
			var pos = getMousePosition(e);
	        if(pos[0] - document.body.scrollLeft < pos[2] - div.offsetWidth)
	        {
				div.style.left = pos[0] + 2;	        
	        }
	        else
	        {
				div.style.left = pos[0] - div.offsetWidth - 2;	        
	        }
	        if(pos[1] - document.body.scrollTop < pos[3] - div.offsetHeight)
	        {
				div.style.top = pos[1];
			}
			else
			{		
				div.style.top = pos[1] - div.offsetHeight;
			}
			var timeoutString = 'displayBox('+ div.id + ')';
			s = setTimeout(timeoutString,500);			
		}        
	}
	
	function closebox(arg)
	{		
	    var name = arg.id.replace("IconBox","DetailBox");		
        var div = getObj(name);  
		//clear the timer
		clearTimeout(s);
    	var timeoutString = 'hidebox('+ div.id + ')';
        t = setTimeout(timeoutString,100);			
	}
	function closebox2(arg)
	{	
	    var name = arg.id.replace("CloseDiv","DetailBox");		
        var div = getObj(name);  
        //clearTimeout(s);
    	var timeoutString = 'hidebox('+ div.id + ')';
        t = setTimeout(timeoutString,500);		
	}
	function hidebox(arg)
	{
		//hide the div if the mouse is not over it
		if(!overdiv)
		{
		    var div = document.getElementById(arg.id);  
		    div.style.display='none';
			overdiv = false;
		}
	}
	
	function toggleGridTab(id){
        for(var i = 0; i<4; i++){var o = getObj("tab_"+ i);o.style.display ='none';var cxt = getObj("content_"+ i);cxt.style.display ='none';}
        var obj = getObj("tab_"+ id);obj.style.display ='';var objCxt = getObj("content_"+ id);objCxt.style.display ='';              
    }
// End -->