var playing;
var switchTitle = 0;
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
var videoId = '';
var playingSymbol = "=";
var pauseSymbol = ">";
var startRq = 1;
var getTitlePerPage = 8;
var endRq = getTitlePerPage;
myPlaylistListLIHeight = 25;
var play_control;
var userseek = 0;
var titleMaxLength = 50;
var titleTickerLength = 25;
var stopped = 0;
var myPlayerDiv;
var loggedin = 0;
var playlist = new Object ();
var playlistCounter = 0;
var shuffle = 0;
var userId;

	// picture preload
	document.preload = new Array();
	document.preload[0] = new Image();
	document.preload[0].src = "Bilder/Abstandhalter.gif";
 	document.preload[1] = new Image();
	document.preload[1].src = "Bilder/abtrennung.png";
 	document.preload[2] = new Image();
	document.preload[2].src = "Bilder/addto_btn.png";
 	document.preload[3] = new Image();
	document.preload[3].src = "Bilder/addto_hover.png";
 	document.preload[4] = new Image();
	document.preload[4].src = "Bilder/anleitung.png";
 	document.preload[5] = new Image();
	document.preload[5].src = "Bilder/back_blank.png";
 	document.preload[6] = new Image();
	document.preload[6].src = "Bilder/background.png";
 	document.preload[7] = new Image();
	document.preload[7].src = "Bilder/button_bg.png";
 	document.preload[8] = new Image();
	document.preload[8].src = "Bilder/button_bgbig.png";
 	document.preload[9] = new Image();
	document.preload[9].src = "Bilder/buttons_bg.png";
 	document.preload[10] = new Image();
	document.preload[10].src = "Bilder/buttons_bg_179.png";
 	document.preload[11] = new Image();
	document.preload[11].src = "Bilder/cancel_btn.png";
 	document.preload[12] = new Image();
	document.preload[12].src = "Bilder/cancel_btn_hover.png";
 	document.preload[13] = new Image();
	document.preload[13].src = "Bilder/close.png";
 	document.preload[14] = new Image();
	document.preload[14].src = "Bilder/close_btn.png";
 	document.preload[15] = new Image();
	document.preload[15].src = "Bilder/close_hover.png";
 	document.preload[16] = new Image();
	document.preload[16].src = "Bilder/delete_btn.png";
 	document.preload[17] = new Image();
	document.preload[17].src = "Bilder/delete_hover.png";
 	document.preload[18] = new Image();
	document.preload[18].src = "Bilder/delete_konsole_active.png";
 	document.preload[19] = new Image();
	document.preload[19].src = "Bilder/delete_konsole_btn.png";
 	document.preload[20] = new Image();
	document.preload[20].src = "Bilder/delete_konsole_hover.png";
 	document.preload[21] = new Image();
	document.preload[21].src = "Bilder/delete_works.gif";
 	document.preload[22] = new Image();
	document.preload[22].src = "Bilder/edit_active.png";
 	document.preload[23] = new Image();
	document.preload[23].src = "Bilder/edit_btn.png";
 	document.preload[24] = new Image();
	document.preload[24].src = "Bilder/edit_hover.png";
 	document.preload[25] = new Image();
	document.preload[25].src = "Bilder/edit_works.gif";
 	document.preload[26] = new Image();
	document.preload[26].src = "Bilder/email_input.png";
 	document.preload[27] = new Image();
	document.preload[27].src = "Bilder/email_inputsuccess.png";
 	document.preload[28] = new Image();
	document.preload[28].src = "Bilder/email_inputwrong.png";
 	document.preload[29] = new Image();
	document.preload[29].src = "Bilder/first_btn.png";
 	document.preload[30] = new Image();
	document.preload[30].src = "Bilder/flashFix_bg.png";
 	document.preload[31] = new Image();
	document.preload[31].src = "Bilder/fortschritt.png";
 	document.preload[32] = new Image();
	document.preload[32].src = "Bilder/fortschritt_btn.gif";
 	document.preload[33] = new Image();
	document.preload[33].src = "Bilder/fortschritt_btn.png";
 	document.preload[34] = new Image();
	document.preload[34].src = "Bilder/fortschrittbig.png";
 	document.preload[35] = new Image();
	document.preload[35].src = "Bilder/gotologin.png";
 	document.preload[36] = new Image();
	document.preload[36].src = "Bilder/gotologin_hover.png";
 	document.preload[37] = new Image();
	document.preload[37].src = "Bilder/header.png";
 	document.preload[38] = new Image();
	document.preload[38].src = "Bilder/input_usrn.png";
 	document.preload[39] = new Image();
	document.preload[39].src = "Bilder/konsole_info.png";
 	document.preload[40] = new Image();
	document.preload[40].src = "Bilder/konsole_right.png";
 	document.preload[41] = new Image();
	document.preload[41].src = "Bilder/login_bg.png";
 	document.preload[42] = new Image();
	document.preload[42].src = "Bilder/login_btn.png";
 	document.preload[43] = new Image();
	document.preload[43].src = "Bilder/login_head.png";
 	document.preload[44] = new Image();
	document.preload[44].src = "Bilder/login_hover.png";
 	document.preload[45] = new Image();
	document.preload[45].src = "Bilder/lostpw_btn.png";
 	document.preload[46] = new Image();
	document.preload[46].src = "Bilder/lostpw_hover.png";
 	document.preload[47] = new Image();
	document.preload[47].src = "Bilder/minimize_btn.png";
 	document.preload[48] = new Image();
	document.preload[48].src = "Bilder/new_active.png";
 	document.preload[49] = new Image();
	document.preload[49].src = "Bilder/new_btn.png.png";
 	document.preload[50] = new Image();
	document.preload[50].src = "Bilder/new_hover.png";
 	document.preload[51] = new Image();
	document.preload[51].src = "Bilder/new_works.gif";
 	document.preload[52] = new Image();
	document.preload[52].src = "Bilder/next1_btn.png";
 	document.preload[53] = new Image();
	document.preload[53].src = "Bilder/next1_btn.psd";
 	document.preload[54] = new Image();
	document.preload[54].src = "Bilder/next1_hover.png";
 	document.preload[55] = new Image();
	document.preload[55].src = "Bilder/next_btn.png";
 	document.preload[56] = new Image();
	document.preload[56].src = "Bilder/next_hover.png";
 	document.preload[57] = new Image();
	document.preload[57].src = "Bilder/password_input.png";
 	document.preload[58] = new Image();
	document.preload[58].src = "Bilder/password_inputsuccess.png";
 	document.preload[59] = new Image();
	document.preload[59].src = "Bilder/password_inputwrong.png";
 	document.preload[60] = new Image();
	document.preload[60].src = "Bilder/paused_btn.png";
 	document.preload[61] = new Image();
	document.preload[61].src = "Bilder/paused_hover.png";
 	document.preload[62] = new Image();
	document.preload[62].src = "Bilder/play_btn.png";
 	document.preload[63] = new Image();
	document.preload[63].src = "Bilder/play_hover.png";
 	document.preload[64] = new Image();
	document.preload[64].src = "Bilder/player_bg.png";
 	document.preload[65] = new Image();
	document.preload[65].src = "Bilder/player_bgbig.png";
 	document.preload[66] = new Image();
	document.preload[66].src = "Bilder/player_titel.png";
 	document.preload[67] = new Image();
	document.preload[67].src = "Bilder/playerleiste.png";
 	document.preload[68] = new Image();
	document.preload[68].src = "Bilder/playlist_active.png";
 	document.preload[69] = new Image();
	document.preload[69].src = "Bilder/playlist_active_copy.png";
 	document.preload[70] = new Image();
 	document.preload[70].src = "Bilder/playlist_bg_01.png";
 	document.preload[71] = new Image();
	document.preload[71].src = "Bilder/playlist_bg_02.gif";
 	document.preload[72] = new Image();
	document.preload[72].src = "Bilder/playlist_bg_02.png";
 	document.preload[73] = new Image();
	document.preload[73].src = "Bilder/playlist_bg_alt.png";
 	document.preload[74] = new Image();
	document.preload[74].src = "Bilder/playlist_bgbig.png";
 	document.preload[75] = new Image();
	document.preload[75].src = "Bilder/playmoment.png";
 	document.preload[76] = new Image();
	document.preload[76].src = "Bilder/playmoment_bg_line.png";
 	document.preload[77] = new Image();
	document.preload[77].src = "Bilder/playmomentbig.png";
 	document.preload[78] = new Image();
	document.preload[78].src = "Bilder/pre1_btn.png";
 	document.preload[79] = new Image();
	document.preload[79].src = "Bilder/prev1_btn.png";
 	document.preload[80] = new Image();
 	document.preload[80].src = "Bilder/prev1_btn.psd";
 	document.preload[81] = new Image();
	document.preload[81].src = "Bilder/prev1_hover.png";
 	document.preload[82] = new Image();
	document.preload[82].src = "Bilder/prev_btn.png";
 	document.preload[83] = new Image();
	document.preload[83].src = "Bilder/prev_hover.png";
 	document.preload[84] = new Image();
	document.preload[84].src = "Bilder/pwd_head.png";
 	document.preload[85] = new Image();
	document.preload[85].src = "Bilder/pwd_input.png";
 	document.preload[86] = new Image();
	document.preload[86].src = "Bilder/register_bg.png";
 	document.preload[87] = new Image();
	document.preload[87].src = "Bilder/register_btn.png";
 	document.preload[88] = new Image();
	document.preload[88].src = "Bilder/register_hover.png";
 	document.preload[89] = new Image();
	document.preload[89].src = "Bilder/save_active.png";
	document.preload[90] = new Image();
 	document.preload[90].src = "Bilder/save_btn.png";
 	document.preload[91] = new Image();
	document.preload[91].src = "Bilder/save_hover.png";
 	document.preload[92] = new Image();
	document.preload[92].src = "Bilder/save_works.gif";
 	document.preload[93] = new Image();
	document.preload[93].src = "Bilder/seachtresults_bg.png";
 	document.preload[94] = new Image();
	document.preload[94].src = "Bilder/search_btn.png";
 	document.preload[95] = new Image();
	document.preload[95].src = "Bilder/search_foot.png";
 	document.preload[96] = new Image();
	document.preload[96].src = "Bilder/search_hover.png";
 	document.preload[97] = new Image();
	document.preload[97].src = "Bilder/search_input.png";
 	document.preload[98] = new Image();
	document.preload[98].src = "Bilder/search_right.png";
 	document.preload[99] = new Image();
	document.preload[99].src = "Bilder/search_top.png";
  	document.preload[100] = new Image();
	document.preload[100].src = "Bilder/site_foot.png";
 	document.preload[101] = new Image();
	document.preload[101].src = "Bilder/slice_04.png";
 	document.preload[102] = new Image();
	document.preload[102].src = "Bilder/stop_btn.png";
 	document.preload[103] = new Image();
	document.preload[103].src = "Bilder/stop_hover.png";
 	document.preload[104] = new Image();
	document.preload[104].src = "Bilder/submit_btn.png";
 	document.preload[105] = new Image();
	document.preload[105].src = "Bilder/submit_btn_hover.png";
 	document.preload[106] = new Image();
	document.preload[106].src = "Bilder/username_inputsuccess.png";
 	document.preload[107] = new Image();
	document.preload[107].src = "Bilder/username_inputwrong.png";
 	document.preload[108] = new Image();
	document.preload[108].src = "Bilder/usrn_head.png";
 	document.preload[109] = new Image();
	document.preload[109].src = "Bilder/YouTube-Playlist.jpg";
 	document.preload[110] = new Image();
	document.preload[110].src = "Bilder/load_btn.png";
 	document.preload[111] = new Image();
	document.preload[111].src = "Bilder/load_btn_hover.png";
 	document.preload[112] = new Image();
	document.preload[112].src = "Bilder/load_btn_activ.gif";
 	document.preload[113] = new Image();
	document.preload[113].src = "Bilder/infobox.png";
	document.preload[114] = new Image();
	document.preload[114].src = "Bilder/deletelist_bg.png";
	document.preload[115] = new Image();
	document.preload[115].src = "Bilder/deletelist_cancel.png";
	document.preload[116] = new Image();
	document.preload[116].src = "Bilder/deletelist_delete.png";
	document.preload[117] = new Image();
	document.preload[117].src = "Bilder/deletelist_cancel_hover.png";
	document.preload[118] = new Image();
	document.preload[118].src = "Bilder/deletelist_delete_hover.png";
	document.preload[119] = new Image();
	document.preload[119].src = "Bilder/deletelist_bg_active.gif";	
	document.preload[120] = new Image();
	document.preload[120].src = "Bilder/ok_button.png";	
	document.preload[120] = new Image();
	document.preload[120].src = "Bilder/ok_button_hover.png";	




