function $(id) { return document.getElementById(id); }

function getHTTPObject() { 
	if( typeof XMLHttpRequest != 'undefined') {
		 return new XMLHttpRequest();
	 }
	 try { 
		return new ActiveXObject("Msxml2.XMLHTTP");
	 } catch (e) { 
		try { 
			return new ActiveXObject("Microsoft.XMLHTTP"); 
		} catch (e) {} 
	 } 
	return false; 
}
var xmlHttpObj = getHTTPObject();
var ajax = {
        xmlHttp : xmlHttpObj,
        request : function(method, url, callback) {      	
		var xmlObj = this.xmlHttp;
		if( xmlObj.readyState == 1 || xmlObj.readyState == 2 || xmlObj.readyState == 3 ) 
			xmlObj.abort();
		xmlObj.open(method,url, true);
                xmlObj.onreadystatechange = function() {
                	if( xmlObj.readyState == 4 && xmlObj.status == 200 ) {
				callback(xmlObj.responseText);
               		}
        	}
                xmlObj.send(null);
        }	
}

function replaceMain(responseText) {
	$('tabs-main').innerHTML = responseText;
}

function sortByVote() {
	$('ratedDiv').innerHTML = '<div class="adiv" style="width:6em" onclick="sortByRating(); return false;">Top Rated</div>';
	$('votedDiv').innerHTML = '<span style="width:6em">Most Voted</span>';
	$('commentedDiv').innerHTML = '<div class="adiv" style="width:10em" onclick="sortByComment(); return false;">Most Comments</div>';
	$('tab-contents').innerHTML = '<img src="/graphics/gif/ajax-loader.gif">';
	ajax.request('GET', '/strutsActions/getRankings?queryType=most_voted', replaceMain); 
}

function sortByComment() {
	$('ratedDiv').innerHTML = '<div class="adiv" style="width:6em" onclick="sortByRating(); return false;">Top Rated</div>';
	$('votedDiv').innerHTML = '<div class="adiv" style="width:6em" onclick="sortByVote(); return false;">Most Voted</div>';
	$('commentedDiv').innerHTML = '<span style="width:10em">Most Comments</span>';
	$('tab-contents').innerHTML = '<img src="/graphics/gif/ajax-loader.gif">';
	ajax.request('GET', '/strutsActions/getRankings?queryType=most_commented', replaceMain); 
}
function sortByRating() {
	$('ratedDiv').innerHTML = '<span style="width:6em">Top Rated</span>';
	$('votedDiv').innerHTML = '<div class="adiv"style="width:6em" onclick="sortByVote(); return false;">Most Voted</div>';
	$('commentedDiv').innerHTML = '<div class= "adiv" style="width:10em" onclick="sortByComment(); return false;">Most Comments</div>';
	$('tab-contents').innerHTML = '<img src="/graphics/gif/ajax-loader.gif">';
	ajax.request('GET', '/strutsActions/getRankings?queryType=most_score', replaceMain); 
}