/******************************************************************************/
	//declare global variables
	var url = 'ajax_content_1.html';
	//
	/******************************************************************************/

	/******************************************************************************/
	//
	function resetWindow_resetBorder()
	{
setRightBorderSizePosition();
setRightColumnTopBlockHeights();
setContentHeight();
//		window.location.href = window.location.href;
	}
	window.onresize = resetWindow_resetBorder;
	//
	/******************************************************************************/

	/******************************************************************************/
	//
	function setRightBorderSizePosition()
	{
		/*************************************/
		//set variables
		var cnr_width_desired = .18;
		var cncr_width_desired = .27;
		var bkgnd_img_width = 75;
		//end set variables
		/*************************************/

		//get the needed containers
		var cnm_object = document.getElementById('cnm');
		var cncr_object = document.getElementById('cncr');
		var cncl_object = document.getElementById('cncl');
		//get the width of the cnm object, this is the total width in px
		var cnm_object_width = cnm_object.clientWidth;
		//calculate right for cncr
		var cncr_right_fraction = ((cnm_object_width * cnr_width_desired) - bkgnd_img_width) / cnm_object_width;
		var cncr_right = Math.round((cncr_right_fraction * 100));
		cncr_right_per = cncr_right + '%';
		//calculate right for cncl
		cncl_right = (cncr_width_desired * 100) + (cnr_width_desired * 100) - cncr_right;
		cncl_right_per = cncl_right + '%';
		//set cncl_right
		cncl_object.style.right = cncl_right_per;
		//set cncr_right
		cncr_object.style.right = cncr_right_per;
	}
	//
	/******************************************************************************/

	/******************************************************************************/
	//
	function setRightColumnTopBlockHeights()
	{
		/***************************************/
		//set variables
		var margin_top_between_blocks = 10;
		//end set variables
		/***************************************/

		//get the needed containers
		var ibt_object = document.getElementById('ibt');
		var bt_object = document.getElementById('bt1');
		var btl_object = document.getElementById('btl');
		var btr_object = document.getElementById('btr');
		var bt2_object = document.getElementById('bt2');
		//get the height of the ibt object, this is the total height in px
		var ibt_object_height = ibt_object.height;
		var div_working_height = ibt_object_height - margin_top_between_blocks;
		//calculate block title height
		var block_title_height_raw = div_working_height / 3;
		var block_title_height = Math.ceil(block_title_height_raw);
		var block_title_height_px = block_title_height + 'px';
		//calculate block top heights
		var block_top_l_r_height = Math.ceil(block_title_height_raw * 2);
		var block_top_l_r_height_px = block_top_l_r_height + 'px';
		//calculte new margin between blocks
		margin_top_between_blocks =ibt_object_height - block_title_height - block_top_l_r_height;
		var margin_top_between_blocks_px = 	margin_top_between_blocks + 'px'
		//set block_title_height
		bt_object.style.height = block_title_height_px;
		//set blocks left and right height
		btl_object.style.height = block_top_l_r_height_px;
		btr_object.style.height = block_top_l_r_height_px;
		//set blocks left and right top margin
		btl_object.style.marginTop = margin_top_between_blocks_px;
		btr_object.style.marginTop = margin_top_between_blocks_px;
		//set image height
		ibt_object.height = ibt_object_height;	
	}
	//
	/******************************************************************************/

	/******************************************************************************/
	//
	function setContentHeight()
	{
		/***************************************/
		//set variables
		var block_margin = 10;
		var block_height = 100;
		//end set variables
		/***************************************/

		//get the needed containers
		var cc_object = document.getElementById('cc');
		//get the height of the cc object, this is the total height in px
		var cc_object_height = cc_object.clientHeight;
		//calculate new height to make cc
		var  cdi = (cc_object_height + block_margin) / (block_height + block_margin);
		var  cc_new_height = (Math.ceil(cdi) * (block_height + block_margin)) - block_margin;
		var cc_new_height_px = cc_new_height + 'px';
		//set the height of the cc object
		cc_object.style.height = cc_new_height_px;
	}
	//
	/******************************************************************************/


	/******************************************************************************/
	//
	function loadAjaxContent()
	{
		/***************************************/
		//set variables
		var url = getAjaxContentUrl();
		var cc_object = document.getElementById('cc');
		//end set variables
		/***************************************/

		if (window.XMLHttpRequest)
		{
			// code for IE7+, Firefox, Chrome, Opera, Safari
			xmlhttp = new XMLHttpRequest();
		}
		else
		{
			// code for IE6, IE5
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.onreadystatechange = 	function ()
		{
			if (xmlhttp.readyState == 4)
			{
				// 4 = "loaded"
				if (xmlhttp.status == 200)
				{
					// 200 = "OK"
					cc_object.innerHTML=xmlhttp.responseText;
				}
				else
				{
					alert("Problem retrieving data:" + xmlhttp.statusText);
				}
			}
		}

		xmlhttp.open("GET", url, true);
		xmlhttp.send(null);
	}
	//
	/******************************************************************************/

	/******************************************************************************/
	//
	function getAjaxContentUrl()
	{
		if (window.url == 'ajax_content_1.html')
		{
			window.url = 'ajax_content_2.html';
		}
		else
		{
			window.url = 'ajax_content_1.html';
		}
			return window.url;
	}
	//
	/******************************************************************************/

	/******************************************************************************/
	//if window.onload not assigned then function
	//passed by addLoadEvent will be assigned
	//if window.onload already set then a new function
	//is created which calls the original onload handler
	//then calls the new handler afterwards
	function addLoadEvent(func)
	{
		var old_on_load = window.onload;
		if (typeof window.onload != 'function')
		{
			window.onload = func;
		}
		else
		{
			window.onload = function()
			{
				if (old_on_load)
				{
					old_on_load();
				}
				func();
			}
		}
	}
	//
	/******************************************************************************/