var loginType = "login";
var changeType = "change";

function alertBox(text, alignment, title)
{
	alignment = "style='text-align:"+alignment+";'";
	title = "<h1 class='faceboxTitle'>"+title+"</h1>";
	$.facebox(title+"<p "+alignment+">"+text+"</p>");	
}

function smallAlert(text, alignment, title, size)
{
	alignment = "style='text-align:"+alignment+";'";
	title = "<"+size+" class='faceboxTitle'>"+title+"</"+size+">";
	$.facebox(title+"<p "+alignment+">"+text+"</p>");
}

function closeBox()
{
	$(document).trigger('close.facebox');	
}

function errorCheck(data)
{
	return data.substring(0,3) == "<p>";
}

function clearMain()
{
	var main = $("#main");
	main.children().remove();	
	main.scrollTop(0);	
}

function enterCheck(e, test)
{
	if (e.keyCode == 13 && test == "login")
		loginCheck();
	else if (e.keyCode == 13 && test == "change")
		changePass();
	else if (e.keyCode == 13 && test != "change")
		emailList(test);
}

function login()
{	
	if ($("#log").html() == "Log-Out")
		logout($("#log"));
	else
	{
		jQuery.facebox('<h1 class="faceboxTitle">Runner Log-In</h1><form id="logIn" method="post" style="text-align:center;"><p><label id="mainLabel">Name:</label><input name="logName" style="margin-left: 20px; margin-bottom: 5px;" type="text" id="logName" alt="Name" maxlength="50" size="20"/><br /><label id="passLabel">Password:</label><input type="password" name="pass" id="pass" style="margin-left: 2px; margin-bottom: 5px;" alt="Password" onkeydown="enterCheck(event, loginType);" size="20" /><br /><label id="newPassLabel">New Password:</label><input type="password" name="newPass" id="newPass" alt="Password" onkeydown="enterCheck(event, changeType);" size="20" /><br /><input type="button" name="login" id="loginSubmit" value="Log-In" onclick="loginCheck();" /><input type="button" name="cancel" id="cancel" value="Cancel" onclick="closeBox();" /><br /><input type="button" name="passwordForgot" id="passwordForgot" value="Forgot Password" onclick="forgotPass();" /><input type="button" name="passwordChange" id="passwordChange" value="Change Password" onclick="changePass();" /></p></form>');
		
		$("#passwordForgot").css('visibility','visible');
		$("#passwordChange").css('visibility','visible');

		var mainButton = $("#loginSubmit").val("Log-In");
		$("#passLabel").html("Password:");
		$("#logName").focus();
		
		mainButton.click(function() {
			var name = $("#logName").val();
			var pass = $("#pass").val();
			jQuery.post("login.php", {name: name, pass: pass}, function(data){checkPass(data);});
		});
		
		$("#newPass").css('visibility','hidden');
		$("#newPassLabel").css('visibility','hidden');
	}
}

function loginCheck()
{
	var name = $("#logName").val();
	var pass = $("#pass").val();
	$.post("login.php", {name: name, pass: pass}, function(data){checkPass(data);});	
}

function logout(logLink)
{
	logLink.html("Log-In");
	$.get("logout.php", function(data){window.location = "index.php";});
}

function checkPass(data)
{
	if (errorCheck(data))
		alertBox(data, "center", "Error");					
	else
	{
		$("#log").html("Log-Out");
		closeBox();
		runs();
	}
}

function forgotPass()
{
	var name = $("#logName").val();
	$.post("password.php", {name: name}, function(data){confirmPass(data);});
}

function confirmPass(data)
{
	if (errorCheck(data))
		alertBox(data, "center", "Error");
	else
		alertBox(data, "center", "Password Sent");
}
	
function changePass()
{
	$("#passwordForgot").css('visibility','hidden');
	$("#passwordChange").css('visibility','hidden');		
	$("#newPass").css('visibility','visible');
	$("#newPassLabel").css('visibility','visible');		
		
	var mainButton = $("#loginSubmit").val("Change Password");
	$("#passLabel").html("Old Password:");
		
	mainButton.click(function() {
		var name = $("#logName").val();
		var oldPass = $("#pass").val();
		var newPass = $("#newPass").val();
		
		$.post("passChange.php", {name: name, pass: oldPass, newPass: newPass}, function(data){confirmPass(data);});
	});
}

