// Load this script when page loads
$(document).ready(function(){

 // Set up a listener so that when anything with a class of 'tab' 
 // is clicked, this function is run.
 $('.tab').click(function () {

  // Remove the 'active' class from the active tab.
  $('#tabs_container > .tabs > li.active')
	  .removeClass('active');
	  
  // Add the 'active' class to the clicked tab.
  $(this).parent().addClass('active');

  // Remove the 'tab_contents_active' class from the visible tab contents.
  $('#tabs_container > .tab_contents_container > div.tab_contents_active')
	  .removeClass('tab_contents_active');

  // Add the 'tab_contents_active' class to the associated tab contents.
  $(this.rel).addClass('tab_contents_active');


if ((document.getElementById('rightcolumn').offsetHeight)<(document.getElementById('tabs_container').offsetHeight+document.getElementById('stripbox').offsetHeight+130)){
	document.getElementById('rightcolumn').style.height="auto";
	document.getElementById('contents_container').style.height="auto";
	document.getElementById('contentwrapper').style.height="auto";
	if(document.getElementById('contents_container').offsetHeight<(document.getElementById('rightcolumn').offsetHeight-document.getElementById('stripbox').offsetHeight-document.getElementById('strip_nav_container').offsetHeight-90)){
	document.getElementById('contents_container').style.height=document.getElementById('rightcolumn').offsetHeight-document.getElementById('stripbox').offsetHeight-document.getElementById('strip_nav_container').offsetHeight-90+"px";
	}

	document.getElementById('rightcolumn').style.height=document.getElementById('tabs_container').offsetHeight+document.getElementById('stripbox').offsetHeight+130+"px";



}else 
//((document.getElementById('rightcolumn').offsetHeight)>(document.getElementById('tabs_container').offsetHeight+document.getElementById('stripbox').offsetHeight+130))
{
	document.getElementById('rightcolumn').style.height="auto";
	document.getElementById('contents_container').style.height="auto";
	document.getElementById('contentcolumn').style.height="auto";
	if(document.getElementById('contents_container').offsetHeight<(document.getElementById('rightcolumn').offsetHeight-document.getElementById('stripbox').offsetHeight-document.getElementById('strip_nav_container').offsetHeight-90)){
	document.getElementById('contentcolumn').style.height=document.getElementById('rightcolumn').offsetHeight+"px";
	}else{
	document.getElementById('rightcolumn').style.height=document.getElementById('contentcolumn').offsetHeight+"px";
	}
	var total_height=document.getElementById('contentcolumn').style.height=document.getElementById('rightcolumn').offsetHeight;
	document.getElementById('contents_container').style.height=total_height-document.getElementById('stripbox').offsetHeight-170+"px";
}
//else{
//	alert ("?");
//	document.getElementById('contents_container').style.height="auto";
//	alert (document.getElementById('contents_container').offsetHeight);
//	document.getElementById('rightcolumn').style.height="auto";
//	document.getElementById('contentcolumn').style.height="auto";
//	alert (document.getElementById('contentcolumn').offsetHeight);
//	document.getElementById('contentwrapper').style.height=document.getElementById('rightcolumn').offsetHeight+"px";
//	var total_height=document.getElementById('contentcolumn').style.height=document.getElementById('rightcolumn').offsetHeight;
//	document.getElementById('contents_container').style.height=total_height-document.getElementById('stripbox').offsetHeight-170+"px";
//}

 });
});