function setTitle(myTitle) {
	var ptitle = document.getElementById("songtitel");
	
	
	 var browser=navigator.appName;
	 if(browser=="Microsoft Internet Explorer")
	 	var j = 1;
	 else
		var j = 3;
		
	if(ptitle.childNodes[j])
	{
		ptitle.childNodes[j].removeChild(ptitle.childNodes[j].childNodes[0]);
		var mytitle = playing.firstChild.childNodes[0].nodeValue;
		ptitle.childNodes[j].appendChild(document.createTextNode(prepareTitle(mytitle,titleTickerLength)));
	}
	else
	{
		var mySpan = document.createElement("span");
		var mytitle = playing.firstChild.childNodes[0].nodeValue;
		ptitle.appendChild(mySpan);
		mySpan.appendChild(document.createTextNode(prepareTitle(mytitle,titleTickerLength)));		
	}
}


/**
 * Scroll funktion on title change
 */
 
 function setopacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// ie/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLopacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.Mozopacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
} 
 
function setScroll() {
	
	var userScrollPosition = document.getElementById("playlist_bg").scrollTop;
	
	var playlistEle = playing;
	//get the position of the current playing title
	var counter = 0;
	//alert('es soll sein: ' + playlistEle.getAttribute("ytid") + ' es wird gespielt: ' + playing.getAttribute("ytid"));
	
	while(playlistEle.previousSibling != null)
	{
		playlistEle = playlistEle.previousSibling;	
		counter++;
	}
	
	if(userScrollPosition >(myPlaylistListLIHeight*counter))
		var scrollValue = (userScrollPosition-(myPlaylistListLIHeight*counter))*-1;
	else
		var scrollValue = (myPlaylistListLIHeight*counter)-userScrollPosition;
	
	//find and cancel if exist the current scrolling effekt
	if(que = Effect.Queues.get('menuxscope'))
	{
		que.each(function(effect) { effect.cancel(); });

	}
	
	new Effect.Scroll("playlist_bg",
		{y: scrollValue, queue: {position:'end', scope: 'menuxscope', limit: 1 } }	
	);
}

 function updateHTML(elmId, value) {
 	document.getElementById(elmId).innerHTML = value;
 }


