/***********************************************************************************************************
 *** Javascript Functions **************************************************************************
 ***********************************************************************************************************/
jQuery(function(){

	//temporary path to test audio
	var path = 'portfolio/01-Rayman/media/';

	//var audioElement = createAudioElement(true);
	//var videoElement = createVideoElement(true);	
	
/*	$("#audio").css("visibility","hidden");
	$("#mep_0").css("visibility","hidden");
	$("#playlist").hide();
	$("#video").fadeIn(10);*/	
	
	$("#playlist li").click(function(){
		//alert(current_page);
		index = $(this).index();
		$.get(current_page+"/"+current_page+".xml", function(xml){
			i = myVar(index);
		    pippo = $(xml).find("Song:eq("+i+")").find("Filename").text();
		    //alert(pippo);
			var tag = '<audio id="audio_element"><source type="audio/mp3" src="'+current_page+'/music/' +pippo+'.mp3'+ '" /><source type="audio/ogg" src="'+current_page+'/music/' +pippo+'.ogg'+ '" /></audio>';
			//alert(tag);
			$('#audio-wrapper').html(tag);
			audioElement = createAudioElement(false);
		},"xml");
		$(this).css("color", "Red");
		$(this).css("font-weight", "bold");
		$(this).siblings().css("color", "black");
		$(this).siblings().css("font-weight", "normal");
	});

/*	$("#show-audio").click(function(){
		//videoElement.pause();
		videoElement.setSrc("null");
		videoElement.setSrc("mediaelement/media/echo-hereweare.ogv");
		//videoElement.load();
		$("#video").fadeOut(500);
		$("#audio").css("visibility","visible");
		$("#mep_0").css("visibility","visible");
		$("#audio").fadeIn(400);
		$("#mep_0").fadeIn(400);
		$("#playlist").fadeIn(400);
	})

	$("#show-video").click(function(){
		//audioElement.pause();
		audioElement.setSrc("null");
		audioElement.setSrc([{src:path+$(this).text()+'.ogg',type:'audio/ogg'},{src:path+$(this).text()+'.mp3',type:'audio/mp3'}]);
		//audioElement.load();
		$("#audio").fadeOut(500);		
		$("#video").fadeIn(400);
	})
	

	$("div.show-panel").click(function(){		
		//get id of current project
		project_id = $(this).attr("id");	
		//AJAX request for XML
		$.get("../dpstudios/portfolio/projects.xml", xmlParser, "xml");
		//panel fade
		$("#lightbox-panel").css("visibility","visible");
		$("#lightbox, #lightbox-panel").fadeIn(600);
		
	})
		
	$("a#close-panel").click(function(){
		//audioElement.pause();
		//videoElement.pause();
		$("#lightbox, #lightbox-panel").fadeOut(300);
		
	})*/
	
	$('p#login a').click(function(){
		$(this).remove();		
		$('p#login').append("<FORM ACTION = '"+samepage+"?menu=login&log=true' METHOD='POST'><INPUT id='password' TYPE='password' NAME='passwd' SIZE='20' MAXLENGTH='30'><INPUT TYPE='submit' VALUE='access'></FORM>");
	})
})
 
function createAudioElement(silent) {  
	//alert($('#audio-wrapper').html());
  var audioElement = new MediaElementPlayer('#audio_element', {
  	audioWidth: 320,
	audioHeight: 30,
    success : function(audioElement, domNode) {	  
      if (!silent) {
        //this is important when switching tracks, 
        //I found other calls to play() wouldn't work the first time
        //after a switch
        audioElement.play(); 
      }
    }
  });
  //audioElement.load();
  return audioElement;
}

function createVideoElement(silent) { 
  var videoElement = new MediaElementPlayer('#video_element', {
    success : function(videoElement, domNode) {      
	  if (!silent) {
        videoElement.play(); 
      }
    }
  });
  videoElement.load();  
  //videoElement.pause();
  return videoElement;
}

function xmlParser(xml) {
	prj = 43 - myVar(project_id);
    $(xml).find("Project").each(function (i) {		
		if (i == prj ){		
			$("#detail_text p:eq(0)").text($(this).find("Title").text());
			$("#detail_text p:eq(1)").text($(this).find("Publisher").text());
			$("#detail_text p:eq(2)").text($(this).find("Date").text());
			$("#detail_text p:eq(3)").text($(this).find("Platform").text());
		}
    });
}

function myVar(id){
	return id;
}

//function show_login(){ 
	//var div_content="<FORM ACTION = "+<?echo $samepage;?>+"?menu=login&log=true METHOD='POST'><INPUT TYPE='password' NAME='passwd' SIZE='20' MAXLENGTH='30'><INPUT TYPE='submit' VALUE='access'></FORM>";

	//document.getElementById("signup").innerHTML=div_content;
		
	//var oIfr = document.getElementById('project'); 		
	//oIfr.style.display='block';
	//}