var $j = jQuery.noConflict();	

		
	function formatTime(secs){
		   var times = new Array(60, 1);
		   var time = '';
		   var tmp;
		   for(var i = 0; i < times.length; i++){
		      tmp = Math.floor(secs / times[i]);
		      if(tmp < 1){
		         tmp = '00';
		      }
		      else if(tmp < 10){
		         tmp = '0' + tmp;
		      }
		      time += tmp;
		      if(i == 0){
		         time += ':';
		      }
		      secs = secs % times[i];
		   }		  
		   return time;
		   
		   
	  }      
	  
      // Update a particular HTML element with a new value
      function updateHTML(elmId, value) {
        document.getElementById(elmId).innerHTML = value;
      }
      
      function onPlayerError(errorCode) {
        alert("Fehler:" + errorCode);
      }
      
      function onPlayerStateChange(newState) {
			if(ytplayer.getPlayerState()==1){
		   		$j("#youtube_index_play span").removeClass("ui-icon-play").addClass("ui-icon-pause");
		    }
		    else{
		   		$j("#youtube_index_play span").removeClass("ui-icon-pause").addClass("ui-icon-play");
		    }
      }
      
      function updatePlayerInfo() {
        if(ytplayer && ytplayer.getDuration) {
        	//ZEIT ANZEIGEN
        	var $loadedbytes= ytplayer.getVideoBytesLoaded();
        	if($loadedbytes<0) $loadedbytes=0;
        	var $totalbytes= ytplayer.getVideoBytesTotal();
        	$prozent =  parseInt($loadedbytes / $totalbytes  * 100);
        	
        	var $zeit=formatTime(ytplayer.getCurrentTime());
        	$j("#youtube_time_display").text($zeit);
        	
        	

        	//$j("#yt_progress").progressbar({'value': parseInt($prozent)});
        	$j("#yt_progress").progressbar('option','value',$prozent);
        }
      }
      
      // Allow the user to set the volume from 0-100
      function setVideoVolume() {
        var volume = parseInt(document.getElementById("volumeSetting").value);
        if(isNaN(volume) || volume < 0 || volume > 100) {
          alert("Please enter a valid volume between 0 and 100.");
        }
        else if(ytplayer){
          ytplayer.setVolume(volume);
        }
      }
      
      function playVideo() {
        if (ytplayer) {
          ytplayer.playVideo();
        }
      }
      
      function pauseVideo() {
        if (ytplayer) {
          ytplayer.pauseVideo();
        }
      }
      
      function muteVideo() {
        if(ytplayer) {
          ytplayer.mute();
        }
      }
      
      function unMuteVideo() {
        if(ytplayer) {
          ytplayer.unMute();
        }
      }
      
      
      // This function is automatically called by the player once it loads
      function onYouTubePlayerReady(playerId) {
        ytplayer = document.getElementById("ytPlayer");
        // This causes the updatePlayerInfo function to be called every 250ms to
        // get fresh data from the player
        setInterval(updatePlayerInfo, 250);
        updatePlayerInfo();
        ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
        ytplayer.addEventListener("onError", "onPlayerError");
        //Load an initial video into the player
        ytplayer.cueVideoById("i1-BLHi6-d0");
        ytplayer.setVolume(70);
        /*
setTimeout(function(){
        			var $proz=$j("#yt_progress").progressbar('option','value');
        			var $totalDuration = ytplayer.getDuration();
        			$j('#volume_slider').slider({
      	 			'min':0,
      	 			'max':$totalDuration,
      	 			 change: function(event, ui) { 
			 			var seekTo = parseInt(ui.value);		        
		       			ytplayer.seekTo(seekTo, true)
		       			ytplayer.playVideo();
		          
		       		 }

      	 		});
     	} ,1000);*/
     	
     		$j('#volume_slider').slider({
			 min:1,
			 max:100,
			 value:ytplayer.getVolume(),
			 change: function(event, ui) { 
			 	var volume = parseInt(ui.value);
		        if(isNaN(volume) || volume < 0 || volume > 100) {
		        }
		        else if(ytplayer){
		          ytplayer.setVolume(volume);
		        }

			 }

		});

        
      
      	 

      }
      
      // The "main method" of this sample. Called when someone clicks "Run".
      function loadPlayer() {
        // Lets Flash from another domain call JavaScript
        var params = { allowScriptAccess: "always" };
        // The element id of the Flash embed
        var atts = { id: "ytPlayer" };
        // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
        swfobject.embedSWF("http://www.youtube.com/apiplayer?" +
                           "&enablejsapi=1&playerapiid=player1",
                           "videos_index", "360", "205", "8", null, null, params, atts);
      }
    
    
     
      
      
jQuery(function(){

	$j(document).ready(function($){
		
		loadPlayer();
		
		$('#youtube_index_play').click(function(){
			if(ytplayer.getPlayerState()!=1){
				ytplayer.playVideo();
		    }
		    else{
				ytplayer.pauseVideo();
			}
		});
		
	
		$j("#yt_progress").progressbar();

		
		$j('.videoSlideEl').each(function(){
			var listelement = $(this);
			listelement.click(function(){
				var videoID=listelement.find('img').attr("alt");
				if(ytplayer) {
 				   ytplayer.loadVideoById(videoID);
 				 }
  			}).mouseenter(function(){
  				listelement.find('.videoplaybtn').fadeIn();
  			}).mouseleave(function(){
  				listelement.find('.videoplaybtn').fadeOut();
  			});
		});
		
		
		var $prev = $('#video_next');
		var $next = $('#video_prev');
		$('#videoListe').serialScroll({
			items:'.videoSlideEl', 
			prev:'#video_prev',
			next:'#video_next',
			axis:'x',
			start:1,
			event:'mousemove',
			duration:600,
			easing:'easeOutCirc',
			exclude:2,
			stop:false,
			lock:true,
			cycle:false,
			onBefore:function( e, elem, $pane, $items, pos ){
			
			}		

		});				
		
	
		/*

		$("#videoListe p").each(function(i){
		
			jsonurl = 'http://gdata.youtube.com/feeds/api/videos/'+$(this).text().trim()+'?alt=json-in-script&callback=?';
			aktLink = $(this);		

			$.getJSON(jsonurl, function(data) {			
 			  var entry = data.entry;
			  var titel = entry.title.$t;			
			  var thumb = entry.media$group.media$thumbnail[1].url;
			  var myid  = entry.id.$t.replace('http://gdata.youtube.com/feeds/api/videos/','');
			  var dauer = formatTime(entry.media$group.yt$duration.seconds);
			  
			  $("#videoListe").append('<p class="test">'+titel+'</p>');
			  
			});
		
		
					
			
		});
		*/
		
		
	
				
			 
	});
});