function getNextPageResults() {
	searchVideo("next");

}
function getPrevPageResults() {
	searchVideo("previous");

}

function setSize(newWidth, newHeight){
	if(ytplayer)
	{
		ytplayer.setSize(newWidth, newHeight);

	}
}

function play(){
	if(ytplayer)
	{
		ytplayer.playVideo();

	}
}

function seekTo(val) {
	
	if(ytplayer )
	{

		ytplayer.seekTo(val, true);

	}
}
function getCurrentTime() {
    if (ytplayer) {
       return ytplayer.getCurrentTime();
    }
}

function getPlayerState(){
	if(ytplayer)
	{
		return ytplayer.getPlayerState();
	}
}


function pause(){
	if(ytplayer)
	{
		ytplayer.pauseVideo();
	}
}

function stop(){
	if(ytplayer)
	{
		ytplayer.stopVideo();
	}
}

function loadNextVideo(vid) {
	
	ytplayer.loadVideoById(vid,0);
}

/**
 * Function to move seek button on the current position
 */
function updateytplayerInfo() {
    //title time...
    var currSeks = getCurrentTime();

    var mins = Math.floor(currSeks/60);
    
    var seks = Math.floor(currSeks-(mins*60));
    if(seks <10)
    	updateHTML("song_time", mins + ":"+ "0" + seks);
    else
    	updateHTML("song_time", mins + ":" + seks);
    
	if (userseek == 0)
	{
		play_control.dispose();
	     
	    //create slider
	    var mytitle = playing.firstChild.childNodes[0].nodeValue;
		var mytime = playing.childNodes[2].childNodes[0].nodeValue;
		mytimeHelper = mytime.split(":");
		mytimeSek =  mytimeHelper[0]*60;
		mytimeSek = parseInt(mytimeSek) + parseInt(mytimeHelper[1]);
		var play_slider = $('play_slider');
		play_control = new Control.Slider($('handle'), play_slider, {
		   	range: $R(0, mytimeSek),
		   	sliderValue: getCurrentTime(),
		    	onSlide: function(value) { 
		     		userseek = 1 ;
		     	},
		     	onChange: function(value) { 
					seekTo(value);
		     	}
		 	  }
		   );      
	 } 
	 userseek = 0;
	 
	 //set ticket for  title...
	 var browser=navigator.appName;
	 if(browser=="Microsoft Internet Explorer")
	 	var j = 1;
	 else
		var j = 3;

 }


function onYouTubePlayerReady(playerId) {
      ytplayer = document.getElementById("myytplayer");
      setInterval(updateytplayerInfo, 1000);
      if (ytplayer) 
		{ 
			ytplayer.loadVideoById(videoId,0);
			//ytplayer.playVideo();
		}
      
      // ytplayer.playVideo();
      ytplayer.addEventListener("onStateChange", "listenToNext");

}

function listenToNext(newState) {

	if(newState == 0  && switchTitle == 0)
	{
		
		//jump to the first element if the playlist ends...
		if(playing.nextSibling == null)
  		{
		  	if(shuffle == 1)
			{
				
				randomTitle = Math.round(Math.random()*(playing.parentNode.childNodes.length-1));
				playTitlebyId(playing.parentNode.childNodes[randomTitle].getAttribute("ytid"));
				setScroll();
				return;
			}
			
			var playingColor = playing.style.color;
		  	var browser=navigator.appName;
		  	if(browser=="Microsoft Internet Explorer")
				var j = 1;
			else
				var j = 3;
			//new part
			var playlist = document.getElementById("playlistUL");
			loadNextVideo(playlist.childNodes[0].getAttribute("ytid"));
			var bggg = document.createAttribute("class");
			bggg.nodeValue = "";
			playing.setAttributeNode(bggg);
			
			playing = playlist.childNodes[0];
			//delete the title and set
			var ptitle = document.getElementById("songtitel");
	
			ptitle.childNodes[j].removeChild(ptitle.childNodes[j].childNodes[0]);
			var mytitle = playing.firstChild.childNodes[0].nodeValue;
			ptitle.childNodes[j].appendChild(document.createTextNode(mytitle));
			
			//playing.setAttribute("id", "titlePlaying");
			bggg = document.createAttribute("class");
			bggg.nodeValue = "titlePlaying";
			playing.setAttributeNode(bggg);
		
			switchTitle = 0;
			setScroll();
  		}
  		else
  		{
			playNext();
		}
	}
}


