Event.observe(window, 'load', function() {
 	initGridState();
});

function initGridState (){
	$$('.grid_box').each(function(n){
		var gid = n.id;
		sid = getGridState(gid);
		if (sid != '1' && sid != '2')
		{
			sid = '1';
			setCookie(gid, sid);
		}
		changeState(gid, sid);
	});
	$$('.grid_loading').each(function(a){a.setStyle({display: 'none'});});
	$$('.grid_container').each(function(a){a.setStyle({display: 'block'});});
}

function setCookie (name, value, expires, path, domain, secure) {
      document.cookie = name + "=" + escape(value) +
        ((expires) ? "; expires=" + expires : "") +
        ((path) ? "; path=" + path : "") +
        ((domain) ? "; domain=" + domain : "") +
        ((secure) ? "; secure" : "");
}
function getCookie(name) {
       var cookie = " " + document.cookie;
       var search = " " + name + "=";
       var setStr = null;
       var offset = 0;
       var end = 0;
       if (cookie.length > 0) {
          offset = cookie.indexOf(search);
          if (offset != -1) {
             offset += search.length;
             end = cookie.indexOf(";", offset)
             if (end == -1) {
                 end = cookie.length;
             }
             setStr = unescape(cookie.substring(offset, end));
          }
       }
       return(setStr);
}

function setGridState (gid, sid){
	setCookie(gid, sid);
}
function getGridState (gid){
	cookie = getCookie(gid);
	if (cookie != "1" && cookie != "2")
	{
		if ($(gid).hasClassName('online_users_grid')) {
			var grid_state = "2";
		} else {
			var grid_state = "1";
		}
		setGridState(gid, grid_state);
		return grid_state;
	}
	return cookie;
}

function changeState(gid, sid){
	//var sid = getGridState(gid);
	if (sid !="1" && sid !="2")
	{
		sid = "1";
	}
	var grid_id = gid.substr(5);
	setGridState(gid, sid);
	$$('.tab_'+ grid_id).each(function(n){
		if (n.hasClassName('tab_active'))
		{
			n.removeClassName('tab_active');
			n.addClassName('tab_unactive');
		}
	});
	$('li_' + grid_id + '_' + sid).removeClassName('tab_unactive');
	$('li_' + grid_id + '_' + sid).addClassName('tab_active');

	if ($('tab_' + grid_id + '_' + sid).hasClassName('tab_grid'))
	{
		$$('#' + gid + ' .grid_container').each(function(a){a.addClassName('grid_sm');});
		$$('#' + gid + ' .grid_ext_info').each(function(b){b.setStyle({display: 'none'})});
	}
	else
	{
		$$('#' + gid + ' .grid_container').each(function(a){a.removeClassName('grid_sm');});
		$$('#' + gid + ' .grid_ext_info').each(function(b){b.setStyle({display: 'block'})});
	}

}