/* Personal Playlist Ajax */

function updatePersonalPlaylist(id, type) {
	playlistManager.addItemToPlaylist(id, type, fillPlaylist);
}
  
function removeFromCart(id,type) {
	playlistManager.removeItemFromPlaylist(id,type, fillPlaylist);
}

function fillPlaylist(playlist) {
	drawPlaylist(playlist);
}

function toggle_playlistPerso() {
	var pl = document.getElementById("blocFavoris");
	pl.style.display=parent.togglePlaylistPersoDisplay();
/*
	var btn = document.getElementById("btnFlechePlaylistperso");
	if (pl.style.display == "none") {
		btn.firstChild.src="/images/ecompil/btn_fleche_playlistperso_off.gif";
	} else {
		btn.firstChild.src="/images/ecompil/btn_fleche_playlistperso_on.gif";
	}
*/
}

/* /Personal Playlist Ajax */


function updateAlbums() {
	DWRUtil.removeAllRows("albumsBody");
	var artistId = document.getElementById("artistId").value;
	catalogManager.getAlbumProductsByArtist(fillTable, artistId);
	$("resultTable").style.display = '';
}

var getId = function(unit) { return unit.id };
var getTitle = function(unit) { return unit.title };
var getLabel = function(unit) { return unit.label };
var getArtistDisplay = function(unit) { return unit.artistDisplay };
var getListPrice = function(unit) { return unit.listPrice };
var getAlbumId = function(unit) { return unit.albumId };

function fillTable(album) {
	DWRUtil.addRows("albumsBody", album, [ getId, getTitle, getArtistDisplay, getLabel, getAlbumId ]);
}

function updateTracks(albumId) {
	//DWRUtil.removeAllRows("listTrack");
	display_div(albumId);
	catalogManager.getTracksByAlbum(albumId, fillTracksList);
	//$("tracksResultTable").style.display = '';
}