function email()
{
		$.facebox('<h1 class="faceboxTitle">Mailing List</h1><form method="post" action=""><p><label>Email: </label><input name="email" id="emailBox" type="text" maxlength="75" onkeydown="enterCheck(event, this.form);"/><br /><input type="button" class="button" id="addEmail" onclick="emailList(this.form);" value="Sign Up: Email Updates" /></p></form>');
	
		$("#emailBox").focus();
}

function emailList(form)
{
	form.email.blur();
	var email = form.email.value;
	var emailTest = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	
	if (emailTest.test(email))
		$.post("signup.php", {email: email}, function(data){alertBox(data, "left", "Mailing List");});
	else
		alertBox("You did not enter a valid email address.", "center", "Error");
}

function miles()
{	
	$.get("miles.php", function(data){showMiles(data);});
}
	
function showMiles(data)
{
	var milesRun = data.split("*");
	$("#runs").html("Team Miles Run: " + milesRun[0]);
				
	if (document.getElementById("miles"))
		$("#miles").html("Your Miles Run: " + milesRun[1] + " miles");
				
	if (document.getElementById("pace"))
	{
		var pace = $("#pace").find(":nth-child(1)").remove();
		pace.append("Your Race Pace: " + milesRun[2] + ":" + milesRun[3] + " per mile");					
	}
}

function schedule()
{	
	$.get("schedule.php", function(data){showSchedule(data);});
}

function showSchedule(data)
{
	var meets = data.split("*");
	
	if (errorCheck(data))
		alertBox(data, "center", "Error");
	else
	{
		var main = $("#main").css('text-align','center');
		clearMain();
		main.append('<h1>Season Schedule');

		var newTable = '<table border="1" align="center"><tr><th>Meet (Click for Map)</th><th>Date</th><th>Time</th></tr>';
		var num = meets.length-1;
		for (i=0; i<num; i++) 
		{
			if ((i % 4) == 0)
			{	
				newTable += '</tr><tr>';
				if (meets[i + 3] != "#")
				{
					meets[i + 3] = meets[i + 3].replace("&amp;", "&");
					meets[i + 3] = meets[i + 3].replace("&amp;", "&");
					newTable += '<td><a href="'+meets[i + 3]+'" target="_blank">'+meets[i]+'</a></td>';
				}
				else
					newTable += '<td>'+meets[i]+'</td>';
			}
			else if (((i - 3) % 4) != 0)
				newTable += '<td>'+meets[i]+'</td>';
		}
	}
	main.append(newTable);
}

function showGallery()
{
	var main = $("#main").css('text-align','center');
	clearMain();
	main.append('<h1>Photo Gallery</h1><img src="images/loading.gif" />');
	$.get("gallery.php", function(data){view(data);});	
}

function view(data)
{
	$("#main :last-child").remove();
	$("#main").append(data);
}

function showAlbum(albumName, start)
{
	var main = $("#main").css('text-align','center');
	clearMain();
	main.append('<h1>'+albumName.substring(3)+'</h1><img src="images/loading.gif" />');
	$.post("album.php", {name: albumName, start: start}, function(data){view(data);});	
}

function faq()
{
	var main = $("#main").css('text-align','center');
	clearMain();
	main.append('<h1>Cross Country FAQ</h1><img src="images/loading.gif" />');
	$.get("faq.php", function(data){main.css('text-align','left'); view(data);});
}

function records()
{
	var main = $("#main").css('text-align','center');
	clearMain();
	main.append('<h1>Results and Records</h1><img src="images/loading.gif" />');
	$.get("awards.php", function(data){showAwards(data);});
}

function showAwards(data)
{
	var main = $("#main").css('text-align','left');
	clearMain();
	main.append('<h1>Results and Records');
	var links = '<div style="text-align: center"><hr/><a href="#awards">Accomplishments &amp; Awards</a> | <a href="#captains">Captains</a> | <a href="#records">Records</a> | <a href="#result">Results</a><br/><hr/></div>';
	main.append('<a name="awards"></a>'+links+data);
	$.get("captains.php", function(data){showCaptains(data,main,links);});
}

