$(document).ready(function() {

	//Load artist items
	$.ajax({
		async: true,
		url: 'data/artist-items.xml',
		type: 'GET',
		dataType: 'xml',
		error: function(xml){
			//history.go(0);
			//alert('Error loading XML document');
			//alert(xml);
		},
		success: function(xml){
			$('item', xml).each(function() {
			
				var titlehtml = "";
				var title = $(this).find('title').contents();
				title.each(function(){
					if($(this).text() === "")
						titlehtml+="<br />";
					else
						titlehtml+=$(this).text();
				});
				
				var deschtml = "";
				var description = $(this).find('description').contents();
				description.each(function(){
					if($(this).text() === "")
						deschtml+="<br />";
					else
						deschtml+=$(this).text();
				});
				
				var folder = $(this).find('images').attr('folder');				
				
				
				var divhtml = "<div id=\"artist-item\">";
				
				var vid = "";
				var varr = $(this).find('vid');
				$(this).find('vid').each(function(idx){
					if(idx == (varr.length -1)) {
						vid += $(this).text()+";"+$(this).attr('formato');
					} else {
						vid += $(this).text()+";"+$(this).attr('formato')+"|";
					}
				});
				
				var detailslink = "<a id=\"lnk_"+folder+"\" href=\"artistdetails.php?video="+vid+"&folder="+folder+"&title="+titlehtml+"&desc="+deschtml+"\">";
				var linkclose = "</a>";
				
				
				var detailsform = "<form id=\"frm_"+folder+"\" method=\"post\" action=\"artistdetails.php\">";
				detailsform += "<input type=\"hidden\" name=\"video\" value=\""+vid+"\" />";
				detailsform += "<input type=\"hidden\" name=\"folder\" value=\""+folder+"\" />";
				detailsform += "<input type=\"hidden\" name=\"title\" value=\""+titlehtml+"\" />";
				detailsform += "<input type=\"hidden\" name=\"desc\" value=\""+deschtml+"\" />";
				detailsform += "</form>";
				
				divhtml += "<h1>"+detailslink;
				divhtml += titlehtml;
				divhtml += linkclose+"</h1>";
				
				divhtml += "<p class=\"description\">";
				divhtml += deschtml;
				divhtml += "</p>";
				divhtml += "</div>";
				
				$("#left-content").append(divhtml);
				//$("#left-content").append(detailsform);
				
				var divportada = "<div id=\"artist-portada\">";
				
				var portada = $(this).find('images').attr('portada');
				var imgportadapath = "data/"+folder+"/"+portada;
				
				var imgportada = new Image();
				imgportada.src = imgportadapath;
				
				var imglink = "<a id=\"img_"+folder+"\" href=\"artistdetails.php?video="+vid+"&folder="+folder+"&title="+titlehtml+"&desc="+deschtml+"\">";
				divportada += imglink+"<img border=\"0\" src=\""+imgportada.src+"\" alt=\""+$(this).find('title').text()+"\" title=\""+$(this).find('title').text()+"\" width=\"682px\" height=\"150px\" />";
				divportada += linkclose;
				divportada += "</div>";
				
				$("#right-content").append(divportada);
				$("#right-content").append(detailsform);
			});
			
			
			//Init links on artists
			$("#artist-item a").each(function(){
				$(this).click(function(){
					var fld = $(this).attr('id').split('_');
					var formid = "form#frm_"+fld[1];
					//alert(formid);
					$(formid).submit();
					//$(this).parent().parent().next().submit();
					return false;				
				});
			});
			
			//Init links on portadas
			$("#artist-portada a").each(function(){
				$(this).click(function(){
					var fld = $(this).attr('id').split('_');
					var formid = "form#frm_"+fld[1];
					//alert(formid);
					$(formid).submit();
					//$(this).parent().next().submit();
					return false;
				});
			});
		}
	}); 	


	
	

});