function getElementByYtId(id, target) {
	if(target == "playlist")
		var myul = $("playlistUL");
	else
		var myul = $("resultList");
	if(	myul.childNodes[0].value == -1 || myul.childNodes[0].value == 0)
		var i = 0;
	else
		var i = 1;
	
	/*
	//alert(myul.childNodes[0].value);
	//Firefox first element is empty
	if(myul.childNodes[k].value == 0 || myul.childNodes[k].value == -1 )
	{
		var i = k;
	}
	else
	{
		var i = k;
	}
	*/
	for(; i<myul.childNodes.length; i++)
	{
		
		if(id == myul.childNodes[i].getAttribute("ytid")){
			
			return myul.childNodes[i];
		}
	}
	return 0;
}

function prepareDuration(secs) {
	var m = 0;
	var s;
	
	while(secs>60)
	{
		secs = secs-60;
		m = m+1;
	}
	s = secs;
	if(s<10)
		return (m+":0"+s);
	else
		return (m+":"+s);
}

function prepareTitle(title, length) {
	if(title.length >length)
	{
		var myString = "";
		myString = title;
		
	    title = myString.substr(0,length);
		title = title + "...";
	}
		
	return title;
}
function searchVideo(option){
	
	var searchTitle = document.getElementById('searchTitle').value;
	searchTitle = str_replace(" ", "-", searchTitle);
	
	
	var myTargetList = document.getElementById('resultList');
	if(myTargetList.getElementsByTagName("li")[0])
		var newSearch = 1;
	else
		var newSearch = 0;
	
	
	var doOnLoading = function(r) {
		var myTargetList = document.getElementById('resultList');
		//alert(myTargetList.childNodes.length);
		//wenn was drin ist... das alte loeschen
		if(myTargetList.getElementsByTagName("li")[0]){
			
			for (var j = 0; j<99; j++)
			{
				
				var mylu = myTargetList.firstChild;
				var delnode = myTargetList.removeChild(mylu);
				
			}
		}
		
	}
	
	
	
	
	var prepareXML = function(rq) {
		var root = rq.responseXML.getElementsByTagName("data");
		var clips = root[0].getElementsByTagName("element");
		var myTargetList = document.getElementById('resultList');
		
		//delete the previous page button if exist
		var prevPageBtn = $('prev1_btn');
 		if (prevPageBtn != null)
		{
			prevPageBtn.style.display = "none";
		}
		//create previous page button
		if(startRq > 1)
		{
			/*var prevPageFunc = "getPrevPageResults();";
			resultListFoot = document.getElementById("searchResults_foot");
			var titleDiv = document.createElement("div");
			var prevPageDiv = document.createElement("div");
			prevPageDiv.setAttribute("id", "prevPageDiv");
			prevPageDiv.appendChild(document.createElement("a"));
			prevPageDiv.firstChild.setAttribute("href", "#");
			prevPageDiv.firstChild.appendChild(document.createTextNode("prev Page"));
			prevPageDiv.firstChild.onclick = new Function(prevPageFunc);
			resultListFoot.appendChild(prevPageDiv);
			*/
			var prevPageBtn = $('prev1_btn');
			prevPageBtn.style.display = "block";
		}
		
		
		//delete the next page button if exist
		var nextPageBtn = $('next1_btn');
 		if (nextPageBtn != null)
		{	
			nextPageBtn.style.display = "none";
		}
		
		//create next page button
		if(clips.length ==getTitlePerPage)
		{
			var nextPageFunc = "getNextPageResults();";
			/*
			resultListFoot = document.getElementById("searchResults_foot");
			var titleDiv = document.createElement("div");
			var nextPageDiv = document.createElement("div");
			nextPageDiv.setAttribute("id", "nextPageDiv");
			nextPageDiv.appendChild(document.createElement("a"));
			nextPageDiv.firstChild.setAttribute("href", "#");
			nextPageDiv.firstChild.appendChild(document.createTextNode("next Page"));
			
			nextPageDiv.firstChild.onclick = new Function(nextPageFunc);
			resultListFoot.appendChild(nextPageDiv);
			*/
			var nextPageBtn = $('next1_btn');
			nextPageBtn.style.display = "block";

		}
		
		
		
		for (i=0; i<clips.length; i++)
		{
			
			var title = clips[i].getElementsByTagName("title")[0].firstChild.data;
			
			var duration = clips[i].getElementsByTagName("duration")[0].firstChild.data;
			var id = clips[i].getElementsByTagName("id")[0].firstChild.data;
			var ins = document.createElement("li");
			
			//ins.id = id;
			var playFunc = "addToPlaylist('"+id+"');";
			ins.appendChild(document.createElement("div"));
			ins.childNodes[0].setAttribute("id", "titleDiv");
			
			//add to playlist button
			ins.ondblclick = new Function(playFunc);
			ins.appendChild(document.createElement("div"));
			ins.childNodes[1].setAttribute("id", "toPlaylistDiv");
			ins.childNodes[1].appendChild(document.createElement("span"));
			ins.childNodes[1].firstChild.setAttribute("href", "#");
			ins.childNodes[1].firstChild.setAttribute("id", "playlist_btn");
			
			
			//ins.childNodes[2].firstChild.setAttribute("onClick", "addToPlaylist(\""+id+"\");");
			ins.childNodes[1].firstChild.onclick = new Function(playFunc);
			/*
			ins.childNodes[2].firstChild.appendChild(document.createTextNode(">>"));
			
			*/
			
			//lnegth button
			var length = document.createElement("div");
			ins.childNodes[0].appendChild(document.createTextNode(prepareTitle(title,titleMaxLength)));
			ins.appendChild(length);
			
			ins.childNodes[2].appendChild(document.createTextNode(prepareDuration(duration)));
			ins.childNodes[2].setAttribute("id", "durationDiv");
			ins.setAttribute("ytId", id);
			
			var browser=navigator.appName;
			
			//ins.style.opacity = "0";
			// make li 100 % invis
			//ins.style.opacity = "0";
			//ins.style.filter = "alpha(opacity=0)"; // IE?
			setopacity(ins,0);
			
			
			myTargetList.appendChild(ins);
			// create a light up from 0% to 100 %
			if(newSearch == 1 || browser=="Microsoft Internet Explorer")
				new Effect.Opacity(myTargetList.childNodes[i], { from: 0.0, to: 1.0, duration: 0.5 });
			else
				new Effect.Opacity(myTargetList.childNodes[i+1], { from: 0.0, to: 1.0, duration: 0.5 });
			
			
			
			
		}
		
	}
	
	if(option == "next") 
	{
		startRq += getTitlePerPage;
		endRq +=getTitlePerPage;
	}else if(option == "previous") 
	{
		if(startRq<(getTitlePerPage+1) || endRq<(getTitlePerPage+getTitlePerPage))
		{
			startRq = 1;
			endRq = getTitlePerPage;
		}
		else
		{
			startRq -= getTitlePerPage;
			endRq -=getTitlePerPage;
		}
	} else {
		startRq = 1;
		endRq = getTitlePerPage;
	}
	
	var options = {
		method: 'post',
		onLoaded: doOnLoading,
		onComplete: prepareXML,
		parameters: { title : searchTitle, start : startRq , end : endRq}
	};
	
	
	new Ajax.Request( 'search.php', options);
	//new Ajax.Request( 'test.xml', options);
	
	

}