function showCaptains(data,main,links)
{
	main.append('<a name="captains"></a>'+links+data);
	$.get("records.php", function(data){showRecords(data,main,links);});
}

function showRecords(data,main,links)
{
	var records = data.split("*")[0];
	var years = data.split("*");
	main.append(links+'<a name="records"></a>'+records+'<br/><a name="result"></a>'+links);
	
	var num = years.length;
	var recordsText="";
	for (i=1;i<num;i++)
		recordsText+='<a href="javascript:results(\''+years[i]+'\');">'+years[i]+' Results</a><br/>';
	
	recordsText+='<div id="results" style="width: 400px; padding: 2px;"></div>';
	main.append(recordsText);
	
	results(years[1],main);
}

function results(year,main)
{
	$.post("meets.php", {year: year}, function(data){updateResults(data,year,main);});
}

function updateResults(data,year,main)
{
	var runners = data.split("#")[0].split("*");
	var meets = data.split("#")[1].split("*");
	var resultsText = '<div style="position: absolute; right: 10px; width: 300px; padding: 2px; text-align: right;"><h2>Meet Results</h2>';
	var results = $("#results");
	results.children().remove();

	var num = meets.length-1;
	for (i=0;i<num;i++)
	{
		meetName = meets[i].replace(/[(]\d-\d\d[)]/, "");
		meetName = meetName.replace(/[(]\d\d-\d\d[)]/, "");
		meetDate = meets[i].substring(meets[i].length-6);
		resultsText+='<a href="javascript:meetResults(\''+meetName+'\',\''+year+meetDate+'\');">'+meets[i]+'</a><br/>';
	}			
	
	resultsText+='</div><h2>Runner Results</h2>';
	var num = runners.length-1;		
	for (i=0;i<num;i++) 
		resultsText+='<a href="javascript:runnerResults(\''+runners[i]+'\','+year+');">'+runners[i]+'</a><br/>';
	
	results.append(resultsText);
}

function runnerResults(runner, year)
{
	$.facebox(function(){$.post("meets.php", {runner: runner, currentYear: year}, function(data){updateRunnerResults(data);})});
}

function updateRunnerResults(data)
{
	var maxMiles = data.split("#")[0]
	var runner = data.split("#")[1];
	var races = data.split("#")[2].split("*");
	var results = $("#div");
	
	var num = races.length-1;
	var resultsText = "";
	if (maxMiles == 2)
		var divisor = 4;
	else
		var divisor = 5;
	for (i=0;i<num;i++) 
	{
		if ((i % divisor) == 0)
			resultsText+="<h3>Race: "+races[i]+"</h3>";
		else if (((i - 1) % divisor) == 0 )
			resultsText+="Time: "+races[i].replace(/^[0]+/g,"")+"<br/>";
		else if (((i - 2) % divisor) == 0 )
			resultsText+="Mile 1: "+races[i].replace(/^[0]+/g,"")+"<br/>";
		else if (((i - 3) % divisor) == 0 )
			resultsText+="Mile 2: "+races[i].replace(/^[0]+/g,"")+"<br/>";
		else if (maxMiles == 3)
			resultsText+="Mile 3: "+races[i].replace(/^[0]+/g,"")+"<br/>";
	}
	smallAlert(resultsText,"left",runner,"h2");
}

function meetResults(meet, year)
{
	$.facebox(function(){$.post("meets.php", {meet: meet, currentYear: year}, function(data){updateMeetResults(data);})});
}

function updateMeetResults(data)
{
	var maxMiles = data.split("#")[0]
	var meet = data.split("#")[1];
	var runners = data.split("#")[2].split("*");
	var results = $("#div");
	
	var num = runners.length-1;
	var resultsText = "";
	if (maxMiles == 2)
		var divisor = 4;
	else
		var divisor = 5;
	for (i=0;i<num;i++) 
	{
		if ((i % divisor) == 0)
			resultsText+="<h3>Runner: "+runners[i]+"</h3>";
		else if (((i - 1) % divisor) == 0 )
			resultsText+="Time: "+runners[i].replace(/^[0]+/g,"")+"<br/>";
		else if (((i - 2) % divisor) == 0 )
			resultsText+="Mile 1: "+runners[i].replace(/^[0]+/g,"")+"<br/>";
		else if (((i - 3) % divisor) == 0 )
			resultsText+="Mile 2: "+runners[i].replace(/^[0]+/g,"")+"<br/>";
		else if (maxMiles == 3)
			resultsText+="Mile 3: "+runners[i].replace(/^[0]+/g,"")+"<br/>";
	}
	smallAlert(resultsText,"left",runner,"h4");
}