function fillTracksList(cds) {
	if (cds == null || cds.length == 0) {
		return;
	}
	//DWRUtil.addRows("listTrack", track, [ getId, getTitle, getArtistDisplay, getListPrice ]);
	var htmlPart = document.getElementById("listTrack_"+cds[0].tracks[0].albumId);
	var htmlString = "";
	var type = "";
	
	var isIE = "false";
	
	htmlPart.innerHTML ="";
	for (nocd=0; nocd<cds.length; nocd++) {
		if(cds.length>=2) {htmlString += "<div class='cdcount'>CD "+(cds[nocd].index)+"</div>";}
		var tracks = cds[nocd].tracks;
		var leftDiv = Math.ceil(tracks.length /2);
		for (i=0; i< leftDiv;i++) {
			htmlString += "<span class='left'><span class='titres_cpt'>"+plural(tracks[i].index)+".&nbsp;</span>";
			htmlString += "<span class='title'><a href='catalog/track/view.html?id="+tracks[i].id+"'>"+tracks[i].title+"</a></span>";
			htmlString += "<span class='bouton'><a href='javascript:appendMediaToPlaylistById("+tracks[i].id+")' ";
			if ( (basePathAttribute == '/infoCenter') || (basePathAttribute == '/premium') || (isIE == 'false') ) {
				htmlString +="<span class='bouton'><a href=\"/asx/track/"+tracks[i].id+".asx\" target=\"playerFrame\" ";
			} else {
				htmlString += "<span class='bouton'><a href=\"javascript:appendMediaToPlaylistById("+tracks[i].id+")\" ";
			}
			
			if (tracks[i].extractUrl == null) {
				htmlString += "style=visibility:hidden";
			}
			htmlString += "><img src=\"/images/ecompil/btn_ecoute_new.gif\" alt=\"Ecouter\" onmouseover=\"this.src='/images/ecompil/btn_ecoute_new.gif'\" onmouseout=\"this.src='/images/ecompil/btn_ecoute_new.gif'\" /></a>";
			htmlString += "<span style='display:none' id='listen_"+tracks[i].id+"'>";
			htmlString += "<span id='artist_"+tracks[i].id+"'>"+tracks[i].artistDisplay+"</span>";
			htmlString += "<span id='title_"+tracks[i].id+"'>"+tracks[i].title+"</span>";
			htmlString += "</span></span>";
			htmlString += "<span class='bouton'><a href='javascript:updatePersonalPlaylist("+tracks[i].id+",\"track\")' title='Ajouter &agrave; ma s&eacute;lection' >";
			htmlString += "<img src='/images/ecompil/btn_plus_new.gif' onmouseover=\"this.src='/images/ecompil/btn_plus_new.gif'\" onmouseout=\"this.src='/images/ecompil/btn_plus_new.gif'\" />";
			htmlString += "</a></span>";
			htmlString += "<span class='bouton'>";
			htmlString += "<a href='javascript:updateCart("+tracks[i].id+",\"track\")' title='Acheter' ";
			
			if (tracks[i].saleableAlone != true || tracks[i].saleable != true) {
				htmlString += "style=visibility:hidden";
			}
			htmlString += ">";
			htmlString += "<img src='/images/ecompil/btn_down_new.gif' onmouseover=\"this.src='/images/ecompil/btn_down_new.gif'\" onmouseout=\"this.src='/images/ecompil/btn_down_new.gif'\" />";
			htmlString += "</a></span>";

			htmlString += "</span>";
			if (i+leftDiv < tracks.length) {
				htmlString += "<span class='right'><span class='titres_cpt'>"+plural(tracks[i+leftDiv].index)+".&nbsp;</span>";
				htmlString += "<span class='title'><a href='catalog/track/view.html?id="+tracks[i+leftDiv].id+"'>"+tracks[i+leftDiv].title+"</a></span>";
				if ( (basePathAttribute == '/infoCenter') || (basePathAttribute == '/premium') || (isIE == 'false') ) {
					htmlString +="<span class='bouton'><a href=\"/asx/track/"+tracks[i+leftDiv].id+".asx\" target=\"playerFrame\" ";
				} else {
					htmlString += "<span class='bouton'><a href=\"javascript:appendMediaToPlaylistById("+tracks[i+leftDiv].id+")\" ";
				}
				
				if (tracks[i+leftDiv].extractUrl == null) {
					htmlString += "style=visibility:hidden";
				}
				htmlString += "><img src=\"/images/ecompil/btn_ecoute_new.gif\" alt=\"Ecouter\" onmouseover=\"this.src='/images/ecompil/btn_ecoute_new.gif'\" onmouseout=\"this.src='/images/ecompil/btn_ecoute_new.gif'\" /></a>";
				htmlString += "<span style='display:none' id='listen_"+tracks[i+leftDiv].id+"'>";
				htmlString += "<span id='artist_"+tracks[i+leftDiv].id+"'>"+tracks[i+leftDiv].artistDisplay+"</span>";
				htmlString += "<span id='title_"+tracks[i+leftDiv].id+"'>"+tracks[i+leftDiv].title+"</span>";
				htmlString += "</span></span>";
				htmlString += "<span class='bouton'><a href='javascript:updatePersonalPlaylist("+tracks[i+leftDiv].id+",\"track\")' title='Ajouter &agrave; ma s&eacute;lection' >";
				htmlString += "<img src='/images/ecompil/btn_plus_new.gif' onmouseover=\"this.src='/images/ecompil/btn_plus_new.gif'\" onmouseout=\"this.src='/images/ecompil/btn_plus_new.gif'\" />";
				htmlString += "</a></span>";
				htmlString += "<span class='bouton'><a href='javascript:updateCart("+tracks[i+leftDiv].id+",\"track\")' title='Acheter' ";
				
				if (tracks[i+leftDiv].saleableAlone != true || tracks[i+leftDiv].saleable != true) {
					htmlString += "style=visibility:hidden";
				}
				htmlString += ">";
				htmlString += "<img src='/images/ecompil/btn_down_new.gif' onmouseover=\"this.src='/images/ecompil/btn_down_new.gif'\" onmouseout=\"this.src='/images/ecompil/btn_down_new.gif'\" />";
				htmlString += "</a></span>";
				htmlString += "</span><br />";
			}
			htmlString += "<div style='clear:both'><hr style='display:none' /></div>";
		}
	}
	htmlPart.innerHTML = htmlString;
}

function display_div(albumId) {
	var to_display = document.getElementById("listTrack_"+albumId);
	var image = document.getElementById('trackListImg_'+albumId);
	to_display.style.display=(to_display.style.display=='block')?'none':'block';
	image.src = (to_display.style.display=='block') ? "/images/ecompil/btn_tracklist_on.gif" : "/images/ecompil/btn_tracklist.gif";
}

