// JavaScript Document
var div_id = "";
function xmlhttpPost(strURL, strContent) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText);
        }
    }
    self.xmlHttpReq.send(strContent);
}

function go(which,url,_div_id)
{
 div_id = _div_id; 
 xmlhttpPost(url,which.name+which.value);
}

function goLink(url,_div_id,_values_)
{
 div_id = _div_id;
 xmlhttpPost(url,_values_);
}

function updatepage(str){
    document.getElementById(div_id).innerHTML = str;
}

function voters() {
	var voters_chart = document.getElementById('voters_chart');
	var voters_voters = document.getElementById('voters_voters');
	var voters_content = document.getElementById('voters_content');
	var voters_holder = document.getElementById('voters_holder');
	var chart_holder = document.getElementById('chart_holder');
	voters_chart.innerHTML = '<a href="#" onclick="return chart();">CHART</a>';
	voters_voters.innerHTML = 'VOTERS';
	voters_holder.style.display = '';
	chart_holder.style.display = 'none';
	return false;
}


function chart() {
	var voters_chart = document.getElementById('voters_chart');
	var voters_voters = document.getElementById('voters_voters');
	var voters_content = document.getElementById('voters_content');
	var voters_holder = document.getElementById('voters_holder');
	var chart_holder = document.getElementById('chart_holder');
	voters_chart.innerHTML = 'CHART';
	voters_voters.innerHTML = '<a href="#" onclick="return voters()">VOTERS</a>';
	//voters_content.innerHTML = '<div class="voters_content_item"><div class="voters_content_text_light"><a href="#">View Full Chart</a></div></div><div class="voters_content_item"><div class="voters_content_text">1.</div><a href="#"><div class="voters_content_img"><img src="users/11/image/IceAge2_t.jpg" width="45" class="borderimg" /></div><div class="voters_content_text">Track Name 1<br/>Rating: 25</div></a></div><div class="voters_content_item"><div class="voters_content_text">2.</div><a href="#"><div class="voters_content_img"><img src="users/11/image/IceAge2_t.jpg" width="45" class="borderimg" /></div><div class="voters_content_text">Track Name 2<br/>Rating: 24</div></a></div><div class="voters_content_item"><div class="voters_content_text">3.</div><a href="#"><div class="voters_content_img"><img src="users/11/image/IceAge2_t.jpg" width="45" class="borderimg" /></div><div class="voters_content_text">Track Name 3<br/>Rating: 19</div></a></div><div class="voters_content_item"><div class="voters_content_text">4.</div><a href="#"><div class="voters_content_img"><img src="users/11/image/IceAge2_t.jpg" width="45" class="borderimg" /></div><div class="voters_content_text">Track Name 4<br/>Rating: 17</div></a></div><div class="voters_content_item"><div class="voters_content_text">5.</div><a href="#"><div class="voters_content_img"><img src="users/11/image/IceAge2_t.jpg" width="45" class="borderimg" /></div><div class="voters_content_text">Track Name 5<br/>Rating: 12</div></a></div>';
	voters_holder.style.display = 'none';
	chart_holder.style.display = '';
	return false;
}