function links()
{
	var main = $("#main").css('text-align','center');
	clearMain();
	$.get("links.php", function(data){main.css('text-align','left'); view(data);});	
}

function runs()
{
	var main = document.getElementById("main");
	main.style.textAlign = "center";
				
	if ( main.hasChildNodes() )
	{
		while ( main.childNodes.length >= 1 )
    		main.removeChild(main.firstChild);       
	}
	
	main.scrollTop = 0;
				
	var newTitle = document.createElement("h1");
	newTitle.id = "runTitle";
	newTitle.appendChild(document.createTextNode("Example Run"));
	main.appendChild(newTitle);
	
	var newDiv = document.createElement("div");
	var newLink = document.createElement("a");
	newLink.href = "http://www.runningahead.com/maps/12d7c941359b47aba918dcc2bc117b3c";
	newLink.target = "_blank";
	newLink.id = "map";
	newLink.appendChild(document.createTextNode("View Route Map"));
	newDiv.appendChild(newLink);
	newTitle = document.createElement("h2");
	newTitle.id = "miles";
	newTitle.appendChild(document.createTextNode("Your Miles Run: 0 miles"));
	newDiv.appendChild(newTitle);
	newTitle = document.createElement("h2");
	newTitle.id = "pace";
	newTitle.appendChild(document.createTextNode("Your Race Pace: 0:00 per mile"));
	newDiv.appendChild(newTitle);
	main.appendChild(newDiv);

	newDiv = document.createElement("div");
	newDiv.id = "mapCommands";
	newImage = document.createElement("img");
	newImage.src = "images/firstButton.png";
	newImage.onclick = function(){first();};
	newImage.alt = "First Run";
	newImage.title = "First Run";
	newDiv.appendChild(newImage);
	newImage = document.createElement("img");
	newImage.src = "images/leftArrow.png";
	newImage.onclick = function(){previous();};
	newImage.alt = "Previous Run";
	newImage.title = "Previous Run";
	newDiv.appendChild(newImage);
	newImage = document.createElement("img");
	newImage.src = "images/circle.png";
	newDiv.appendChild(newImage);
	newImage = document.createElement("img");
	newImage.src = "images/rightArrow.png";
	newImage.onclick = function(){next();};
	newImage.alt = "Next Run";
	newImage.title = "Next Run";
	newDiv.appendChild(newImage);
	newImage = document.createElement("img");
	newImage.src = "images/lastButton.png";
	newImage.onclick = function(){last();};
	newImage.alt = "Last Run";
	newImage.title = "Last Run";
	newDiv.appendChild(newImage);
	
	newTitle = document.createElement("h2");
	newTitle.id = "date";
	newTitle.appendChild(document.createTextNode("Date"));
	newDiv.appendChild(newTitle);
	
	var newForm = document.createElement("form");
	newForm.id = "runOptions";
	newForm.method = "post";
	newForm.action = "";
	
	try {
		var newInput = document.createElement('<input type="radio" name="radioRuns" />');
	}
	catch(err)
	{
		var newInput = document.createElement("input");
	}
	newInput.name = "radioRuns";
	newInput.type = "radio";
	newInput.id = "option1";
	newInput.value = "options";
	newInput.onclick = function() {runChange();};
	newForm.appendChild(newInput);
	var newLabel = document.createElement("label");
	newLabel.id = "option1Label";
	newLabel.appendChild(document.createTextNode("Option 1"));
	newForm.appendChild(newLabel);
	var newBreak = document.createElement("br");
	newForm.appendChild(newBreak);
	
	newInput = document.createElement("input");
	newInput.type = "text";
	newInput.id = "loops";
	newInput.value = "1";
	newInput.size = "2";
	newInput.maxlength = "5";
	newForm.appendChild(newInput);
	newLabel = document.createElement("label");
	newLabel.id = "loopsLabel";
	newLabel.appendChild(document.createTextNode("Loops"));
	newForm.appendChild(newLabel);
	newBreak = document.createElement("br");
	newForm.appendChild(newBreak);
	
	try {
		newInput = document.createElement('<input type="radio" name="radioRuns" />');
	}
	catch(err)
	{
		newInput = document.createElement("input");
	}
	
	newInput = document.createElement("input");
	newInput.type = "radio";
	newInput.name = "radioRuns";
	newInput.id = "option2";
	newInput.value = "options";
	newInput.onclick = function() {runChange();};
	newForm.appendChild(newInput);
	newLabel = document.createElement("label");
	newLabel.id = "option2Label";
	newLabel.appendChild(document.createTextNode("Option 2"));
	newForm.appendChild(newLabel);
	newBreak = document.createElement("br");
	newForm.appendChild(newBreak);
	
	newLabel = document.createElement("label");
	newLabel.id = "timeLabel";
	newLabel.appendChild(document.createTextNode("Total Time:"));
	newForm.appendChild(newLabel);
	newBreak = document.createElement("br");
	newForm.appendChild(newBreak);
	
	try {
		newInput = document.createElement('<input type="radio" name="radioRuns" />');
	}
	catch(err)
	{
		newInput = document.createElement("input");
	}
	
	newInput = document.createElement("input");
	newInput.type = "radio";
	newInput.name = "radioRuns";
	newInput.id = "DNR";
	newInput.value = "options";
	newInput.onclick = function() {runChange();};
	newForm.appendChild(newInput);
	newLabel = document.createElement("label");
	newLabel.id = "DNRLabel";
	newLabel.appendChild(document.createTextNode("Did Not Run"));
	newForm.appendChild(newLabel);
	newBreak = document.createElement("br");
	newForm.appendChild(newBreak);
	
	newInput = document.createElement("input");
	newInput.type = "hidden";
	newInput.id = "runKey";
	newInput.value = "0";
	newForm.appendChild(newInput);
	newBreak = document.createElement("br");
	newForm.appendChild(newBreak);
	
	newLabel = document.createElement("label");
	newLabel.appendChild(document.createTextNode("Run Comments:"));
	newForm.appendChild(newLabel);
	newBreak = document.createElement("br");
	newForm.appendChild(newBreak);
	var newText = document.createElement("textarea");
	newText.name = "comments";
	newText.id = "comments";
	newText.cols = "20";
	newText.rows = "10";
	newForm.appendChild(newText);
	newBreak = document.createElement("br");
	newForm.appendChild(newBreak);
	
	newInput = document.createElement("input");
	newInput.type = "button";
	newInput.id = "send";
	newInput.value = "Save Info";
	newInput.onclick = function() {sendData();};
	newForm.appendChild(newInput);
	newDiv.appendChild(newForm);
	
	main.appendChild(newDiv);
	
	$.get("runs.php", function(data){showRuns(data);});
}