function delTitleFromPlaylist(id) {
	//if user is logged in ... and he a playlist is loaded... add an information to the pool
	//but check if not still happend
	if ((loggedin == 1) && (checkInfoPool(consoleMsg.save) == 0))
	{
		addInfoPool(consoleMsg.save);
		
	}
	var myTitle = getElementByYtId(id, "playlist");
	myTitle.parentNode.removeChild(myTitle);
}

/**
 * Function that add a special Title to our playlist
 * @param id ( youtube id )
 */
function addToPlaylist(id) {
	
	//if user is logged in ... and he a playlist is loaded... add an information to the pool
	//but check if not still happend
	if ((loggedin == 1) && (checkInfoPool(consoleMsg.save) == 0))
	{
		addInfoPool(consoleMsg.save);
		
	}
	
	//get all informations from the search list
	var myli = getElementByYtId(id, "resultList");
	
	var title = myli.firstChild.childNodes[0].nodeValue;
	var browser=navigator.appName;
 	
	
	
	var duration = myli.childNodes[2].childNodes[0].nodeValue;
	
	
	//add it to the playlist
	var delTitleFunc = "delTitleFromPlaylist('"+id+"');";
	var playlist = document.getElementById("playlistUL");
	var ins = document.createElement("li");
	
	//add event on double click play that title 
	ins.ondblclick = function() {
	
		playTitlebyId(id);
	
	
	};
	
	ins.setAttribute("ytId", id);
	ins.setAttribute("id", id);
	var titleDiv = document.createElement("div");
	var delDiv = document.createElement("div");
	var durationDiv = document.createElement("div");
	titleDiv.setAttribute("id", "playlistTitleDiv");
	delDiv.setAttribute("id", "deleteDiv");
	delDiv.appendChild(document.createElement("span"));
	delDiv.firstChild.setAttribute("id", "delete");
	delDiv.firstChild.onclick = new Function(delTitleFunc);
	durationDiv.setAttribute("id", "playlistDurationDiv");
	titleDiv.appendChild(document.createTextNode(title));
	durationDiv.appendChild(document.createTextNode(duration));

	ins.appendChild(titleDiv);
	ins.appendChild(delDiv);
	ins.appendChild(durationDiv);
	//new Draggable(ins,
	//	{revert: true}
	//);
	
	playlist.appendChild(ins);
	Sortable.create(playlist,
		{
			scroll: "playlist_bg"
		}
	);
	/*
	Droppables.add(ins.firstChild,
		{ 
			onDrop: function(element, drop)
			{
				//alert("auf das Element: "+drop.parentNode.getAttribute("ytid"));
				//alert("gezogenes Element:"+element.getAttribute("ytid"));
				//insert the dragged element after the target
				//check if there is a nextSibling
				var target;
				if(drop.parentNode.nextSibling != null)
				{
					drop.parentNode.parentNode.insertBefore(element,drop.parentNode.nextSibling);
				}
				else
				{
					drop.parentNode.parentNode.appendChild(element);
				}
				
			}
		}
	);
	*/
}

