window.addEvent('load', function() {
	if ($('col-right')) {
		new FloatingContainer({
			floatOnInit: false,
			floater:   'floating-box',  // float this element
			container: 'col-right' // between the top and bottom coordinates of this element
		});
		$('col-right').style.height = $('col-right').parentNode.clientHeight + "px";
	}
});


function change_all_off(){
document.getElementById("tv").className = "tv";
document.getElementById("tv-text").className = "tv-text";
document.getElementById("bundles").className = "bundles";
document.getElementById("bundles-text").className = "bundles-text";
}
function change_tv_on(){
document.getElementById("tv").className = "tv-on";
document.getElementById("tv-text").className = "tv-text-on";
document.getElementById("bundles").className = "bundles";
document.getElementById("bundles-text").className = "bundles-text";
}
function change_bundles_on(){
document.getElementById("tv").className = "tv";
document.getElementById("tv-text").className = "tv-text";
document.getElementById("bundles").className = "bundles-on";
document.getElementById("bundles-text").className = "bundles-text-on";
}

function showLightBox(planType,scKey) {
	var yScroll;
	var top;

	$s('lightbox').display='block';
	$s('fade').display='block';
	$e('lightbox-plan').innerHTML = planType;
	if (scKey) {
		$e('LB-scKey').value = scKey;
	}
	
	// detect if IE6 or earlier, if so we have to use javascript to replicate the CSS property - position:fixed;
	var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
	if (IE6) {
		
		// if ie, there are 2 ways to get scroll offset (depending on 'standards compliance mode').  check for first, if not found use the second
		if (document.documentElement.scrollTop) {
			yScroll = document.documentElement.scrollTop;
		} else {
			yScroll = document.body.scrollTop;
		}

		top = parseInt(yScroll) + 180;
		$s('lightbox').position = "absolute";
		$s('lightbox').top = top + "px";
		
	}	
	

	
	var x,y,x1,y1,x2,y2;
	
	// get body dimensions
	var test1 = document.body.scrollHeight;
	var test2 = document.body.offsetHeight
	if (test1 > test2) // all but Explorer Mac
	{
		x1 = document.body.scrollWidth;
		y1 = document.body.scrollHeight;
	}
	else // Explorer Mac;
	     //would also work in Explorer 6 Strict, Mozilla and Safari
	{
		x1 = document.body.offsetWidth;
		y1 = document.body.offsetHeight;
	}
	
	// get window dimensions
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		x2 = window.innerWidth;
		y2 = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		x2 = document.documentElement.clientWidth;
		y2 = document.documentElement.clientHeight;
	} 

	// whichever is larger (body or window dimensions), use that value to set width + height of black overlay
	x = (x1 > x2) ? x1 : x2;
	y = (y1 > y2) ? y1 : y2;
	
	w = x + "px";
	h = y + "px";
	
	$s('fade').width = w;
	$s('fade').height = h;
}

function hideLightBox() {
	$s('lightbox').display='none';
	$s('fade').display='none';
}

function $s(id) {
	return document.getElementById(id).style;
}

function $e(id) {
	return document.getElementById(id);
}