function showRuns(data)
{			
	if (data.substring(0,3) == "<p>")
	{
		var commands = document.getElementById("mapCommands");
		commands.style.visibility = "hidden";
		alertBox(data, "center", "Error");
	}
	else
	{
		var main = document.getElementById("main");
		main.scrollTop = 0;
		
		var run = data.split("*");
				
		var commands = document.getElementById("mapCommands");
		commands.style.visibility = "visible";
		
		var key = document.getElementById("runKey");
		key.value = run[5];
				
		var title = document.getElementById("runTitle");
		title.removeChild(title.firstChild); 
		title.appendChild(document.createTextNode(run[0]));
	
		var dateDiv = document.getElementById("date");
		dateDiv.innerHTML = "";
		var date = run[1].split("-");

		for (i = 1; i <= date.length - 1; i++)
		{
			if (i == 1)
			{
				if (date[i] == "08")
					dateDiv.appendChild(document.createTextNode("August "));
				else if (date[i] == "09")
					dateDiv.appendChild(document.createTextNode("September "));
				else if (date[i] == "10")
					dateDiv.appendChild(document.createTextNode("October "));
				else if (date[i] == "11")
					dateDiv.appendChild(document.createTextNode("November "));
			}
			else if (i == 2)
			{
				date[i] = date[i].replace(/^[0]+/g,"");
				dateDiv.appendChild(document.createTextNode(date[i] + ", " + date[0]));
			}
		}
				
		var comments = document.getElementById("comments"); 
		comments.value = run[4];
					
		var mapLink = document.getElementById("map");
		var routes = run[2].split("$");
				
		if (run[3] == 1)
		{
			var option = document.getElementById("option1");
			option.checked = 1;
					
			mapLink.href = run[6].split("#")[0];
			mapLink.onclick = "";
			mapLink.target = "_blank";
		}
		else if (run[3] == 2)
		{
			var option = document.getElementById("option2");
			option.checked = 1;
					
			mapLink.href = run[6].split("#")[1];
			mapLink.onclick = "";
			mapLink.target = "_blank";
		}
		else if (run[3] == 0)
		{
			var option = document.getElementById("DNR");
			option.checked = 1;
					
			mapLink.href = "#";
			mapLink.onclick = function() {alertBox("No Map Available", "center", "Error");};
			mapLink.target = "";
		}

		if (routes.length == 2)
		{
			var option = document.getElementById("option2");
			option.style.visibility = "hidden";
			var option = document.getElementById("option2Label");
			option.style.visibility = "hidden";
						
			var info = routes[1].split("^");
						
			if (info.length == 2 && info[1] == "LOOP")
			{
				var option = document.getElementById("option1Label");
				option.removeChild(option.firstChild); 
				option.appendChild(document.createTextNode("Loop Route: " + info[0] + " miles"));
							
				var time = document.getElementById("timeLabel");
				time.style.visibility = "hidden";
							
				var loops = document.getElementById("loops");
				var loopsLabel = document.getElementById("loopsLabel");
				loopsLabel.removeChild(loopsLabel.firstChild);
				loopsLabel.appendChild(document.createTextNode("Loops"));
				loops.style.visibility = "visible";
				loopsLabel.style.visibility = "visible";
				if (typeof(run[7]) != "undefined")
					loops.value = run[7];
				else
					loops.value = "0";
			}
			else if (info.length == 2 && info[1] == "MEET")
			{
				var option = document.getElementById("option1Label");
				option.removeChild(option.firstChild); 
				option.appendChild(document.createTextNode("Race Route: " + info[0] + " miles"));
							
				var loops = document.getElementById("loops");
				loops.style.visibility = "hidden";
						
				var meetName = run[0];
				jQuery.post("meetInfo.php", {meetName: meetName}, function(data){showMeet(data);});
			}
		}
		else if (routes.length == 3)
		{
			var time = document.getElementById("timeLabel");
			time.style.visibility = "hidden";
			var loops = document.getElementById("loops");
			var loopsLabel = document.getElementById("loopsLabel");
			loops.value = "1";
			loops.style.visibility = "hidden";
			loopsLabel.style.visibility = "hidden";
						
			var info = routes[1];
			var option = document.getElementById("option1Label");
			option.removeChild(option.firstChild); 
			option.appendChild(document.createTextNode("Elite Route: " + info + " miles"));
					
			var info = routes[2];
			var option = document.getElementById("option2");
			option.style.visibility = "visible";
			var option = document.getElementById("option2Label");
			option.style.visibility = "visible";
			option.removeChild(option.firstChild); 
			option.appendChild(document.createTextNode("Legendary Route: " + info + " miles"));
		}
	}
			
	miles();
}

