var leftcol_width = 0;
var leftcol = 0;
var rightcol = 0;
var maincol = 0;
var resizeSideBarflag = 0;
var m_save = 0;
var l_width = 0;
var curside = 0;

restore = function(id, width) {
	var side = document.getElementById(id);
	if (id=='rightside') {
		side.style.marginLeft = '-'+width;
		maincol.style.marginRight = width;
	} else {
		maincol.style.marginLeft = width;
	}
	side.style.width = width;
	document.getElementById(id+'_content').style.visibility='visible';
	side.className = '';
	setCookie('vside_'+side.id, '0');
}
	
toggleSideBar = function (event) {
	var button = (event.srcElement) ? event.srcElement : event.originalTarget;
	var div = button.parentNode;
	toggle(div.parentNode);
	if (event.stopPropagation) event.stopPropagation();
	if (event.preventDefault)  event.preventDefault();
	event.returnValue  = false;
	event.cancelBubble = true;
	return false;
}

toggle = function(content) {
	var side = content.parentNode;
	if (content.style.visibility!='hidden') {
		content.style.visibility='hidden';
		side.className = 'restore';

		var restoreWidth = 0;
		if (side.id == 'rightside') {
			side.style.marginLeft = '-17px';
			restoreWidth = '170px';
			maincol.style.marginRight = '17px';
			side.style.width = '17px';
		} else {
			restoreWidth = (side.offsetWidth / maincol.offsetParent.offsetWidth * 100) + '%';
			maincol.style.marginLeft = '17px';
			side.style.width = '17px';
		}
		setCookie('vside_'+side.id, restoreWidth);
		side.onclick = function () { restore(side.id,  restoreWidth); }
	}
}

function sideBarsInit() {
	leftcol = document.getElementById('leftside');
	rightcol = document.getElementById('rightside');
	maincol = document.getElementById('main');
	
	var val;
	if (null!=(val = getCookie('vside_rightside'))) {
		if (val!='0') toggle(document.getElementById('rightside_content'));
	}
	if (null!=(val = getCookie('vside_leftside'))) {
		if (val!='0') toggle(document.getElementById('leftside_content'));
	}
}

addLoadEvent(sideBarsInit);