$(document).ready( function() {

	window.divPos = 0;
	window.hasMoved = false;
	window.divWidth = 100;
	window.sliderWidth = 5000;
	window.sheets = 8;
	window.firstLoad = false;
	window.standingsFirstLoad = false;

	function setLiveScoringBanner() {

		var d = new Date();
		var cb = d.getTime();

		$("#lsLoading").fadeIn(500, function() {

			sendData = "/_includes/livescores/getBanner.php?cb=" + cb;
			$.get(sendData, function(data) {

				// put the data into a master array
				// if there is an error, ignore it for now so it doesn't break the livescore interface
				if ( data.substr(0,5) != "ERROR" ) {

					var dataArr = data.split("~,,~");
					var gameArr = new Array();
					var settings = new Array();
					var option = new Array();
					var currentsession	= 0;
					var currgamerecord	= 0;
					var currdayrecord	= 0;
					var sheets			= 0;
					var firstrecord		= 0;
					var lastrecord		= 0;
					var okstatus		= "";
					var gameDateTime	= "";
					var initialDisplayRecord = 0;
					var iPos			= 0;


					window.sliderWidth = parseInt(parseInt(dataArr.length-1) * parseInt(window.divWidth));
					$("#lsSlider").css('width', window.sliderWidth + "px" );

					for ( var i=0; i<dataArr.length-1; i++ ) {
						if ( i == 0 ) {
							settings = dataArr[0].split("~~");

							for ( var n=0; n<settings.length; n++ ) {
								option = settings[n].split(":");
								switch (n) {
								case 0:
									okstatus = option[1];
									break;
								case 1:
									currentsession = option[1];
									break;
								case 2:
									currgamerecord = option[1];
									break;
								case 3:
									currdayrecord = option[1];
									break;
								case 4:
									sheets = option[1];
									window.sheets = sheets;
									break;
								case 5:
									firstrecord = option[1];
									break;
								case 6:
									lastrecord = option[1];
									break;
								case 7:
									gameDateTime = option[1];
									break;
								}
							}

						} else {

							if ( okstatus == "OK" ) {

								iPos = i - 1;

								gameArr = dataArr[i].split(",,");

								// game values
								$("[name='status" + iPos + "']").html("" + gameArr[15] + "");

								$("[name='teamnamea" + iPos + "']").html("" + gameArr[9] + "");
								$("[name='teamnameb" + iPos + "']").html("" + gameArr[12] + "");
								$("[name='ktglsdetails" + iPos + "']").html("" + gameArr[1] + "<br>" + gameArr[10] + "<br>v<br>" + gameArr[13] + "");
								$("[name='ktglsdetails" + iPos + "']").attr("game", gameArr[4]);

								$("[name='teamcola" + iPos + "']").css('background-color', '#' + gameArr[11]);
								$("[name='teamcolb" + iPos + "']").css('background-color', '#' + gameArr[14]);

								// settings
								if ( gameArr[15] != "" ) {

									if ( gameArr[17] == "1" ) {
										$("[name='teamhammera" + iPos + "']").show();
										$("[name='teamhammerb" + iPos + "']").hide();
									} else {
										$("[name='teamhammera" + iPos + "']").hide();
										$("[name='teamhammerb" + iPos + "']").show();
									}
									if ( gameArr[15] != "COMING UP" ) {
										$("[name='teamscorea" + iPos + "']").html("" + gameArr[7] + "");
										$("[name='teamscoreb" + iPos + "']").html("" + gameArr[8] + "");
									} else {
										$("[name='teamscorea" + iPos + "']").html("0");
										$("[name='teamscoreb" + iPos + "']").html("0");
									}

								} else {
									$("[name='teamhammera" + iPos + "']").hide();
									$("[name='teamhammerb" + iPos + "']").hide();
								}

								// set the date/time
								$("[name='date" + iPos + "']").html("" + gameArr[18] + "");

								// show it
								//$("[name='gamePanel" + gameArr[0] + "']").fadeIn(500);
								$("[name='gamePanel" + iPos + "']").fadeIn(500);

								if ( parseInt(currgamerecord) == parseInt(gameArr[0]) ) {
									initialDisplayRecord = i;
								}
							}

						}
					}

					//$("[name^='gamePanel']").fadeIn(500);
					//$(".gamePanel").fadeIn(500);

					// slide to best position
					// calculate position


					if ( window.hasMoved == false ) {
						var divPos = "-" + ( parseInt( parseInt(initialDisplayRecord) - 1 ) * window.divWidth) + "";

						if ( window.firstLoad ) {
							$("#lsSlider").animate({left: divPos + 'px'}, 3000);
						} else {
							$("#lsSlider").css('left', divPos + 'px');
						}
						window.firstLoad = true;
						window.divPos = divPos;
					}

					// remove unused div's

					// reset the lsSlider div width;

					// set status back to ok
					$("#lsEventTime").html("Event Time: " + gameDateTime.replace("--", ":")).fadeIn(500);
					$("#lsLoading").delay(1000).fadeOut("slow");
				}

			});
		});

	}


	function changeStandingsTables(divisionID) {
		finishedAnimation = false;
		$("#standingTable" + divisionID).rankingTableUpdate( $("#newStandingTable" + divisionID) ,
			//the animation settings..
			{

				onComplete: function(){ 
					finishedAnimation = true;
				}, //callBack to execute when the animation completes
				duration: [1000, 0, 500, 0, 500], //ms to do each phase and the delay between them
				extractIdFromCell: function(td){
					return $.trim($(td).html());
				}, //function to use to extract the id value from a cell in the id column
				animationSettings: {
					up: {
						left: 0, // Move left
						backgroundColor: '#0099CC' // Dullish green
					},
					down: {
						left: 0, // Move right
						backgroundColor: '#006699' // Dullish red
					},
					fresh: {
						left: 0, //Stay put in first stage.
						backgroundColor: '#FFFF33' // Yellow
					},
					drop: {
						left: 0, //Stay put in first stage.
						backgroundColor: '#550055' // Purple
					}
				}


			}
			
		);
	}


	function setStandings() {

//		var d = new Date();
//		var cb = d.getTime();
//
//		$("#lsLoading").fadeIn(500, function() {
//
//			sendData = "/_includes/livescores/getStandings.php?cb=" + cb;
//			$.get(sendData, function(data) {
//
//				$("#lsLoadingStandings").fadeIn("slow");
//
//				// put the data into a master array
//				// if there is an error, ignore it for now so it doesn't break the livescore interface
//				if ( data.substr(0,5) != "ERROR" ) {
//
//					var dataArr = data.split("~,,~");
//					var gameArr = new Array();
//
//					var eventID			= "";
//					var drawID			= "";
//					var drawName		= "";
//					var teamID			= "";
//					var teamName		= "";
//					var iWin			= "";
//					var iLoss			= "";
//					var iTie			= "";
//					var divisionID		= "";
//					var divisionName	= "";
//					var divisionColor	= "";
//					var divisionFont	= "";
//					var lastDivisionID	= 0;
//					var tableStr		= "";
//					var headingStr		= "";
//					var divisionCounter = 0;
//					var cellClass		= "even";
//					var firstDivisionID	= 0;
//					var firstDrawID		= 0;
//					var drawList		= "";
//
//					for ( var i=0; i<dataArr.length-1; i++ ) {
//
//						gameArr = dataArr[i].split(",,");
//
//						// echo $event_id . ",," . $draw_id . ",," . $draw_name . ",," . $team_id . ",," . $team_name . ",," . $win . ",," . $loss . ",," . $tie . ",," . $division_id . ",," . $division_name . ",," . $division_color . ",," . $font_color . ",,\n";
//
//						eventID			= gameArr[0];
//						drawID			= gameArr[1];
//						drawName		= gameArr[2];
//						teamID			= gameArr[3];
//						teamName		= gameArr[4];
//						iWin			= gameArr[5];
//						iLoss			= gameArr[6];
//						iTie			= gameArr[7];
//						divisionID		= gameArr[8];
//						divisionName	= gameArr[9];
//						divisionColor	= gameArr[10];
//						divisionFont	= gameArr[11];
//
//						// draw the tables
//						
//						if ( i == 0 ) {
//							firstDivisionID = divisionID;
//							firstDrawID		= drawID;
//						}
//
//						if ( lastDivisionID != divisionID ) {
//							if ( i > 0 ) {
//								// close the previous table
//								tableStr += "</tbody>\n";
//								tableStr += "</table>\n";
//								tableStr += "</div>\n";
//							}
//							// we have a new division.  open a new table
//
//							drawList += drawID + "~~" + drawName + "~~" + divisionID + "~~" + divisionName + "~~" + divisionColor + "~~" + divisionFont + "##";
//
//							if ( !window.standingsFirstLoad ) {
//								tableStr += "<div id='divisionTable' name='divisionTable' rel='" + divisionID + "'>\n";
//								tableStr += "<table id='standingTable" + divisionID + "'>\n";
//
//								headingStr += "<div id='drawName' name='drawName' rel='" + divisionID + "' style='border-bottom: 1px solid #" + divisionColor + "'>" + drawName + "</div>";
//							} else {
//								tableStr += "<div id='divisionTableHidden' rel='" + divisionID + "'>\n";
//								tableStr += "<table id='newStandingTable" + divisionID + "'>\n";
//							}
//
//							tableStr += "<thead>\n";
//							tableStr += "<th class='rank anim:constant fe-sortable fe-number' align='center'>#</th>\n";
//							tableStr += "<th class='country anim:id fe-sortable fe-string'>Country</th>\n";
//							tableStr += "<th class='played anim:constant fe-sortable fe-number' align='center'>P</th>\n";
//							tableStr += "<th class='wins anim:constant fe-sortable fe-number' align='center'>W</th>\n";
//							tableStr += "<th class='losses anim:constant fe-sortable fe-number' align='center'>L</th>\n";
//							//tableStr += "<th class='draws anim:constant fe-sortable fe-number' align='center'>D</th>\n";
//							tableStr += "</thead>\n";
//							tableStr += "<tbody>\n";
//
//							divisionCounter = 1;
//						}
//
//						cellClass = "odd";
//						if ( divisionCounter % 2 == 0 ) {
//							cellClass = "even";
//						}
//						tableStr += "<tr class='" + cellClass + "' teamID='" + teamID + "' name='team' onclick=''>\n";
//						tableStr += "<td>" + divisionCounter + "</td>\n";
//						tableStr += "<td style='text-align:left;'>" + teamName + "</td>\n";
//						tableStr += "<td>" + parseInt( parseInt(iWin) + parseInt(iLoss) + parseInt(iTie) ) + "</td>\n";
//						tableStr += "<td>" + iWin + "</td>\n";
//						tableStr += "<td>" + iLoss + "</td>\n";
//						//tableStr += "<td>" + iTie + "</td>\n";
//						tableStr += "</tr>\n";
//
//						divisionCounter++;
//						lastDivisionID = divisionID;
//
//					}
//
//					// close the last table
//					tableStr += "</tbody>\n";
//					tableStr += "</table>\n";
//					tableStr += "</div>\n";
//
//					$("#drawList").val(drawList);
//
//					if ( !window.standingsFirstLoad ) {
//						// add it to the primary div
//						$("#ls-standingtable").html(tableStr);
//						$("#ls-drawheading").html(headingStr);
//						$("#divisionTable[rel='" + firstDivisionID + "']").fadeIn(500);
//						$("#drawName[rel='" + firstDivisionID + "']").fadeIn(500);
//					} else {
//						// add it to the seconday div and update it
//						$("#ls-updatetable").html(tableStr);
//						// send an update to standings display
//					}
//
//					// draw the buttons for draw selection
//					var buttonArr = drawList.split("##");
//					var infoArr			= new Array();
//					var bdrawID			= "";
//					var bdrawName		= "";
//					var bdivisionID		= "";
//					var bdivisionName	= "";
//					var bdivisionColor	= "";
//					var bdivisionFont	= "";
//					var DrawButtonStr	= "";
//					var DivButtonStr	= "";
//					var LastDrawbStr	= "";
//					var LastDivbStr		= "";
//
//					for ( var b=0; b<buttonArr.length-1; b++ ) {
//
//						infoArr = buttonArr[b].split("~~");
//						//drawList += drawID + "~~" + drawName + "~~" + divisionID + "~~" + divisionName + "##";
//
//						bdrawID			= infoArr[0];
//						bdrawName		= infoArr[1];
//						bdivisionID		= infoArr[2];
//						bdivisionName	= infoArr[3];
//						bdivisionColor	= infoArr[4];
//						bdivisionFont	= infoArr[5];
//
//						switch ( bdrawName ) {
//							case "Senior Men":
//								bdrawName = "Men";
//								break;
//							case "Senior Women":
//								bdrawName = "Women";
//								break;
//							case "Mixed Doubles":
//								bdrawName = "Mixed";
//								break;
//						
//						}
//
//						if ( LastDrawbStr != bdrawID ) {
//
//							//DrawButtonStr += "<div id='lsbuttons' name='lsbuttons' rel='draw' draw='" + bdrawID + "' division='" + bdivisionID + "'>" + bdrawName + "</div>";
//							DrawButtonStr += "<input type='button' id='lsbuttons' name='lsbuttons' rel='draw' draw='" + bdrawID + "' division='" + bdivisionID + "' value='" + bdrawName + "'>";
//						}
//
//						if ( LastDivbStr != bdivisionID ) {
//							//DivButtonStr += "<div id='lsbuttonsSmall' name='lsbuttonsSmall' rel='division' division='" + bdivisionID + "' draw='" + bdrawID + "' style='background-color:#" + bdivisionColor + ";color:#" + bdivisionFont + ";'>" + bdivisionName + "</div>";
//							DivButtonStr += "<input type='button' id='lsbuttonsSmall' name='lsbuttonsSmall' rel='division' division='" + bdivisionID + "' draw='" + bdrawID + "' style='background-color:#" + bdivisionColor + ";color:#" + bdivisionFont + ";' value='" + bdivisionName + "'>";
//						}
//
//						LastDivbStr = bdivisionID;
//						LastDrawbStr = bdrawID;
//					}
//
//					$("#drawSelectButtons").html("<div id='lsline'>Draw</div>" + DrawButtonStr + "<div id='lsline'>Division</div>" + DivButtonStr);
//					//$("#lsbuttons[rel='draw']").show();
//					$("[name='lsbuttonsSmall'][draw='" + firstDrawID + "']").show();
//
//					$("#lsLoadingStandings").fadeOut("slow");
//				}
//
//			});
//		});

	}

	$("[name='lsbuttons']").live('click',
	  function (e) {
		e.preventDefault();
		var thisRel = $(this).attr("rel");
		var thisDiv = $(this).attr("division");
		var thisDraw = $(this).attr("draw");


		$("[name='lsbuttonsSmall']").hide();
		$("[name='lsbuttonsSmall'][draw='" + thisDraw + "']").show();

		$("[name='divisionTable']").fadeOut(500);
		$("[name='divisionTable'][rel='" + thisDiv + "']").fadeIn(500);
		
		$("[name='drawName']").fadeOut(500);
		$("[name='drawName'][rel='" + thisDiv + "']").fadeIn(500);

		return false;
	  }
	);

	$("[name='lsbuttonsSmall']").live('click',
	  function (e) {
		e.preventDefault();
		var thisRel = $(this).attr("rel");
		var thisDiv = $(this).attr("division");
		var thisDraw = $(this).attr("draw");

		$("[name='divisionTable']").fadeOut(500);
		$("[name='divisionTable'][rel='" + thisDiv + "']").fadeIn(500);
		
		$("[name='drawName']").fadeOut(500);
		$("[name='drawName'][rel='" + thisDiv + "']").fadeIn(500);

		return false;
	  }
	);


	if ( $("#ktgls-banner").length ) {
		setLiveScoringBanner();

		$("[name='lsLeftButton']").live('click', function() {

			var currLeft = $("#lsSlider").css('left');
			currLeft = currLeft.substr(0, currLeft.length - 2);

			currLeft = parseInt(currLeft);

			// if clicking before animation has completed will return a value not divisible by the div width
			if ( currLeft % window.divWidth != 0 ) {
				// get the last 2 chars of the current pos
				var currLeftStr = currLeft.toString();
				var offset = currLeftStr.substr(currLeftStr.length - 2, 2);
				offset = parseInt(offset);
				var addition = 0;
				if ( offset < 50 ) {
					currLeft = currLeft + offset;
				} else {
					currLeft = currLeft - (100 - offset);
				}

			}

			if ( parseInt(currLeft) < 0 ) {
				var newPos = parseInt(currLeft) + parseInt(( Math.floor(sheets / 2) * window.divWidth ));

				if ( parseInt(newPos) > 0 ) { newPos = 0; }


				$("#lsSlider").animate({left: newPos + 'px'}, 1000);
				window.hasMoved = true;
			}

		});

		$("[name='lsRightButton']").live('click', function() {
			var currLeft = $("#lsSlider").css('left');
			currLeft = currLeft.substr(0, currLeft.length - 2);

			currLeft = parseInt(currLeft);

			// FIGURE THIS OUT LATER.  FOR SOME REASON CHROME IS REPORTING WIDTH AS FLOAT INSTEAD OF INT

			// if clicking before animation has completed will return a value not divisible by the div width
			if ( currLeft % window.divWidth != 0 ) {

				// get the last 2 chars of the current pos
				var currLeftStr = currLeft.toString();
				var offset = currLeftStr.substr(currLeftStr.length - 2, 2);
				offset = parseInt(offset);
				var addition = 0;
				if ( offset < 50 ) {
					currLeft = parseInt(currLeft) + parseInt(offset);
				} else {
					currLeft = parseInt(currLeft) - (100 - offset);
				}
;
			}


			if ( parseInt(currLeft) >  parseInt(window.sliderWidth) - (parseInt(window.sliderWidth) * 2) + 1200  ) {
				var newPos = parseInt(currLeft) - parseInt(( Math.floor(sheets / 2) * window.divWidth ));

				$("#lsSlider").animate({left: newPos + 'px'}, 1000);
				window.hasMoved = true;
			}

		});

		$("tr[name='team']").live('mouseenter',
		  function () {
			$(this).css('cursor', 'pointer');
		  }
		);
		$("tr[name='team']").live('mouseleave',
		  function () {
			$(this).css('cursor', 'default');
		  }
		);

		$("[name='lsLeftButton']").live('mouseenter',
		  function () {
			$(this).css('cursor', 'pointer');
			$(this).css('background', 'url(/_includes/livescores/nav-hover.png)');
		  }
		);
		$("[name='lsLeftButton']").live('mouseleave',
		  function () {
			$(this).css('cursor', 'default');
			$(this).css('background', 'url(/_includes/livescores/nav.png)');
		  }
		);

		$("[name='lsRightButton']").live('mouseenter',
		  function () {
			$(this).css('cursor', 'pointer');
			$(this).css('background', 'url(/_includes/livescores/nav-hover.png) -19px 0px');
		  }
		);
		$("[name='lsRightButton']").live('mouseleave',
		  function () {
			$(this).css('cursor', 'default');
			$(this).css('background', 'url(/_includes/livescores/nav.png) -19px 0px');
		  }
		);



		$("[name^='gamePanel']").live('mouseenter',
		  function () {
			var thisRel = $(this).attr("rel");
			$("[name='ktglsdetails" + thisRel + "']").slideDown(500);
			$(this).css('cursor', 'pointer');
		  }
		);

		$("[name^='gamePanel']").live('mouseleave',
		  function () {
			$("[name^='ktglsdetails']").slideUp(500);
			$(this).css('cursor', 'default');
		  }
		);


		$(document).everyTime("180s", function() {
		  setLiveScoringBanner();
		});
	}

	if ( $("#ktgls-standings").length ) {
		setStandings();

		$(document).everyTime("900s", function() {
		  setStandings();
		});

	};

	var finishedAnimation = true;
	$("#tablechange").live('click', function (e) {
		e.preventDefault();

		//if(finishedAnimation){
		//	changeStandingsTables("1");
		//}

	});



	// LIVE SCORES DETAIL

	$("[name^='ktglsdetails']").live('click',
	  function () {
		var gameID = $(this).attr("game");
		$("input[name='lsGameID']").val(gameID);
		$("input[name='lsSessionID']").val("0");
		$("input[name='lsTeamID']").val("0");
		document.lsdetail.submit();
	  }
	);

	$("tr[name='team']").live('click',
	  function () {
		var teamID = $(this).attr("teamID");
		$("input[name='lsSessionID']").val("0");
		$("input[name='lsGameID']").val("0");
		$("input[name='lsTeamID']").val(teamID);
		$("form[name='ls-detail']").submit();
		document.lsdetail.submit();
	  }
	);

	if ( $("#ktgls-gamedetail").length ) {
		// build the initial layout
		var thisTeamID = $("input[name='lsTeamID']").val();
		var thisGameID = $("input[name='lsGameID']").val();
		var thisSessionID = $("input[name='lsSessionID']").val();
		var thisDrawID = $("input[name='lsDrawID']").val();

		adjustDetailsInterface();

		if ( thisTeamID > 0 ) {
			$("#lsdataType").val("TEAM");
			detailBuildGame(thisTeamID,"","","TEAM");
		} else {
			if ( thisGameID > 0 ) {
				$("#lsdataType").val("GAME");
				detailBuildGame(thisGameID,"","","GAME");
			} else {
				if ( thisSessionID > 0 ) {
					$("#lsdataType").val("SESSION");
					detailBuildGame(thisSessionID,"","","SESSION");
				} else {
					if ( thisDrawID > 0 ) {
						$("#lsdataType").val("DRAW");
						detailBuildGame(thisDrawID,"","","DRAW");
					} else {
						//  nothing was passed, so let's just build the current session
						$("#lsdataType").val("SESSION");
						detailBuildGame("CURRENT","","","SESSION");
					}
				}
			}
		}


		// SET THE TIME FOR REFRESHES
		$(document).everyTime("180s", function() {
			
			var thisTeamID		= $("input[name='lsTeamID']").val();
			var thisGameID		= $("input[name='lsGameID']").val();
			var thisSessionID	= $("input[name='lsSessionID']").val();
			var thisDrawID		= $("input[name='lsDrawID']").val();
			var thisdataType	= $("input[name='lsdataType']").val();
			var thisStart		= $("input[name='lsStartGame']").val();
			var thisEnd		= $("input[name='lsEndGame']").val();

			adjustDetailsInterface();

			if ( thisdataType == "TEAM" ) {
				$("#lsdataType").val("TEAM");
				detailBuildGame(thisTeamID,thisEnd,thisStart,"TEAM");
			} else {
				if ( thisdataType == "GAME" ) {
					detailBuildGame(thisGameID,thisEnd,thisStart,"GAME");
				} else {
					if ( thisdataType == "SESSION" ) {
						detailBuildGame(thisSessionID,thisEnd,thisStart,"SESSION");
					} else {
						if ( thisdataType == "DRAW" ) {
							detailBuildGame(thisDrawID,thisEnd,thisStart,"DRAW");
						} else {
							//  nothing was passed, so let's just build the current session
							detailBuildGame("CURRENT","","","SESSION");
						}
					}
				}
			}

		});


	};

	function adjustDetailsInterface() {
		var mainHeight = $("#gamedetail-content").css("height");
		mainHeight = mainHeight.substr(0, mainHeight.length - 2);
		$("#right").css('height', mainHeight + "px");
	}


	$("[name='nextButton']").live('mouseenter',
	  function () {
		var thisRel = $(this).attr("rel");
		$(this).css('cursor', 'pointer');
	  }
	);
	$("[name='nextButton']").live('mouseleave',
	  function () {
		$(this).css('cursor', 'default');
	  }
	);
	$("[name='nextButton']").live('click',
	  function () {
		var gameID = $(this).attr("game");
		var dataType = $(this).attr("datatype");
		var drawID = $(this).attr("drawID");
		var sessionID = $(this).attr("sessionID");
		if ( dataType == "SESSION"   ) {
			setHiddenValue(dataType, sessionID, "", "");
			detailBuildGame(sessionID, "", "", dataType);
		} else {
			if ( dataType == "DRAW" ) {
				setHiddenValue(dataType, drawID, gameID, "");
				detailBuildGame(drawID, gameID, "", dataType);
			} else {
				setHiddenValue(dataType, gameID, "", "");
				detailBuildGame(gameID, "", "", dataType);
			}
		}
	  }
	);

	$("[name='prevButton']").live('mouseenter',
	  function () {
		var thisRel = $(this).attr("rel");
		$(this).css('cursor', 'pointer');
	  }
	);
	$("[name='prevButton']").live('mouseleave',
	  function () {
		$(this).css('cursor', 'default');
	  }
	);
	$("[name='prevButton']").live('click',
	  function () {
		var gameID = $(this).attr("game");
		var dataType = $(this).attr("datatype");
		var drawID = $(this).attr("drawID");
		var sessionID = $(this).attr("sessionID");
		if ( dataType == "SESSION"   ) {
			setHiddenValue(dataType, sessionID, "", "");
			detailBuildGame(sessionID, "", "", dataType);
		} else {
			if ( dataType == "DRAW" ) {
				setHiddenValue(dataType, drawID, "", gameID);
				detailBuildGame(drawID, "", gameID, dataType);
			} else {
				setHiddenValue(dataType, gameID, "", "");
				detailBuildGame(gameID, "", "", dataType);
			}
		}
	  }
	);

	$("#loadLink").live('click',
	  function (e) {
		e.preventDefault();
		var gameID = $(this).attr("itemID");
		var dataType = $(this).attr("rel");
		setHiddenValue(dataType, gameID, "", "");
		detailBuildGame(gameID, "", "", dataType);
	  }
	);

	function setHiddenValue(dataType, thisID, prev, next) {
		$("#lsGameID").val("");
		$("#lsSessionID").val("");
		$("#lsTeamID").val("");
		$("#lsDrawID").val("");
		$("#lsStartGame").val("");
		$("#lsEndGame").val("");

		$("#lsdataType").val(dataType);

		if ( prev != "" ) {
			$("#lsEndGame").val(prev);
		}

		if ( next != "" ) {
			$("#lsStartGame").val(next);
		}

		switch ( dataType ) {
			case "GAME":
				$("#lsGameID").val(thisID);
				break;
			case "TEAM":
				$("#lsTeamID").val(thisID);
				break;
			case "SESSION":
				$("#lsSessionID").val(thisID);
				break;
			case "DRAW":
				$("#lsDrawID").val(thisID);
				break;
		}


	}


	function detailBuildGame(gameID, startID, endID, dataType) {
		// build a game template and populate it

		$("#lsloading-detail").fadeIn(500, function () {
				
			switch (dataType) {
				case "GAME":
					var dataStr = "/_includes/livescores/getDetails.php?dataType=GAME&gameID=" + gameID + "&startGameID=" + startID + "&endGameID=" + endID;
					break;
				case "DRAW":
					var dataStr = "/_includes/livescores/getDetails.php?dataType=DRAW&drawID=" + gameID + "&startGameID=" + startID + "&endGameID=" + endID;
					break;
				case "SESSION":
					var dataStr = "/_includes/livescores/getDetails.php?dataType=SESSION&sessionID=" + gameID + "&startGameID=" + startID + "&endGameID=" + endID;
					break;
				case "TEAM":
					var dataStr = "/_includes/livescores/getDetails.php?dataType=TEAM&teamID=" + gameID + "&startGameID=" + startID + "&endGameID=" + endID;
					break;
				default:
					var dataStr = "/_includes/livescores/getDetails.php?dataType=GAME&gameID=" + gameID + "&startGameID=" + startID + "&endGameID=" + endID;
					break;
			}

			$.getJSON(dataStr, function(data) {

				var startRecord = data[0]["FIRSTRECORD"];
				var endRecord = data[0]["LASTRECORD"];

				// game - first and last records will be pointers
				// except if...
				// first record = 0
				// last record = LASTRECORD
				var showDetail = true;
				var prevStr = "";
				var nextStr = "";
				var contentStr = "";
				var endNum = "";
				var endScore = "";
				var dataHeading = "";

				for ( i=startRecord; i<=endRecord; i++ ) {

					showRecord = true;
					if ( i == startRecord ) {

						// set the appropriate heading
						switch ( dataType ) {
							case "TEAM":
								dataHeading = "All Team Games<br>" + data[i]["draw_name"] + "<br>";
								if ( gameID == data[i]["team_a"] ) {
									dataHeading += data[i]["team_a_country"];
								} else {
									dataHeading += data[i]["team_b_country"];
								}
								break;
							case "SESSION":
								dataHeading = "Session Games";
								break;
							case "DRAW":
								dataHeading = "Games for<br>" +  data[i]["draw_name"];
								break;
							case "GAME":
								dataHeading = "Game Details";
								break;
						
						}


						if ( dataType == "SESSION" ) {
							if ( data[0]["PREVSESSION"] != "NONE" )
							{
								prevStr = "<div id='prevButton' name='prevButton' title='Previous Session' datatype='SESSION' gameID='' sessionID='" + data[0]["PREVSESSION"] + "'>";
								prevStr += "<div id='prevButtonArrow'></div>";

								prevStr += "<div id='gamePanel' rel='" + i + "' class='gamePanel' name='gamePanel" + i + "' style='padding-top:20px;'>Previous<br>Session</div>\n";
								prevStr += "</div>";
							}

						} else {
							if ( data[0]["FIRSTRECORD"] != "0") {
								// there is a previous record - show the prev button
								showRecord = false;

								prevStr = "<div id='prevButton' name='prevButton' game='" + data[i]["game_id"] + "' title='Previous' datatype='" + dataType + "' drawID='" + data[i]["draw_id"] + "' sessionID='" + data[i]["session_number"] + "'>";
								prevStr += "<div id='prevButtonArrow'></div>";

								prevStr += "<div id='gamePanel' rel='" + i + "' class='gamePanel' name='gamePanel" + i + "'><div id='date' name='date" + i + "'>" + data[i]["formatted_time"] + "</div><div id='gamestatus' name='status" + i + "'>" + data[i]["gamestatus"] + "</div><div id='teamnamea' name='teamnamea" + i + "'>" + data[i]["team_a_abbr"] + "</div><div id='teamnameb' name='teamnameb" + i + "'>" + data[i]["team_b_abbr"] + "</div><div id='teamcola' name='teamcola" + i + "' style='background-color:#" + data[i]["team_a_color"] + ";color:#" + data[i]["team_a_color"] + ";'>.</div><div id='teamcolb' name='teamcolb" + i + "' style='background-color:#" + data[i]["team_b_color"] + ";color:#" + data[i]["team_b_color"] + ";'>.</div><div id='teamscorea' name='teamscorea" + i + "'>" + data[i]["team_a_score"] + "</div><div id='teamscoreb' name='teamscoreb" + i + "'>" + data[i]["team_b_score"] + "</div>"
								
								if ( data[i]["hammer"] == "1" ) {
									prevStr += "<div id='teamhammera' name='teamhammera" + i + "' style='display:inline'></div><div id='teamhammerb' name='teamhammerb" + i + "' style='display:none;'></div>";
								} else {
									prevStr += "<div id='teamhammera' name='teamhammera" + i + "' style='display:none;'></div><div id='teamhammerb' name='teamhammerb" + i + "' style='display:inline;'></div>";
								}
								
								prevStr += "</div>\n";
								prevStr += "</div>";

							}
						}
					}

					if ( i == endRecord ) {
						if ( dataType == "SESSION" && data[0]["NEXTSESSION"] != "NONE" ) {

							nextStr = "<div id='nextButton' name='nextButton' title='Next Session' datatype='SESSION' gameID='' sessionID='" + data[0]["NEXTSESSION"] + "'>";
							nextStr += "<div id='nextButtonArrow'></div>";

							nextStr += "<div id='gamePanel' rel='" + i + "' class='gamePanel' name='gamePanel" + i + "' style='padding-top:20px;'>Next<br>Session</div>\n";
							nextStr += "</div>";

						} else {
							if ( data[0]["LASTRECORD"] != data[0]["MAXRECORDS"] ) {
								// there is a next record - show the next button
								showRecord = false;

								nextStr = "<div id='nextButton' name='nextButton' game='" + data[i]["game_id"] + "' title='Next' datatype='" + dataType + "' drawID='" + data[i]["draw_id"] + "' sessionID='" + data[i]["session_number"] + "'>";
								nextStr += "<div id='nextButtonArrow'></div>";

								nextStr += "<div id='gamePanel' rel='" + i + "' class='gamePanel' name='gamePanel" + i + "'><div id='date' name='date" + i + "'>" + data[i]["formatted_time"] + "</div><div id='gamestatus' name='status" + i + "'>" + data[i]["gamestatus"] + "</div><div id='teamnamea' name='teamnamea" + i + "'>" + data[i]["team_a_abbr"] + "</div><div id='teamnameb' name='teamnameb" + i + "'>" + data[i]["team_b_abbr"] + "</div><div id='teamcola' name='teamcola" + i + "' style='background-color:#" + data[i]["team_a_color"] + ";color:#" + data[i]["team_a_color"] + ";'>.</div><div id='teamcolb' name='teamcolb" + i + "' style='background-color:#" + data[i]["team_b_color"] + ";color:#" + data[i]["team_b_color"] + ";'>.</div><div id='teamscorea' name='teamscorea" + i + "'>" + data[i]["team_a_score"] + "</div><div id='teamscoreb' name='teamscoreb" + i + "'>" + data[i]["team_b_score"] + "</div>"
								
								if ( data[i]["hammer"] == "1" ) {
									nextStr += "<div id='teamhammera' name='teamhammera" + i + "' style='display:inline'></div><div id='teamhammerb' name='teamhammerb" + i + "' style='display:none;'></div>";
								} else {
									nextStr += "<div id='teamhammera' name='teamhammera" + i + "' style='display:none;'></div><div id='teamhammerb' name='teamhammerb" + i + "' style='display:inline;'></div>";
								}
								
								nextStr += "</div>\n";
								nextStr += "</div>";

							}
						}
					}

					$("#lsnav-buttons").html(prevStr + "<span id='lsdataHeading'>" + dataHeading + "</span>" + nextStr).fadeIn(500, function() {
						$("[name^='gamePanel']").fadeIn(500);
					});

					if ( showRecord ) {

						// create line scores information for this game
						contentStr += "<div id='spacer'></div>";
						contentStr += "<div id='gameInfo'><div id='gameInfoLeft'>" + data[i]["draw_name"] + " " + data[i]["formatted_time"] + "</div><div id='gameInfoRight'>" + data[i]["gamestatus"] + "</div></div>";
						contentStr += "<div id='table-wrapper'>";
						contentStr += "<table width='100%' id='endScores'>";
						contentStr += "<tr>";
						contentStr += "<td rowspan='3' width='30' class='sheet'>" + data[i]["sheet_number"] + "</td>";
						contentStr += "<td width='30'><div id='redStone'></div></td>";
						contentStr += "<td class='team'>" + data[i]["team_a_country"] + "</td>";
						contentStr += "<td align='center' width='30'>";
						if ( data[i]["hammer"] == "1" ) {
							contentStr += "<img src='/_includes/livescores/hammer24.png'>";
						}
						contentStr += "</td>";
						for ( e=1; e<=10 ;e++ ) {
							endScore = data[i]["end_scores"]["A"][e];
							contentStr += "<td align='center' class='endScore' width='35'>" + endScore + "</td>";
						}
						contentStr += "<td align='center' class='totalScore'>" + data[i]["team_a_score"] + "</td>";
						contentStr += "</tr>";

						contentStr += "<tr style='border-top: 1px solid #" + data[i]["team_a_color"] + ";border-bottom:1px solid #" + data[i]["team_b_color"] + ";'>";
						contentStr += "<td colspan='3'>&nbsp;</td>";
						for ( e=1; e<=10 ;e++ ) {
							endNum = e;
							if (endNum > 8) {
								endNum = "EE";
							}
							contentStr += "<td align='center'>" + endNum + "</td>";
						}
						contentStr += "<td align='center'>Total</td>";
						contentStr += "</tr>";

						contentStr += "<tr>";
						contentStr += "<td><div id='yellowStone'></div></td>";
						contentStr += "<td class='team'>" + data[i]["team_b_country"] + "</td>";
						contentStr += "<td align='center' width='30'>";
						if ( data[i]["hammer"] == "2" ) {
							contentStr += "<img src='/_includes/livescores/hammer24.png'>";
						}
						contentStr += "</td>";
						for ( e=1; e<=10 ;e++ ) {
							endScore = data[i]["end_scores"]["B"][e];
							contentStr += "<td align='center' class='endScore'>" + endScore + "</td>";
						}
						contentStr += "<td align='center' class='totalScore'>" + data[i]["team_b_score"] + "</td>";
						contentStr += "</tr>";

						contentStr += "</table>";
						contentStr += "</div>";
						contentStr += "<div id='gameLinks'>";
						contentStr += "Show Games From: <a href='#' id='loadLink' class='loadLink' rel='SESSION' itemID='" + data[i]["session_number"] + "'>This Session</a> - <a href='#' id='loadLink' class='loadLink' rel='DRAW' itemID='" + data[i]["draw_id"] + "'>" + data[i]["draw_name"] + "</a> [ <a href='#' id='loadLink' class='loadLink' rel='TEAM' itemID='" + data[i]["team_a"] + "'>" + data[i]["team_a_country"] + "</a> : <a href='#' id='loadLink' class='loadLink' rel='TEAM' itemID='" + data[i]["team_b"] + "'>" + data[i]["team_b_country"] + "</a> ]";
						contentStr += "</div>";
						//contentStr += "<div id='spacer'></div>";
					}

				}

				$("#lsdetail-maincontent").html(contentStr).fadeIn(500, function() {
					$("#lsloading-detail").fadeOut(500);
				});

				//$("#lsdetail-maincontent").append(dataStr)
				adjustDetailsInterface();

			});
		});
	}



});