function showMeet(data)
{
	var loops = document.getElementById("loops");
	loops.value = "1";
	var times = data.split("*");
			
	var loopsLabel = document.getElementById("loopsLabel");
	loopsLabel.removeChild(loopsLabel.firstChild);
	loopsLabel.appendChild(document.createTextNode("First Mile: " + times[1].substring(3,times[1].length)));
	loopsLabel.style.visibility = "visible";
				
	var option = document.getElementById("option2Label");
	option.style.visibility = "visible";
	option.removeChild(option.firstChild); 
	option.appendChild(document.createTextNode("Second Mile: " + times[2].substring(3,times[2].length)));
				
	var time = document.getElementById("timeLabel");
	time.style.visibility = "visible";
	time.removeChild(time.firstChild); 
	time.appendChild(document.createTextNode("Total Time: " + times[0].substring(3,times[0].length)));
				
	var pace = document.getElementById("pace");
	pace.removeChild(pace.firstChild); 
	pace.appendChild(document.createTextNode("Your Race Pace: " + times[3] + ":" + times[4]));				
}

function runChange()
{
	var key = document.getElementById("runKey");
	var option = document.getElementById("option1");
	var option2 = document.getElementById("option2");
	var option3 = document.getElementById("DNR");
	
	if (option.checked == 1)
		$.post("runChange.php", {option: "1", key: escape(key.value)}, function(data){showRuns(data);});
	else if (option2.checked == 1)
		$.post("runChange.php", {option: "2", key: escape(key.value)}, function(data){showRuns(data);});
	else if (option3.checked == 1)
		$.post("runChange.php", {option: "0", key: escape(key.value)}, function(data){showRuns(data);});
}

