window.onload = init;

function init() {
	toggleCD(0);
}

function toggleCD(index) {

	displayNone();
	
	switch (index) {
		case 0:
			document.getElementById("better_days").style.display = "block";
			document.getElementById("p_arrow0").style.display = "block";
			document.getElementById("cd_header").innerHTML = "Better Days";
			getSongsByProject(1);
			break;
		case 1:
			document.getElementById("bliss").style.display = "block";
			document.getElementById("p_arrow1").style.display = "block";
			document.getElementById("cd_header").innerHTML = "Bliss";
			getSongsByProject(2);
			break;
		case 2:
			document.getElementById("parody_romantic").style.display = "block";
			document.getElementById("p_arrow2").style.display = "block";
			document.getElementById("cd_header").innerHTML = "Parody Romantic";
			getSongsByProject(3);
			break;
	}
	$("#right_col").slideDown("slow");
}

function displayNone() {
	document.getElementById("right_col").style.display = "none";
	document.getElementById("bliss").style.display = "none";
	document.getElementById("better_days").style.display = "none";
	document.getElementById("parody_romantic").style.display = "none";
	
	document.getElementById("p_arrow0").style.display = "none";
	document.getElementById("p_arrow1").style.display = "none";
	document.getElementById("p_arrow2").style.display = "none";	
}

function getSongsByProject(projectID) {

	loadingOn();
	var ajaxSongs = new AjaxObject();
	var url = "./ajaxproxy.php?request=5&index=" + projectID;
	
	ajaxSongs.request(url, "", this.getSongsByProjectCallback);

}

function getSongsByProjectCallback(xml) {
	allSongs = [];
	buildSongList(xml, allSongs);
	loadingOff();
	initializeThickBox();
	loadingOff();
}