function $(id) { return document.getElementById(id); }  //AJAX style shortcut function for getElementById

var selButtons = [];
var selectedButton = 0;
var contents = [];

function loads() { //This function should be used for all javascript that must be run AFTER the page loads.
	selectionLoad();
	logofadeLoad();
	new LinkedIn.CompanyInsiderPopup("li","Goldstein Caldwell & Associates");
	var linkedDiv = $('li');
	linkedDiv.removeChild(linkedDiv.firstChild);
	var linkedImage = document.createElement('img');
	linkedImage.src="http://www.goldcald.com/wp-content/themes/goldStein/images/linkedin.png";
	linkedDiv.appendChild(linkedImage);
}

function selectionLoad() {
	if( $('selections') )
	{
		var hidDiv = $('hiddenContent');
		var widthElements = hidDiv.getElementsByTagName('q');
		var sels = hidDiv.getElementsByTagName('ins');
		var conts = hidDiv.getElementsByTagName('del');
		for( var s = 0; s < sels.length; s++ )
			contents[s] = [sels[s].innerHTML,conts[s].innerHTML];		
		var widths = [parseInt(widthElements[0].innerHTML), parseInt(widthElements[1].innerHTML)];
		var altLayout = 0;
		if( widthElements.length > 2 )
			altLayout = 1;	
			
		var containerWidth = widths[0]+'px';
		var selectionsWidth = altLayout?(widths[1]+5)*2+'px':widths[1]+'px';
		var contentWidth = altLayout?(widths[0]-(widths[1]+5)*2)+'px':(widths[0]-widths[1])+'px';
		var itemWidth = (widths[1]-15)+'px';
		var spaceWidth = (widths[1]-10)+'px';
		var spaceHeight = '145px';
		
		var selDiv = $('selections');
		var conDiv = $('sContent');
		var container = $('selectContent');
		container.style.width = containerWidth;
		selDiv.style.width = selectionsWidth;
		conDiv.style.width = contentWidth;
		for( var x = 0; x < contents.length; x++ )
		{
			var newSel = document.createElement('div');
			var selSpace = document.createElement('div');
			newSel.setAttribute(document.all?'className':'class','selectionItem');
			newSel.innerHTML = contents[x][0];
			selDiv.appendChild(newSel);
			selSpace.setAttribute(document.all?'className':'class',altLayout?'selectionSpaceV':'selectionSpace');
			selSpace.innerHTML = '&#nbsp;';
			newSel.style.width = itemWidth;
			
			if( altLayout )
			{
				selSpace.style.height = spaceHeight;
				newSel.style.height = spaceHeight;
			}else
				selSpace.style.width = spaceWidth;
			newSel.onclick = new Function('makeSelection('+x+');');
			selDiv.appendChild(selSpace);
			selButtons[x] = newSel;
			var h2s = newSel.getElementsByTagName('h2');
			if( h2s.length == 0 )
				newSel.style.border = '4px outset #286683';
			for( var h = 0; h < h2s.length; h++ )
				h2s[h].style.paddingBottom = '0px';
			if( altLayout && x % 2 == 1 )
			{
				var hSpace = document.createElement('div');
				hSpace.setAttribute(document.all?'className':'class','selectionSpaceH');
				selDiv.appendChild(hSpace);
			}
		}
		selectedButton = selButtons[0];
		selectedButton.setAttribute(document.all?'className':'class','selectedItem');
		if( selectedButton.getElementsByTagName('h2').length > 0 )
			selectedButton.getElementsByTagName('h2')[0].style.color = 'green';
		else selectedButton.style.border = '4px outset green';

		conDiv.innerHTML = contents[0][1];
	}	
}

function makeSelection(sNum) {
	$('sContent').innerHTML = contents[sNum][1];
	selectedButton.setAttribute(document.all?'className':'class','selectionItem');
	if( selectedButton.getElementsByTagName('h2').length > 0 )
		selectedButton.getElementsByTagName('h2')[0].style.color = '#286683';
	else selectedButton.style.border = '4px outset #286683';
	selectedButton = selButtons[sNum];
	selectedButton.setAttribute(document.all?'className':'class','selectedItem');
	if( selectedButton.getElementsByTagName('h2').length > 0 )
		selectedButton.getElementsByTagName('h2')[0].style.color = 'green';
	else selectedButton.style.border = '4px outset green';
}