function sendData()
{
	var comments = document.getElementById("comments");
	var key = document.getElementById("runKey");
	var loops = document.getElementById("loops");
	var option = document.getElementById("option1");
	var option2 = document.getElementById("option2");
	var option3 = document.getElementById("DNR");
		
	if (option.checked == 1)
	{
		var distance = document.getElementById("option1Label").innerHTML;
		var distance2 =  distance.split(" miles");
		var miles =  distance2[0].split("Route: ");
		$.post("runSubmit.php", {option: "1", comment: comments.value, key: escape(key.value), miles: escape(miles[1] * loops.value)}, function(data){dataSaved();});
	}
	else if (option2.checked == 1)
	{
		var distance = document.getElementById("option2Label").innerHTML;
		var distance2 =  distance.split(" miles");
		var miles =  distance2[0].split("Route: ");
		$.post("runSubmit.php", {option: "2", comment: comments.value, key: escape(key.value), miles: escape(miles[1])}, function(data){dataSaved();});
	}
	else if (option3.checked == 1)
		$.post("runSubmit.php", {option: "0", comment: comments.value, key: escape(key.value), miles: "0"}, function(data){dataSaved(data);});
}

function dataSaved(data)
{
	miles();
	alertBox("Your changes for this run have been saved.","center","Data Saved");	
}

function first()
{
	$.get("first.php", function(data){showRuns(data);});
}
	
function last()
{
	$.get("runs.php", function(data){showRuns(data);});
}
	
function previous()
{
	var key = document.getElementById("runKey");
	$.post("previous.php", {key: escape(key.value)}, function(data){showRuns(data);});
}
	
function next()
{
	var key = document.getElementById("runKey");
	$.post("next.php", {key: escape(key.value)}, function(data){showRuns(data);});
}
		
function getCookie(c_name)
{
	if (document.cookie.length>0)
  	{
  		c_start=document.cookie.indexOf(c_name + "=");
  
		if (c_start != -1)
    	{ 
    		c_start = c_start + c_name.length + 1; 
    		c_end = document.cookie.indexOf(";", c_start);
    
			if (c_end == -1)
				c_end = document.cookie.length;
	
			return unescape(document.cookie.substring(c_start, c_end));
		} 
	}

	return "";
}

function checkCookie()
{
	username = getCookie('User');

	if (username!=null && username!="")
	{
		var logLink = document.getElementById("log");
		logLink.innerHTML = "Log-Out";
		logLink.onclick = function() {
			var logLink = document.getElementById("log");
			logLink.innrHTML = "Log-In";
			logLink.setAttribute('onclick', "javascript:login();");	
		
			$.post("logout.php", {name: escape(getCookie('User'))}, function(data){window.location = "index.php";});
		};
	}
}

function runSlideShow(){
	var slideshow = document.getElementById("slideShow");
		
	if (document.all){
		slideshow.style.filter="blendTrans(duration=2)";
		slideshow.style.filter="blendTrans(duration=crossFadeDuration)";
		slideshow.filters.blendTrans.Apply(); 
	}
		
	slideshow.src = preLoad[j].src;
	if (document.all)
		slideshow.filters.blendTrans.Play();
		
	j = j + 1

	if (j > (p-1)) j=0
		t = setTimeout('runSlideShow()', slideShowSpeed);
}