function swap_layer (target) {
	if (target == "go_todo") {
		document.getElementById('onglets_todo').style.display = 'block';
		document.getElementById('onglets_done').style.display = 'none';
		document.getElementById('espacePersoTelechargementBac').style.display = 'block';
		document.getElementById('espacePersoTelechargementEffectue').style.display = 'none';
	} else {
		document.getElementById('onglets_todo').style.display = 'none';
		document.getElementById('onglets_done').style.display = 'block';
		document.getElementById('espacePersoTelechargementBac').style.display = 'none';
		document.getElementById('espacePersoTelechargementEffectue').style.display = 'block';
	}
}

function drawPlaylist(playlist) { 
	var pl = document.getElementById("blocFavoris");
	pl.style.display="block";
	parent.setPlaylistPersoDisplay("block");
/*
	var btn = document.getElementById("btnFlechePlaylistperso");
	btn.firstChild.src="/images/ecompil/btn_fleche_playlistperso_on.gif";
*/
	var htmlString = "";
	var type = "";

	
	var isIE = "false";
	
	for(i=0; i < playlist.length; i++) {
		if (i%2==0) {
			htmlString +="<li class=\"sousFavorisItem listecontentOn\">";
		} else {
			htmlString +="<li class=\"sousFavorisItem listecontentOff\">";
		}
		htmlString +="<div class=\"left\"><span class=\"titres_cpt\">";
		htmlString += plural(eval(i+1))+ ". ";
		htmlString +="</span><a class=\"PlaylistArtiste\" href=\"catalog/artist/view.html&id="+playlist[i].artistId+"\">"+playlist[i].artist+"</a><br />";
		htmlString +="<a class=\"playlistTitre\" href=\"catalog/track/view.html&id="+playlist[i].id+"\">"+playlist[i].title+"</a>";
		htmlString +="</div>";
		htmlString +="<div class=\"right\">";
/*		if (playlist[i].type == "track" && playlist[i].extractUrl != null) { */
		if (playlist[i].type == "track") {
			if ( (basePathAttribute == '/infoCenter') || (basePathAttribute == '/premium') || (isIE == 'false') ) {
				htmlString +="<a href=\"/asx/track/"+playlist[i].id+".asx\" target=\"playerFrame\">";
			} else {
				htmlString +="<a href=\"javascript:appendMediaToPlaylistById("+playlist[i].id+")\">";
			}
			htmlString +="<img src=\"/images/ecompil/btn_ecoute_new.gif\" alt=\"Ecouter\" onmouseover=\"this.src='/images/ecompil/btn_ecoute_new.gif'\" onmouseout=\"this.src='/images/ecompil/btn_ecoute_new.gif'\" />";
			htmlString +="</a>&nbsp;";
		}
		htmlString +="<a href=\"javascript:removeFromCart("+playlist[i].id+",'"+playlist[i].type+"')\">";
		htmlString +="<img src=\"/images/ecompil/btn_petitcroix_off_co.gif\" alt=\"Oter de la liste\" onmouseover=\"this.src='/images/ecompil/btn_petitcroix_on_co.gif'\" onmouseout=\"this.src='/images/ecompil/btn_petitcroix_off_co.gif'\" />";
		htmlString +="</a>";
		htmlString +="</div>";
		htmlString +="<div class=\"sep\"><img src=\"/images/ecompil/separateur_playlist_150.gif\" /></div>";
		htmlString +="</li>";
	}
	pl.innerHTML = htmlString;
}

function toggle_listTitlesToDownload(id) {
	var signe = document.getElementById('signe_'+id);
	var list = document.getElementById('listTitlesToDownload_'+id);
	list.style.display = (list.style.display == 'block' ? 'none' : 'block');
	signe.src = (list.style.display == 'block' ? "/images/ecompil/btn_tracklist_on.gif" : "/images/ecompil/btn_tracklist.gif");
}

/* Telechargements */
function TelechEnCours(imgEnCours) {
	document.getElementById(imgEnCours).onmouseover = TelechModifImg;
	document.getElementById(imgEnCours).onmouseout = TelechModifImg;
	document.getElementById(imgEnCours).src="/images/ecompil/btn_telecharger_on.gif" ;
}
function TelechModifImg(event) {
	this.src='/images/ecompil/btn_telecharger_on.gif' ;
}