/****************************************************************************************
 * Play Button Function																	*
 ****************************************************************************************/
 function playFirst() {

	var browser=navigator.appName;

 	//While Playing Section .... !
 	if (document.getElementById("player_window") == null)
 	{
 		
 		// if video ended by stop button state == stop
		
 		if(getPlayerState() == 0)
 		{
 			
 			var playButton = $('play_btn');
	 		playButton.setAttribute("id", "paused_btn");
 			
 			loadNextVideo(playing.getAttribute("ytid"));
 			
 		}
 		else
 		{
	 		// if player state == pause
	 		if(getPlayerState() == 2)
	 		{
	 			play();
	 			var playButton = $('play_btn');
	 			playButton.setAttribute("id", "paused_btn");
	 			/*
	 			if(browser=="Microsoft Internet Explorer")
					var k = 2;
				else
					var k = 3;
				pl_foot.childNodes[k].childNodes[0].nodeValue = playingSymbol;
	 			
	 			*/
	 		
	 		}
	 		else
			{
		 		
		 		pause();
		 		
		 		var pausedButton = $('paused_btn');
		 		if(pausedButton)
	 				pausedButton.setAttribute("id", "play_btn");
	 			
		 		/*
		 		//change the play button layout	
				if(browser=="Microsoft Internet Explorer")
					var k = 2;
				else
					var k = 3;
				pl_foot.childNodes[k].childNodes[0].nodeValue = pauseSymbol;
	 			
	 			*/ 
	 		}
	 	}
 	}
 	else
 	{
	 	
			
	 	//make sure, that there are 1 or more elements
	 	var playlist = document.getElementById("playlistUL");
	 	//IE starts with firstChild, not FF and opera  
		
		if(browser=="Microsoft Internet Explorer")
			var i = 0;
		else
			var i = 0;
			
		if(playlist.childNodes[i])
		{
			playing = getElementByYtId(playlist.childNodes[i].getAttribute("ytid"), "playlist");
			
			//change playing title layout 
			//playing.setAttribute("id", "titlePlaying");
			var bggg = document.createAttribute("class");
			bggg.nodeValue = "titlePlaying";
			playing.setAttributeNode(bggg);
			//swfobject.embedSWF("http://www.youtube.com/v/"+playlist.childNodes[i].getAttribute("ytid")+"&enablejsapi=1&playerapiid=ytplayer", "player_window", "300", "356", "8", null, null, params, atts);
			swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer", "player_window", "605", "305", "8", null, null, params, atts);
			
			
			
			//****TEST
			videoId = playlist.childNodes[i].getAttribute("ytid");
			
			
			//*****
			
			
			//set the title
			setTitle();
			
			
			var mytime = playing.childNodes[2].childNodes[0].nodeValue;
			mytimeHelper = mytime.split(":");
			mytimeSek =  mytimeHelper[0]*60;
			mytimeSek = parseInt(mytimeSek) + parseInt(mytimeHelper[1]);
			
			
			//change the play button layout
			
			if(browser=="Microsoft Internet Explorer")
				var k = 2;
			else
				var k = 3;
			//pl_foot.childNodes[k].childNodes[0].nodeValue = playingSymbol; //TODO: change button layout
			var playButton = $('play_btn');
 			playButton.setAttribute("id", "paused_btn");
 			
			setScroll();
			
			//create slider
			var play_slider = $('play_slider');
			play_control = new Control.Slider($('handle'), play_slider, {
		    	range: $R(0, mytimeSek),
		    	sliderValue: 0,
		     	onSlide: function(value) { 
		      	userseek = 1 ;
		      },
		      	onChange: function(value) { 
		      		//if(userseek == 1)
		      		//{
		       			seekTo(value);
			 		//	userseek = 0 ;
				
			  		//}	
			
		      	}
		  	  }
		    );
			
		}	
	}	
 }
  function playNext() {
  	var playlist = document.getElementById("playlistUL");
  	if(playlist.childNodes[0])
	{
	  	if(shuffle == 1)
		{
			
			randomTitle = Math.round(Math.random()*(playing.parentNode.childNodes.length-1));
			playTitlebyId(playing.parentNode.childNodes[randomTitle].getAttribute("ytid"));
			setScroll();
			return;
		}
		switchTitle = 1;
	  	//check if there is a nextSibling
	  	if(playing.nextSibling != null)
	  	{	
		  	// if player state == pause
	 		if(getPlayerState() == 2)
	 		{
	 			play();
	 			if(browser=="Microsoft Internet Explorer")
					var k = 2;
				else
					var k = 3;
				
				var playButton = $('play_btn');
	 			playButton.setAttribute("id", "paused_btn");
	 			
	 		
	 		}
		  	//var playingColor = playing.style.color;
		  	var browser=navigator.appName;
		  	//alert("spiele grad: "+playing.nextSibling.getAttribute("ytid"));
		 	//var nextTitle = playing.nextSibling;
			//swfobject.embedSWF("http://www.youtube.com/v/"+playing.nextSibling.getAttribute("ytid")+"&enablejsapi=1&playerapiid=ytplayer", "player_window", "300", "356", "8", null, null, params, atts);
			/* non chromless player <--- old start --->
			//delete that div
			ytplayer = document.getElementById("myytplayer");
			ytplayer.parentNode.removeChild(ytplayer);
			//recreate that div
			var rCol = document.getElementById("rightCol");
			var cont = document.createElement("div");
			cont.setAttribute("id","player_window");
			cont.appendChild(document.createTextNode("loading..."));
			
			
			if(browser=="Microsoft Internet Explorer")
				var i = 1;
			else
				var i = 2;
			rCol.insertBefore(cont,rCol.childNodes[i]);
			
			swfobject.embedSWF("http://www.youtube.com/v/"+playing.nextSibling.getAttribute("ytid")+"&enablejsapi=1&playerapiid=ytplayer", "player_window", "300", "356", "8", null, null, params, atts);
			<--- OLD END --->
			*/
			
			//new part
			loadNextVideo(playing.nextSibling.getAttribute("ytid"));
			
			//new part
			
			
			playing = playing.nextSibling;
			//delete the title and set
			var ptitle = document.getElementById("songtitel");
			if(browser=="Microsoft Internet Explorer")
				var j = 1;
			else
				var j = 3;
			
			setTitle();
			
			//change the playing title color
			var bggg = document.createAttribute("class");
			bggg.nodeValue = "";
			playing.previousSibling.setAttributeNode(bggg);
			
			//playing.setAttribute("id", "titlePlaying");
			bggg = document.createAttribute("class");
			bggg.nodeValue = "titlePlaying";
			playing.setAttributeNode(bggg);
			
				
			
			setScroll();
			
		} else {
			//var playingColor = playing.style.color;
			var browser=navigator.appName;
			if(browser=="Microsoft Internet Explorer")
				var j = 1;
			else
				var j = 3;
				
			var playButton = $('play_btn');
	 		if(playButton)
	 			playButton.setAttribute("id", "paused_btn");
				
			//new part
			var playlist = document.getElementById("playlistUL");
			loadNextVideo(playlist.childNodes[0].getAttribute("ytid"));
			bggg = document.createAttribute("class");
			bggg.nodeValue = "";
			playing.setAttributeNode(bggg);	
			playing = playlist.childNodes[0];
			//delete the title and set
			var ptitle = document.getElementById("songtitel");
		
			ptitle.childNodes[j].removeChild(ptitle.childNodes[j].childNodes[0]);
			var mytitle = playing.firstChild.childNodes[0].nodeValue;
			ptitle.childNodes[j].appendChild(document.createTextNode(prepareTitle(mytitle,titleTickerLength)));
				
			
			//playing.setAttribute("id", "titlePlaying");
			bggg = document.createAttribute("class");
			bggg.nodeValue = "titlePlaying";
			playing.setAttributeNode(bggg);	
			
			setScroll();
			
		}
		switchTitle = 0;
	}
 }
  function playPrev() {
  	var playlist = document.getElementById("playlistUL");
  	if(playlist.childNodes[0])
	{
	  	switchTitle = 1;
	  	var browser=navigator.appName;
	  	if(browser=="Microsoft Internet Explorer")
				var prevTest = playing.previousSibling;
			else
				var prevTest = playing.previousSibling;;
	  	//check if there is a nextSibling
	  	if(prevTest != null)
	  	{
	  		// if player state == pause
	 		if(getPlayerState() == 2)
	 		{
	 			play();
	 			if(browser=="Microsoft Internet Explorer")
					var k = 2;
				else
					var k = 3;
				var playButton = $('play_btn');
	 			playButton.setAttribute("id", "paused_btn");
	 			
	 		
	 		}
		  	//alert("spiele grad: "+playing.nextSibling.getAttribute("ytid"));
		 	//var nextTitle = playing.nextSibling;
			//swfobject.embedSWF("http://www.youtube.com/v/"+playing.nextSibling.getAttribute("ytid")+"&enablejsapi=1&playerapiid=ytplayer", "player_window", "300", "356", "8", null, null, params, atts);
			//delete that div
			/* OLD .. non chromless version
			ytplayer = document.getElementById("myytplayer");
			ytplayer.parentNode.removeChild(ytplayer);
			//recreate that div
			var rCol = document.getElementById("rightCol");
			var cont = document.createElement("div");
			cont.setAttribute("id","player_window");
			cont.appendChild(document.createTextNode("loading..."));
			
			if(browser=="Microsoft Internet Explorer")
				var i = 1;
			else
				var i = 3;
			rCol.insertBefore(cont,rCol.childNodes[i]);
			swfobject.embedSWF("http://www.youtube.com/v/"+playing.previousSibling.getAttribute("ytid")+"&enablejsapi=1&playerapiid=ytplayer", "player_window", "300", "356", "8", null, null, params, atts);
			<--- OLD END --> */ 
			loadNextVideo(playing.previousSibling.getAttribute("ytid"));
			
			playing = playing.previousSibling;
			//delete the title and set
			var ptitle = document.getElementById("songtitel");
			if(browser=="Microsoft Internet Explorer")
				var j = 1;
			else
				var j = 3;
			ptitle.childNodes[j].removeChild(ptitle.childNodes[j].childNodes[0]);
			var mytitle = playing.firstChild.childNodes[0].nodeValue;
			ptitle.childNodes[j].appendChild(document.createTextNode(prepareTitle(mytitle,titleTickerLength)));
			
			//title refresh
			var bggg = document.createAttribute("class");
			bggg.nodeValue = "";
			playing.nextSibling.setAttributeNode(bggg);
			//playing.setAttribute("id", "titlePlaying");
			bggg = document.createAttribute("class");
			bggg.nodeValue = "titlePlaying";
			playing.setAttributeNode(bggg);
			
			setScroll();
			
		} else {
			var playingColor = playing.style.color;
			var browser=navigator.appName;
			if(browser=="Microsoft Internet Explorer")
				var j = 1;
			else
				var j = 3;
			
			var playButton = $('play_btn');
	 		if(playButton)
	 			playButton.setAttribute("id", "paused_btn");
			//new part
			var playlist = document.getElementById("playlistUL");
			loadNextVideo(playlist.lastChild.getAttribute("ytid"));
			var bggg = document.createAttribute("class");
			bggg.nodeValue = "";
			playing.setAttributeNode(bggg);
				
			playing = playlist.lastChild;
			//delete the title and set
			var ptitle = document.getElementById("songtitel");
		
			ptitle.childNodes[j].removeChild(ptitle.childNodes[j].childNodes[0]);
			var mytitle = playing.firstChild.childNodes[0].nodeValue;
			ptitle.childNodes[j].appendChild(document.createTextNode(prepareTitle(mytitle,titleTickerLength)));
				
			//change the playing title color
			bggg = document.createAttribute("class");
			bggg.nodeValue = "titlePlaying";
			playing.setAttributeNode(bggg);
			
			setScroll();
			
		}
		switchTitle = 0;
	}
 }
 
 function stopPlay() {
 	if (playing)
 	{
 		//check if there is  the playing button , if yes -> change
 		var pausedButton = $('paused_btn');
 		if(pausedButton)
 		{
 			pausedButton.setAttribute("id", "play_btn");
 		}	
 		
 		stopped = 1;
 		switchTitle = 1;
 		stop();
 		switchTitle = 0;
 		
 		
 	}
 
 }
 
 /**
  * PLAY title by id....
  * BUG fix with some problems.... need to go 1 title back by graphic...
  */
 
 function playTitlebyId(ytId) {
	
	// when there is still a title marked...
	if(videoId != '') {
		switchTitle = 1;
		//change color from the playing title if exist on change
		if(playing)
		{
			var bggg = document.createAttribute("class");
			bggg.nodeValue = "";
			playing.setAttributeNode(bggg);
		}
		var browser=navigator.appName;
		playing = getElementByYtId(ytId, "playlist");

		bggg = document.createAttribute("class");
		bggg.nodeValue = "titlePlaying";
		playing.setAttributeNode(bggg);
		
		/*start the video */
		//check if there is still an flash object
		//if playing is not defined, there is no flash object
		
		loadNextVideo(ytId);

		
		if(browser=="Microsoft Internet Explorer")
			var j = 1;
		else
			var j = 1;		
		
		//set the title
		var ptitle = document.getElementById("songtitel");
		if(playing)
			ptitle.childNodes[j].removeChild(ptitle.childNodes[j].childNodes[0]);
		
		var mytitle = playing.firstChild.childNodes[0].nodeValue;
		ptitle.childNodes[j].appendChild(document.createTextNode(prepareTitle(mytitle,titleTickerLength)));
		
		//change the play button layout
		
		/*
		if(browser=="Microsoft Internet Explorer")
			var k = 2;
		else
			var k = 3;
		//pl_foot = document.getElementById("playlist_foot");
		//pl_foot.childNodes[k].childNodes[0].nodeValue = playingSymbol;
		TODO: change playing symbol
		*/ 
		if($('play_btn'))
		{
		var playButton = $('play_btn');
 		playButton.setAttribute("id", "paused_btn");
 		}

		
		/* 
		// that was the fix for the bugg... but found the real problem.. (fixed with
		//helper switchTitle)
		
		playing = playing.previousSibling;
			//delete the title and set
			ptitle.removeChild(ptitle.childNodes[j]);
			var mytitle = playing.firstChild.childNodes[0].nodeValue;
			ptitle.appendChild(document.createTextNode(mytitle));
			
			//change the playing title color
			playing.nextSibling.style.color = '';
			playing.style.color = '#0000FF';
			*/
			
		switchTitle = 0;
	}
	else
	{
		
		switchTitle = 1;
		//make sure, that there are 1 or more elements
	 	var playlist = document.getElementById("playlistUL");
	 	//IE starts with firstChild, not FF and opera  
		var browser=navigator.appName;
		if(browser=="Microsoft Internet Explorer")
			var i = 0;
		else
			var i = 0;
		if(playlist.childNodes[i].nodeValue == null)
		{
			playing = getElementByYtId(ytId, "playlist");
			var bggg = document.createAttribute("class");
			bggg.nodeValue = "titlePlaying";
			playing.setAttributeNode(bggg);
			//swfobject.embedSWF("http://www.youtube.com/v/"+playlist.childNodes[i].getAttribute("ytid")+"&enablejsapi=1&playerapiid=ytplayer", "player_window", "300", "356", "8", null, null, params, atts);
			//swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer", "player_window", "300", "356", "8", null, null, params, atts);
			swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer", "player_window", "605", "305", "8", null, null, params, atts);
			
			
			
			//****TEST
			videoId = ytId;
			
			
			//*****
			
			
			//set the title
			setTitle();
			
			
			var mytime = playing.childNodes[2].childNodes[0].nodeValue;
			mytimeHelper = mytime.split(":");
			mytimeSek =  mytimeHelper[0]*60;
			mytimeSek = parseInt(mytimeSek) + parseInt(mytimeHelper[1]);
			
			//ptitle.appendChild(document.createTextNode(mytitle));
			
			if($('play_btn'))
			{
				var playButton = $('play_btn');
			 	playButton.setAttribute("id", "paused_btn");
 			}
			
			//change the play button layout
			
			if(browser=="Microsoft Internet Explorer")
				var k = 2;
			else
				var k = 3;
			
			//pl_foot = document.getElementById("playlist_foot");
			//pl_foot.childNodes[k].childNodes[0].nodeValue = playingSymbol;
			//create slider
			var play_slider = $('play_slider');
			play_control = new Control.Slider($('handle'), play_slider, {
		    	range: $R(0, mytimeSek),
		    	sliderValue: 0,
		     	onSlide: function(value) { 
		      	userseek = 1 ;
		      },
		      	onChange: function(value) { 
		       			seekTo(value);
			 			userseek = 0 ;
		      	}
		  	  }
		    );
			switchTitle = 0;
		}
		
		
	}
		
		
		
		
		
 }
 
 function clearPlaylist(){
 	var playlistUL = $('playlistUL');
 	var i;
 	
 	while(playlistUL.firstChild)
 	{
 		playlistUL.removeChild(playlistUL.firstChild);
 	}
 
 }
 
 /*
 beta method... upcoming... cinema mode
 
 */
 
 function cinemaMode() {
 
 	var myTdiv = $('bigFrame');
 	Effect.Fade(myTdiv, { queue: 'end' });
 	var cinemaBg =  document.createElement("div");
 	cinemaBg.setAttribute("id", "cinemaBg");
 	cinemaBg.style.display = "none";
 	document.getElementsByTagName("body")[0].appendChild(cinemaBg);
 	var tDiv = $('cinemaBg');
 	Effect.Appear($('cinemaBg'), { queue: 'end' });
 	myPlayerDiv.style.display = "none";
 	tDiv.appendChild(myPlayerDiv);
 	Effect.Appear(myPlayerDiv, { queue: 'end' });
 	Effect.MoveBy(myPlayerDiv, ((window.innerHeight/2)-252),((window.innerWidth/2)-305), { queue: 'end' });
 }
 
 function getLogin() {
  	$('login_input').style.backgroundImage = "url(Bilder/password_input.png)";
	$('username_input').style.backgroundImage = "url(Bilder/username_input.png)";
	$('l_user').value = "";
	$('l_pass').value = "";
		
 	var loginFrame = $('loginFrame');
 	Effect.Appear(loginFrame);
 	new Draggable(loginFrame);
 	
 	Event.observe('login_btn', 'mouseover', function() {
	$('user_login_status').style.marginTop = "15px";
	$('user_login_status').innerHTML = "Enter your name and password to login";
	});
	Event.observe('login_btn', 'mouseout', function() {
	$('user_login_status').style.marginTop = "";
	$('user_login_status').innerHTML = "";
	});
	Event.observe('regist_btn', 'mouseover', function() {
	$('user_login_status').innerHTML = "Register to save your playlist takes only a few seconds";
	});
	Event.observe('regist_btn', 'mouseout', function() {
	$('user_login_status').innerHTML = "";
	});
		Event.observe('lostpw_btn', 'mouseover', function() {
	$('user_login_status').innerHTML = "Enter your username and press this button to get an email with your new password";
	});
	Event.observe('lostpw_btn', 'mouseout', function() {
	$('user_login_status').innerHTML = "";
	});
 }
 
 function prepareAjax() {
 	 myPlayerDiv = $('rightside');
	 
 	//user can search now with the enter button
 	Event.observe('searchTitle', 'keydown', function(e)
 	{
 		if(e.keyCode == 13){
 			
 			searchVideo("default");
 			
 		}
 	}
 	);
 	
 	
 	/*
 	var userSeekStart = function() 
 	{
 		userseek = 1;		
 	}
 	$('play_slider').observe('click', userSeekStart);
 	$('handle').observe('click', userSeekStart);	
	*/
	// picture preload
	document.preload = new Array();
	document.preload[0] = new Image();
	document.preload[0].src = "Bilder/search_hover.png";
 	document.preload[1] = new Image();
	document.preload[1].src = "Bilder/prev_hover.png";
 	document.preload[2] = new Image();
	document.preload[2].src = "Bilder/play_hover.png";
 	document.preload[3] = new Image();
	document.preload[3].src = "Bilder/paused_hover.png";
 	document.preload[4] = new Image();
	document.preload[4].src = "Bilder/stop_hover.png";
 	document.preload[5] = new Image();
	document.preload[5].src = "Bilder/next_hover.png";
 	document.preload[6] = new Image();
	document.preload[6].src = "Bilder/delete_hover.png";
 	document.preload[6] = new Image();
	document.preload[6].src = "Bilder/addto_hover.png";
 	document.preload[6] = new Image();
	document.preload[6].src = "Bilder/prev1_hover.png";
 	document.preload[6] = new Image();
	document.preload[6].src = "Bilder/next1_hover.png";
 	
 }
 
 function setShuffle() {
	 if (shuffle == 0)
	 {
		shuffle = 1;
		//Change shuffle button layout to active
		$('shuffle_btn').innerHTML = '<center>Shuffle<br /> on</center>';
	 }
	 else
	 {
		shuffle = 0;
		//Change shuffle button layout to inactive
		$('shuffle_btn').innerHTML = '<center>Shuffle<br /> off</center>'; 
	 }
 }