function clicker(itemSelected) {
	document.getElementById('installed').style.display = 'none';
	document.getElementById('details').style.display = 'none';
	document.getElementById('pricing').style.display = 'none';
	document.getElementById('kits').style.display = 'none';
	document.getElementById('backstory').style.display = 'none';

	document.getElementById('installedButton').style.backgroundColor = '#6F6A6F';
	document.getElementById('detailsButton').style.backgroundColor = '#6F6A6F';
	document.getElementById('pricingButton').style.backgroundColor = '#6F6A6F';
	document.getElementById('kitsButton').style.backgroundColor = '#6F6A6F';

	javascript:document.getElementById(itemSelected).style.display = 'block';

	if ( itemSelected != 'backstory' ) {
		javascript:document.getElementById(itemSelected + 'Button').style.backgroundColor = '#DE6E00';
	}
}




/*
addEvent function from http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
*/
function addEvent( obj, type, fn )
{
	if (obj.addEventListener)
		obj.addEventListener( type, fn, false );
	else if (obj.attachEvent)
	{
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
}

function removeEvent( obj, type, fn )
{
	if (obj.removeEventListener)
		obj.removeEventListener( type, fn, false );
	else if (obj.detachEvent)
	{
		obj.detachEvent( "on"+type, obj[type+fn] );
		obj[type+fn] = null;
		obj["e"+type+fn] = null;
	}
}

/*
Create the new window
*/
function openInNewWindow() {
	// Change "_blank" to something like "newWindow" to load all links in the same new window
    var newWindow = window.open(this.getAttribute('href'), '_blank');
    newWindow.focus();
    return false;
}

/*
Add the openInNewWindow function to the onclick event of links with a class name of "new-window"
*/
function getNewWindowLinks() {
	// Check that the browser is DOM compliant
	if (document.getElementById && document.createElement && document.appendChild) {
		// Change this to the text you want to use to alert the user that a new window will be opened
		var strNewWindowAlert = " (opens in a new window)";
		// Find all links
		var links = document.getElementsByTagName('a');
		var objWarningText;
		var strWarningText;
		var link;
		for (var i = 0; i < links.length; i++) {
			link = links[i];
			// Find all links with a class name of "non-html"
			if (/\bexternal\b/.exec(link.className)) {
				// Create an em element containing the new window warning text and insert it after the link text
				objWarningText = document.createElement("em");
				strWarningText = document.createTextNode(strNewWindowAlert);
//				objWarningText.appendChild(strWarningText);
				link.appendChild(objWarningText);
				link.onclick = openInNewWindow;
			}
		}
		objWarningText = null;
	}
}

addEvent(window, 'load', getNewWindowLinks);












 function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }
  
  





function invasivePop(anchor) {
	document.getElementById('invasiveIndexPopper').style.left = anchor.offsetWidth + findPosX(anchor) - 25 + 'px';
	document.getElementById('invasiveIndexPopper').style.top = findPosY(anchor) + 1 + 'px';
	document.getElementById('invasiveIndexPopper').style.visibility = 'visible';
	document.getElementById('invasiveIndexPopper').style.display = 'block';
}

function invasiveHide() {
	document.getElementById('invasiveIndexPopper').style.visibility = 'hidden';
}




