var ajax = new sack();
function whenLoading(){
	var e = document.getElementById(idname); 
	e.innerHTML = "<span class=\"more\">&nbsp;Loading...</span>";
}

function whenLoaded(){
	var e = document.getElementById(idname); 
	e.innerHTML = "<span class=\"more\">&nbsp;Loading...</span>";
}

function whenInteractive(){
	var e = document.getElementById(idname); 
	e.innerHTML = "<span class=\"more\">Getting data...</span>";
}

function getnews(tag, cat, period){
	idname = tag + period + cat;
	remove = document.getElementById(idname);
	if(remove) {
		if(remove.style.display == "inline") {
			remove.style.display = "none";
		}
		//remove.style.display = "none";
		else {
			ajax.setVar("tag", tag); // recomended method of setting data to be parsed.
			ajax.setVar("cat", cat);
			ajax.setVar("period", period);
			ajax.requestFile = "tagview.php";
			ajax.method = 'GET';
			ajax.element = tag + period + cat;
			ajax.onLoading = whenLoading;
			ajax.onLoaded = whenLoaded; 
			ajax.onInteractive = whenInteractive;
			ajax.runAJAX();
			remove.style.display = "inline";
		}
	}
}

//Switch between tabs and show the news
function shownews(period, cat) {
	if(period == "today") {
		//change class of tabs
		var w = document.getElementById('weeklink' + cat);
		w.className = 'tab';
		w = document.getElementById('monthlink' + cat);
		w.className = 'tab';
		w = document.getElementById('todaylink' + cat);
		w.className = 'tab activeTab';
		
		//hide and display tag sections appropriately
		var tsw = document.getElementById('week' + cat);
		if(tsw) {
			tsw.style.display = "none";
		}
		tsw = document.getElementById('month' + cat);
		if(tsw) {
			tsw.style.display = "none";
		}
		tsw = document.getElementById('today' + cat);
		if(tsw) {
			tsw.style.display = "block";
		}
	}
	
	if(period == "week") {
		//change class of tabs
		var w = document.getElementById('weeklink' + cat);
		w.className = 'tab activeTab';
		w = document.getElementById('monthlink' + cat);
		w.className = 'tab';
		w = document.getElementById('todaylink' + cat);
		w.className = 'tab';
		
		//hide and display tag sections appropriately
		var tsw = document.getElementById('week' + cat);
		if(tsw) {
			tsw.style.display = "block";
		}
		tsw = document.getElementById('month' + cat);
		if(tsw) {
			tsw.style.display = "none";
		}
		tsw = document.getElementById('today' + cat);
		if(tsw) {
			tsw.style.display = "none";
		}
	}
	
	if(period == "month") {
		//change class of tabs
		var w = document.getElementById('weeklink' + cat);
		w.className = 'tab';
		w = document.getElementById('monthlink' + cat);
		w.className = 'tab activeTab';
		w = document.getElementById('todaylink' + cat);
		w.className = 'tab';
		
		//hide and display tag sections appropriately
		var tsw = document.getElementById('week' + cat);
		if(tsw) {
			tsw.style.display = "none";
		}
		tsw = document.getElementById('month' + cat);
		if(tsw) {
			tsw.style.display = "block";
		}
		tsw = document.getElementById('today' + cat);
		if(tsw) {
			tsw.style.display = "none";
		}
	}			
}