// JavaScript Document
var ticketTime = 5;

function toggleDiv(thisDiv,otherDivId) {
  document.getElementById(thisDiv).style.display = "none";
  document.getElementById(otherDivId).style.display = "block";
}

function updateTicket(ticketid, sid) {

	new Ajax.Request('/account/ajax/ticketinfo.php', {
	method: 'post',
	parameters: {tid: ticketid},
		onSuccess: function(transport) {
			//alert(transport.responseText);
			var game = transport.responseXML.getElementsByTagName('gameinfo')[0];
			//alert(game.getAttribute('nowplaying'));
			var ticketitems = transport.responseXML.getElementsByTagName('tickitem');
			var songs = transport.responseXML.getElementsByTagName('song');
			
			// Update current song
			document.getElementById('nowplaying').innerHTML = urldecode(game.getAttribute('nowplaying'));
			
			// update songs on the left	
			var HTML='';
			
			for (var i=0;i<songs.length;i++) {
				var songname = urldecode(songs[i].getAttribute('bingonumber')+": "+songs[i].getAttribute('songname'));
				HTML += '<small>'+songname+'</small>';
			}
			$('songlist').innerHTML = HTML;

			
			// update ticket items
			$('ticketitems').innerHTML = "";
			for (var i=0;i<ticketitems.length;i++) {
				//var songid = ticketitems[i].getAttribute('songid');
				var songname = urldecode(ticketitems[i].getAttribute('songname'));
				var bingonumber = urldecode(ticketitems[i].getAttribute('bingonumber'));
				var type = ticketitems[i].getAttribute('type');
				//var row = ticketitems[i].getAttribute('row');
				//var col = ticketitems[i].getAttribute('col');
				var HTML='';
				//alert(type);
				if (type==1) { HTML = '<img style="cursor: pointer" src="/_images/bingocard/blue.jpg" onmouseover="Tip(\''+bingonumber+': '+songname+'\')" onmouseout="UnTip()" />'; }
				else if (type==2) { HTML = '<img style="cursor: pointer" src="/_images/bingocard/red.jpg" onmouseover="Tip(\''+bingonumber+': '+songname+'\')" onmouseout="UnTip()" />'; }
				else if (type==3) { HTML = ''; }
				
				$('ticketitems').innerHTML += '<div class="ticketcol">'+HTML+'</div>';
					
			}
			
			//update songlist on the left
			
			//var HTML='';
			//for (var x=1;x<ticketitems.length;x++) {
			//for (var i=0;i<songs.length;i++) {
			//	var songname = urldecode(ticketitems[i].getAttribute('songname'));
			//	var type = ticketitems[i].getAttribute('type');
			//	var type = ticketitems[i].getAttribute('type');
			//	
			//	HTML += '<small>'+songname+'</small>';
			//}
			//$('songlist').innerHTML = HTML;
			
		}
		
	});




	setTimeout("updateTicket("+ticketid+")", ticketTime*1000);
}

function urldecode( str ) {    
    var histogram = {}, histogram_r = {}, code = 0, str_tmp = [];
    var ret = str.toString();
    
    var replacer = function(search, replace, str) {
        var tmp_arr = [];
        tmp_arr = str.split(search);
        return tmp_arr.join(replace);
    };
    
    // The histogram is identical to the one in urlencode.
    histogram['!']   = '%21';
    histogram['%20'] = '+';
    
    for (replace in histogram) {
        search = histogram[replace]; // Switch order when decoding
        ret = replacer(search, replace, ret) // Custom replace. No regexing   
    }
    
    // End with decodeURIComponent, which most resembles PHP's encoding functions
    ret = decodeURIComponent(ret);
 
    return ret;
}