var xmlHttp;
var func;
function voteMatch(matchId, teamId, userId)
{ 
    func = 'voteMatch';
    xmlHttp = GetXmlHttpObject();
    
    if (xmlHttp == null) {
        alert ("Browser does not support HTTP Request");
        return;
    }
    
    var url = "pages/match_vote.php";
    url = url + "?mid=" + matchId;
    url = url + "&tid=" + teamId;
    url = url + "&uid=" + userId;
  
    xmlHttp.onreadystatechange = stateChanged;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}

function stateChanged() 
{ 
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") { 
            var results = new Array();
            results = xmlHttp.responseText.toString().split(':');
            
            // echo ("$matchId:$teamAId:$teamBId:$team:$teamFavored:$totalVotes:$teamAPercent:$teamBPercent");
            var matchId = results[0];
            var teamAId = results[1];
            var teamBId = results[2];
            var team = results[3];
            var teamFavored = results[4];
            var totalVotes = results[5];
            var teamAPercent = results[6];
            var teamBPercent = results[7];
            var teamAVotes = results[8];
            var teamBVotes = results[9];

            matchId = matchId.replace("\n", "");
            var teamAProgressBarId = "team" + teamAId.toString() + "_" + matchId.toString() + "votebar";
            var teamBProgressBarId = "team" + teamBId.toString() + "_" + matchId.toString() + "votebar";            
            var teamAProgressBarContainerId = "team" + teamAId.toString() + "_" + matchId.toString() + "votebarcontainer";
            var teamBProgressBarContainerId = "team" + teamBId.toString() + "_" + matchId.toString() + "votebarcontainer";            
            
            var teamAProgressBar = document.getElementById(teamAProgressBarId);
            var teamBProgressBar = document.getElementById(teamBProgressBarId);
            var teamAProgressBarContainer = document.getElementById(teamAProgressBarContainerId);
            var teamBProgressBarContainer = document.getElementById(teamBProgressBarContainerId);
                        
            teamAProgressBar.style.width = teamAPercent;
            teamBProgressBar.style.width = teamBPercent;
            var newTitle = teamAProgressBarContainer.title;
            newTitle = newTitle.substr(0, newTitle.lastIndexOf('('));
            newTitle += "(" + teamAVotes.toString() + " votes - " + teamAPercent + ")";
            teamAProgressBarContainer.title = newTitle;

            newTitle = teamBProgressBarContainer.title;
            newTitle = newTitle.substr(0, newTitle.lastIndexOf('('));
            newTitle += "(" + teamBVotes.toString() + " votes - " + teamBPercent + ")";
            teamBProgressBarContainer.title = newTitle;            

            if (teamFavored == 1) {
                teamAProgressBar.style.backgroundColor = "#00FF00";
                teamBProgressBar.style.backgroundColor = "#FF0000";    
            }
            else if (teamFavored == 2) {
                teamAProgressBar.style.backgroundColor = "#FF0000";
                teamBProgressBar.style.backgroundColor = "#00FF00";            
            }
            else if (teamFavored == 0) {
                teamAProgressBar.style.backgroundColor = "#0B67B8";
                teamBProgressBar.style.backgroundColor = "#0B67B8";            
            }
            
            var footerBarId = "match" + results[0] + "totalvotes";
            footerBarId = footerBarId.replace("\n","");
            var footerBar = document.getElementById(footerBarId);

            footerBar.innerHTML = totalVotes.toString() + " Votes";
            
            
    } 
}

function GetXmlHttpObject()
{
    xmlHttp = null;
    try {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    }
    catch (e1) {
        //Internet Explorer
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e2) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    
    return xmlHttp;
}