function showMarker(State, RowID)
{
	if (State == 1)
	{
		document.getElementById(RowID).style.backgroundImage = "url(images/arrow-right.png)";
		document.getElementById(RowID).style.backgroundRepeat = "no-repeat";
	}
	else
	{
		document.getElementById(RowID).style.backgroundImage = "";
		document.getElementById(RowID).style.backgroundRepeat = "no-repeat";
	}
}

function showDiv(whichDiv)
{
	document.getElementById(whichDiv).style.visibility = "visible";
}

function hideDiv()
{
	
	document.getElementById("div_zoomimage").style.visibility = "hidden";
			
	setTimeout(function() 
		{
			{
				//document.getElementById("sleeveimage").src = "images/loading.gif";
				//document.getElementById("labelimage").src = "images/loading.gif";
				//document.getElementById("musicplayer").innerHTML = "";
				//document.getElementById("playmusic").innerHTML = "";
				document.getElementById("div_overlay").style.visibility = "hidden";
				//document.getElementById("body").style.background = "url('images/bg-body.png') repeat-x";
			}
		}
		, 200);
}

function showTableDiv(whichdiv)
{
	if (whichdiv.style.visibility != "visible")
	{
		whichdiv.style.visibility = "visible";
	}
	else
	{
		whichdiv.style.visibility = "hidden";
	}
}

function preloadImage(sleeveImage)
{
	var pic1 = new Image();
	pic1.src = sleeveImage;
	return sleeveImage;
}

function changeSleeveImage(sleeveImage2, img_width, img_height)
{
	//alert("width = "+ img_width + " - height = " + img_height);
	
	var imgSrc = "";
	
	if (sleeveImage2.search("front") != -1)
	{
		sleeveImage = sleeveImage2.replace("front", "back");
		strTitle = "Click to view the back side";
	}
	else if (sleeveImage2.search("back") != -1)
	{
		sleeveImage = sleeveImage2.replace("back", "front");
		strTitle = "Click to view the front side";
	}
	
	var sleeveImage3 = preloadImage(sleeveImage2);
	
	imgSrc = "<img title='" + strTitle + "' width='" + img_width + "' height='" + img_height + "' class='padding-5' id='sleeveimage' src='" + sleeveImage3 + "' alt='' onclick=\"changeSleeveImage('" + sleeveImage + "', " + img_height + ", " + img_width + ");\" onmouseover=\"this.style.cursor = 'pointer';\" />";
	
	document.getElementById("sleeve-image").innerHTML = imgSrc;
}

function changeLabelImage(labelImage2)
{
	document.getElementById("labelimage").src = labelImage2;
}

function showRecDiv(matrixID)
{
	var getInfo = xajax_showRecords(matrixID);
}

function showLoader()
{
	document.getElementById("records").innerHTML = "<div id='loader'><p>loading discography...</p><img src='images/loader.gif' /></div>";
}

function setSelectedStyle(whichDiv)
{
	//set top border and bottom border color
	document.getElementById(whichDiv).style.borderTop = "1px solid lightgreen";
	document.getElementById(whichDiv).style.borderBottom = "1px solid lightgreen";
	
	//remove focus from element
	document.getElementById(whichDiv).blur();
}

function loadLabels(myCountries)
{
	//clear the the labels and record types selections
	document.getElementById("label-selection").innerHTML = "";
	document.getElementById("recordtype-selection").innerHTML = "";
	document.getElementById("recordtype-range-selection").innerHTML = "";
	
	if (myCountries)
	{
		var selectedCountry = myCountries.value;
		
		//check if a country has been selected
		if (selectedCountry > 0)
		{
			var labels = xajax_getLabels(selectedCountry);
			
			var selStyle = setSelectedStyle("cid");
		}
	}
} 

function loadRecordTypes(selectedCountry, myLabels)
{
	//clear the the labels and record types selections
	document.getElementById("recordtype-selection").innerHTML = "";
	document.getElementById("recordtype-range-selection").innerHTML = "";
	
	if (myLabels)
	{
		var selectedLabel = myLabels.value;
		
		//check if a label has been selected
		if (selectedLabel > 0)
		{
			var recordTypes = xajax_getRecordTypes(selectedCountry, selectedLabel);
			
			var selStyle = setSelectedStyle("lid");
		}
	}
}

function loadRecordTypeRange(selectedCountry, selectedLabel, myRecordTypes)
{
	if (myRecordTypes)
	{
		var selectedRecordType = myRecordTypes.value;
		
		//check if a recordType has been selected
		if (selectedRecordType > 0)
		{
			var records = xajax_getRecordTypeRange(selectedCountry, selectedLabel, selectedRecordType);
			
			var selStyle = setSelectedStyle("rtid");
		}
	}
}

function loadRecords(selectedCountry, selectedLabel, selectedRecordType, myRecordTypeRanges)
{
	if (myRecordTypeRanges)
	{
		var c = setTimeout("showLoader()", 10);
		
		var selectedRecordTypeRange = myRecordTypeRanges.value;
		
		//check if a recordTypeRange has been selected
		if (selectedRecordTypeRange != "")
		{
			var records = xajax_getRecords(selectedCountry, selectedLabel, selectedRecordType, selectedRecordTypeRange, 1);
			
			var selStyle = setSelectedStyle("rtrs");
		}
	}
}

function getRecord(whichDB, whichRecord)
{
	if (whichRecord != "")
	{
		//alert (whichRecord);
		
		var showRecords = xajax_viewRecord(whichDB, whichRecord);
	}
}

function closeRecordViewer()
{
	document.getElementById("record-viewer").style.visibility = "hidden";
	//document.getElementById("record-viewer").innerHTML = "";
	document.getElementById("overlay").style.visibility = "hidden";
}

function showMovie(whichMovie)
{
	if (whichMovie)
	{
		//reset all borders of movie links
		for (x=1;x<5;x++)
		{
			document.getElementById("movie" + x).style.background = "#fff";
		}
		
		//set the border color for the selected movie link
		c
		
		//show the selected movie
		var c = xajax_showMovie(whichMovie);
	}
}

function getPerformer(whichPerformer)
{
	if (whichPerformer != 4) //if not Barry Frank
	{
		var whichPerformer = document.getElementById("pid").value;
		var whichDB = "dabellreco_performers";
	}
	
	if (document.getElementById("db"))
	{
		var whichDB = document.getElementById("db").value;
		
		if (whichDB == 1)
		{
			var whichDB = "dabellreco_performers";
			//alert (whichDB);
		}
		else if (whichDB == 2)
		{
			var whichDB = "dabellreco_barryfrank";
			//alert (whichDB);
		}
	}
	else
	{
		//alert ("Element db not set");
	}
		
	//alert (whichPerformer + " - " + whichDB);
	
	var showPerformer = xajax_viewPerformer(whichDB, whichPerformer);
}

function showPerformerRecords(whichDB, whichDiv, whichMatrix)
{
	if (whichDiv && whichMatrix)
	{
		if (document.getElementById(whichDiv).style.visibility == "visible")
		{
			document.getElementById(whichDiv).innerHTML = "";
			document.getElementById(whichDiv).style.visibility = "hidden";
			document.getElementById(whichDiv).style.padding = "0";
			document.getElementById(whichDiv).style.margin = "-2px 0 0 0";
		}
		else
		{
			var showPerformerRecords = xajax_showPerformerRecords(whichDB, whichDiv, whichMatrix);
		}
	}
}