var count_ravi = 0;

//**************** main function calling other function on load........................

function init()                  // call on load
{
	news_animation();
	resizeColumns();
}

//********************* this function force the dives to maintain equal height

function resizeColumns() {
	var linksColumn = document.getElementById("link_sy");
	var headerColumn = document.getElementById("header");
	var leftColumn = document.getElementById("middle");	// get div id="left_pannel"
	var rightColumn = document.getElementById("right_pannel");	// get div id="right_pannel"
	
	var leftColumn_offhe = leftColumn.offsetHeight;
	var rightColumn_offhe = rightColumn.offsetHeight;
	
	var get_maxheight = Math.max(leftColumn_offhe, rightColumn_offhe);
	
	rightColumn.style.height = headerColumn.offsetHeight + get_maxheight - 9 + "px"
	leftColumn.style.height = get_maxheight + "px";
	
	linksColumn.style.height = leftColumn.offsetHeight - 30 + "px";
}

//********************* this function also force the dives to maintain equal height but on click of button

function resize_onaddButton(inc_height, noofTimes){
	//alert("hi");
	var linksColumn = document.getElementById("link_sy");
	var leftColumn = document.getElementById("middle");	// get div id="left_pannel"
	var rightColumn = document.getElementById("right_pannel");	// get div id="right_pannel"
	
	if (noofTimes == 1){
		count_ravi++;
		if(count_ravi<3){
			leftColumn.style.height = leftColumn.offsetHeight + inc_height + "px";
			rightColumn.style.height = rightColumn.offsetHeight + inc_height + "px";
			
			linksColumn.style.height = linksColumn.offsetHeight + inc_height + "px";
		}
	}
	else {
		leftColumn.style.height = leftColumn.offsetHeight + inc_height + "px";
		rightColumn.style.height = rightColumn.offsetHeight + inc_height + "px";
			
		linksColumn.style.height = linksColumn.offsetHeight + inc_height + "px";
	}
}

// here i have decleare two color that appear in different tr

function ravi(){
	var tab_rows = document.getElementById('my_table').getElementsByTagName('tbody')[0].getElementsByTagName('tr');
	var color = new Array("#e7f6ff","#f0efef");
	for (i = 4; i <=tab_rows.length; i++){
		tab_rows[i].style.height = 18 + "px";
		if(i%2==0){
			tab_rows[i].style.backgroundColor = color[0];
		}
		else {
			tab_rows[i].style.backgroundColor = color[1];
		}
	}
}