// JavaScript Document

//functions

//developed by LT
//September 21, 2009

//Dreamweaver mouse over code
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//Navigation, array for image to be used as navigation background
var div_bgs = ['info_mid_bd_right_music_post_on.jpg', 'info_mid_bd_right_rslts_post_on.jpg', 'info_mid_bd_right_fun_post_on.jpg', 'info_mid_bd_right_post_off.jpg', 'info_mid_bd_right_music_on.jpg', 'info_mid_bd_right_tckt_on.jpg', 'info_mid_bd_right_fun_on.jpg', 'info_mid_bd_right_off.jpg'];

//Navigation, pre-draw navigation layers and links.
var myNavA = '<div id="bttn_music" onMouseOver="changeBGIMG(4);" onMouseOut="changeBGIMG(7)"><a href="music_video.html"><img src="images/spacer.gif" alt="Music and Video" title="Music and Video" width="100%" height="100%" border="0"></a></div><div id="bttn_results" onMouseOver="changeBGIMG(5);" onMouseOut="changeBGIMG(7)"><a href="pdfs/rfl_t2009_results.pdf"><img src="images/spacer.gif" alt="Ticket Info" title="Ticket Info" width="100%" height="100%" border="0"></a></div><div id="bttn_fun" onMouseOver="changeBGIMG(6);" onMouseOut="changeBGIMG(7)"><a href="flava_fun.html"><img src="images/spacer.gif" alt="Fun with Flava" title="Fun with Flava" width="100%" height="100%" border="0"></a></div>';

//Navigation, post-draw navigation layers and links.
var myNavB = '<div id="bttn_music" onMouseOver="changeBGIMG(0);" onMouseOut="changeBGIMG(3)"><a href="music_video.html"><img src="images/spacer.gif" alt="Music and Video" title="Music and Video" width="100%" height="100%" border="0"></a></div><div id="bttn_results" onMouseOver="changeBGIMG(1);" onMouseOut="changeBGIMG(3)"><a href="pdfs/rfl_t2009_results.pdf"><img src="images/spacer.gif" alt="Results and Info" title="Results and Info" width="100%" height="100%" border="0"></a></div><div id="bttn_fun" onMouseOver="changeBGIMG(2);" onMouseOut="changeBGIMG(3)"><a href="flava_fun.html"><img src="images/spacer.gif" alt="Fun with Flava" title="Fun with Flava" width="100%" height="100%" border="0"></a></div>';

//Navigation, function to swap background images.
function changeBGIMG(img_id){
	document.getElementById('ol_bd_rght').innerHTML = '<img src="images/' + div_bgs[img_id] + '">';
}

//Countdown clock.
//initialize clock at 0
var sec_remain = 0;

//function to initialize countdown
function timeExam() {
	$.ajax(
		{
			//get start time from time.php
			url : "time.php", success : function (data) 
			{
				//if time remaining is >= than 1 second
				if (data >= 1){
					$("#rfl_timer").html(data);
					sec_remain = data;
					
					show_time();
				}
				else {
					//timer is set to zero out if time is <= 0 seconds remaining
					end_message = "<img src=\"images/numbers/osln_0.gif\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/label_days.jpg\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/osln_0.gif\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/label_hours.jpg\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/osln_0.gif\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/label_minutes.jpg\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/osln_0.gif\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/label_seconds.jpg\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\">";
					
					//display the time out message.
					$("#rfl_timer").html(end_message);	
				}
			}
		});
}

//function to initialize tickets remaining counter
function  ticExam() {
	$.ajax(
		{
			//get tic remaining from tic_count.pgp
			url : "tic_count.php", success : function (data) 
			{
				//call function to print tickets remaining with formatting.
				print_tics(data);
			}
		});
}

//function to initialize navigation
function  NavExam() {
	$.ajax(
		{
			//get time remaining to determine which navigation to use.
			url : "time.php", success : function (data) 
			{
				if (data >= 1){
					document.getElementById('ol_bd_rght').style.background = 'url(images/info_mid_bd_right_off.jpg)';
					$("#nav_box").html(myNavA);

				}
				else {
					
					document.getElementById('ol_bd_rght').style.background = 'url(images/info_mid_bd_right_post_off.jpg)';
					$("#nav_box").html(myNavB);
				}
			}
		});
}