/* Playlist perso */
/* Ordre des titres */

function upOrDown(id, direction) {
	var selectedItem = document.getElementById(id);
	var switchExist = (direction == "up") ? selectedItem.previousSibling : selectedItem.nextSibling;
	var switchDisplay = "none";
	var switchId;
	
	while (switchExist!=null && switchDisplay == "none") {
		if (switchExist.nodeName == "LI") {
			switchDisplay = switchExist.style.display;
			switchId = switchExist.id;
		}
		switchExist = (direction == "up") ? switchExist.previousSibling : switchExist.nextSibling;
	}
	if (switchDisplay != "none") {
		var parentList = document.getElementById(id).parentNode;
		if (direction == "up") {
			var switchItem = document.getElementById(switchId);
			var selectedItemToMove = parentList.removeChild(selectedItem);
			parentList.insertBefore(selectedItemToMove,switchItem);
		} else {
			var switchItemToMove = parentList.removeChild(document.getElementById(switchId));
			parentList.insertBefore(switchItemToMove,selectedItem);
		}
	}
}
function removeItemPlaylistPerso(id) {
	document.getElementById(id).style.display="none";
}

function fillConfigInfos() {
	var displayString = "";
	// Navigateur
	var nav;
	if ((navigator.userAgent).indexOf("Lynx")!=-1) {
		nav = "Lynx";
	}
	if ((navigator.userAgent).indexOf("Safari")!=-1) {
		nav = "Safari";
	}
	else if ((navigator.userAgent).indexOf("Opera")!=-1) {
		nav = "Opera";
	}
	else if ((navigator.userAgent).indexOf("Firefox")!=-1) {
		nav = "Firefox";
	}
	else if (navigator.appName=="Netscape" || (navigator.userAgent).indexOf("n8")!=-1) {
		nav = "Netscape";
	}
	else if ((navigator.userAgent).indexOf("Konqueror")!=-1) {
		nav = "Konqueror";
	}
	else if ((navigator.userAgent).indexOf("MSIE")!=-1 || (navigator.userAgent).indexOf("Microsoft")!=-1) {
	 	nav = "Internet Explorer";
	}
	else {
		nav = "un navigateur inconnu";
	}
	if (nav != "Internet Explorer") {
		displayString += "Vous utilisez <b>" + nav + "</b>.<br />";
		displayString += "Certaines fonctionnalit&eacute;s peuvent ne pas fonctionner de façon optimale (&eacute;coute d'extraits...).<br /><br />";
	}

	// OS Client
	var OSName="Environnement inconnu";
	if (navigator.appVersion.indexOf("Win")!=-1) {
		if (navigator.appVersion.indexOf("5.0")!=-1) {
			OSName="Windows XP";
		} else if (navigator.appVersion.indexOf("4.0")!=-1) {
			OSName="Windows 2000";
		} else if (navigator.appVersion.indexOf("3.0")!=-1) {
			OSName="Windows NT";
		} else if (navigator.appVersion.indexOf("2.0")!=-1) {
			OSName="Windows 95";
		}
	}
	if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
	if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
	if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
	
	if (navigator.appVersion.indexOf("Win")==-1) {
		displayString += "Vous utilisez " + OSName + ".<br />";
		displayString += "Pour pouvoir profiter du service e-compil, il vous faut un <b>PC sous Windows</b>.";
		displayString += "Le service ne marche pas avec les Mac, ni avec les PC sous Linux.";
	}

	// Player
	if (nav == "Internet Explorer") {
		if (document.mediaPlayer.versionInfo < 10) {
			displayString += "Vous utilisez Windows Media Player Version " + document.mediaPlayer.versionInfo + ".";
			displayString += "<br />Les titres t&eacute;l&eacute;charg&eacute;s sur e-compil sont exclusivement utilisables avec le lecteur Windows Media Player 10.<br />";
		}
		displayString += "<br /><br />";
	}

	if (displayString.length > 0) {
		displayString += "Pour plus d'information, consultez la <a href='//main/faqSommaire.html'>FAQ</a>.";
		document.write(displayString);
		document.getElementById("configInfos").style.display="block";
	}
}