var catContent = "<li class=\"title\"><strong class=\"sidebarHeading\">Other areas</strong></li>";
var firstRun = 0;
var currentCategory = 0;

function addCategory(category, id){

var myObj = document.getElementById('areas');
var newElement = "<li id='c"+id+"'><a href='javascript: changeCategory(\""+id+"\")'><strong>"+category+"</strong></a></li>";

var cookie = readCookie('lastActiveId');

if(firstRun == 0 && cookie == null) {
 newElement = "<li id='c"+id+"' class='active'><a href='javascript: changeCategory(\""+id+"\")'><strong>"+category+"</strong></a></li>";
}

if(cookie == id){
 newElement = "<li id='c"+id+"' class='active'><a href='javascript: changeCategory(\""+id+"\")'><strong>"+category+"</strong></a></li>";
}

myObj.innerHTML = "<ul>"+catContent + newElement+"</ul>";
catContent += newElement;

if(firstRun == 1){
 togglecategory(id, 1);
}

if(firstRun == 0){
 firstRun = 1;
 currentCategory = id;
}

checkCookie(id);

}

function changeCategory(id){
 if(id != currentCategory){
  togglecategory(id, 0);
  togglecategory(currentCategory,1);
  changeCategoryClass(id,currentCategory);
  currentCategory = id;
  setLastActive(id);
 }
}

function changeCategoryClass(id, oldId){
 var myObj = document.getElementById('c'+id);
 myObj.className = "active";
 if(oldId != -1){
  myObj = document.getElementById('c'+oldId); 
  myObj.className = "";
 }
}


function newTopic(id){
 var myObj = document.getElementById('buttonArea');
 myObj.innerHTML = '<div class="sidebarButton" style="padding-left: 0px"><a href="index.php?act=post&do=new_post&f='+id+'" title="New topic" class="blue shop"><img src="/skype_airlift/add_reply_topic_24x24.png" alt="New topic" title="New topic" /><span>New topic</span></a></div><br class="clear" />';
}

function newReply(url){
 var myObj = document.getElementById('buttonArea');
 myObj.innerHTML = '<div class="sidebarButton" style="padding-left: 0px"><a href="'+url+'" title="New reply" class="blue shop"><img src="/skype_airlift/add_reply_topic_24x24.png" alt="New reply" title="New reply" /><span style="vertical-align: middle">New reply</span></a></div><br class="clear" />';
 myObj = document.getElementById('qr_closed');
 myObj.style.display = "block";
}

function hideSidebar(){
 document.getElementById('sidebarWrapper').innerHTML = "";
}

function addToMyArea(content){
 var myObj = document.getElementById('myArea');
 myObj.innerHTML += content;
}

function checkCookie(id){
 var cookie = readCookie('lastActiveId');
 if(cookie==null)
 {
	setLastActive(id);
 }
 else if(cookie==id)
 {
	changeCategory(id);
 }
 return cookie;
}

function setLastActive(id){
 createCookie('lastActiveId',id,7);
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}