//render tickets remaining with formatting.
function print_tics(data){
	var return_tic_format = "";
	myTics = "" +data;
	if(data >= 1){
		for (i = 0; i < myTics.length; i++){
			if (myTics.length - i == 3 && myTics.length != 3) {
				return_tic_format += "<img src='images/numbers/osln_comma.gif'> ";
			}
			return_tic_format += "<img src='images/numbers/osln_" + myTics.substr(i, 1) + ".gif'> ";
		}
		return_tic_format += "<img src='images/numbers/label_ticket.jpg'> ";
	}
	else {
		return_tic_format += "<img src='images/numbers/osln_soldout.gif'> ";
	}
	
	$("#rfl_tics_remain").html(return_tic_format);
}

//render time remaining with formatting.
function sectotime(){
	var return_timer_format = "";
	//calculate days remaining
	days = Math.floor(sec_remain/86400);
	myDays = "" +days;  
	
	if (days < 10) {
		return_timer_format += "<img src='images/numbers/osln_" + days + ".gif'> <img src=\"images/numbers/label_days.jpg\" border=\"0\" alt=\"\"> ";
	}
	else {
		return_timer_format += "<img src='images/numbers/osln_" + myDays.substr(0, 1) + ".gif'> <img src='images/numbers/osln_" + myDays.substr(1, 2) + ".gif'> <img src=\"images/numbers/label_days.jpg\" border=\"0\" alt=\"\"> ";
	}

	//calculate hours remaining
	hours = Math.floor(sec_remain/3600) - (days*24);
	myHours = "" +hours;
	if (hours < 10) {
		return_timer_format += " <img src='images/numbers/osln_" + hours + ".gif'> <img src=\"images/numbers/label_hours.jpg\" border=\"0\" alt=\"\"> ";
	}
	else {
		return_timer_format += "<img src='images/numbers/osln_" + myHours.substr(0, 1) + ".gif'> <img src='images/numbers/osln_" + myHours.substr(1, 2) + ".gif'> <img src=\"images/numbers/label_hours.jpg\" border=\"0\" alt=\"\"> ";
	}
	
	//calculate minutes remaining
	minutes = Math.floor((sec_remain - ((days*86400) + (hours*3600)))/60);
	myMinutes = "" +minutes;
	if (minutes < 10) {
		return_timer_format += " <img src='images/numbers/osln_" + minutes + ".gif'> <img src=\"images/numbers/label_minutes.jpg\" border=\"0\" alt=\"\"> ";
	}
	else {
		return_timer_format += "<img src='images/numbers/osln_" + myMinutes.substr(0, 1) + ".gif'> <img src='images/numbers/osln_" + myMinutes.substr(1, 2) + ".gif'> <img src=\"images/numbers/label_minutes.jpg\" border=\"0\" alt=\"\"> ";
	}
	
	//calculate seconds remaining
	seconds = Math.floor(sec_remain - ( (days*86400)+(hours*3600)+(minutes * 60)));
	mySeconds = "" +seconds;
	if (seconds < 10) {
		return_timer_format += " <img src='images/numbers/osln_0.gif'> <img src='images/numbers/osln_" + seconds + ".gif'> <img src=\"images/numbers/label_seconds.jpg\" border=\"0\" alt=\"\"> ";
	}
	else {
		return_timer_format += "<img src='images/numbers/osln_" + mySeconds.substr(0, 1) + ".gif'> <img src='images/numbers/osln_" + mySeconds.substr(1, 2) + ".gif'> <img src=\"images/numbers/label_seconds.jpg\" border=\"0\" alt=\"\"> ";
	}
	
	//render formatted time remaining
	$("#rfl_timer").html(return_timer_format);
}

//function to countdown the clock.
function show_time (){
	if (sec_remain >= 1) {
		sec_remain -= 1;
		sectotime();
		x=setTimeout("show_time()",1000);
	}
	else {
		end_message = "<img src=\"images/numbers/osln_0.gif\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/label_days.jpg\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/osln_0.gif\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/label_hours.jpg\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/osln_0.gif\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/label_minutes.jpg\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/osln_0.gif\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\"> <img src=\"images/numbers/label_seconds.jpg\" border=\"0\" alt=\"Drawing took place on November 24\" title=\"Drawing took place on November 24\">";
		$("#rfl_timer").html(end_message);	
	}
}

function toggle_player_reg(state){
	switch(state){
		case "reveal_player_reg":
		document.getElementById('ol_content_player_reg').style.visibility = "visible";
		break;
		case "hide_player_reg":
		document.getElementById('ol_content_player_reg').style.visibility = "hidden";
		break;
	}
}