window.onload = function () {	  
	if(document.getElementById('songlist')) {
		Sortable.create('songlist',{overlap:'horizontal',ghosting:false,constraint:false,
			onUpdate:function(sortable){				
			},
			onChange:function(element){				
			}
		});
	}
	if(document.getElementById('songmgmt')) {
		Sortable.create('songmgmt',{overlap:'horizontal',ghosting:false,constraint:false,
			onUpdate:function(sortable){				
			},
			onChange:function(element){		
				new Ajax.Request(document.URL, {
					method: "post", onComplete: getReqReturn, 
					parameters: { "tx_aksonglist_pi2[sortdata]": ""+Sortable.sequence(element.parentNode)+"",
						"tx_aksonglist_pi2[mode]": "sort_items"}
					});
			}
		});
	}
	
		
	
}


function saveSongSelection() {
	new Ajax.Request(document.URL, {
		method: "post", onComplete: getReqReturn, 
		parameters: { "tx_aksonglist_pi1[sortdata]": ""+Sortable.sequence($('songlist'))+"",
			"tx_aksonglist_pi1[mode]": "sort_items",
			"tx_aksonglist_pi1[concert]": ""+$('concert_uid').value+""}
		});
}

function addSelectedSong() {
	if(($('unsel_songs').length > 0) && ($('unsel_songs').selectedIndex >= 0)) {
		addSongToList($('unsel_songs').options[$('unsel_songs').selectedIndex].value); 
		$('unsel_songs').options[$('unsel_songs').selectedIndex] = null;
	}
}

function addSongToList(song_uid) {	
	new Ajax.Request('/index.php?eID=tx_aksonglist_getitem', {
		method: "post", onComplete: addSongData, 
		parameters: { "song_uid": ""+song_uid+"",
		"mode": "get_item",
		"concert_uid": ""+$('concert_uid').value+""}
	});
}

function removeSongFromList(song_uid) {
	new Ajax.Request('/index.php?eID=tx_aksonglist_getitem', {
		method: "post", onComplete: removeSongData, 
		parameters: { "song_uid": ""+song_uid+"",
		"mode": "get_item",
		"concert_uid": ""+$('concert_uid').value+""}
	});
}


function removeSongData(origReq) {
	var songdata = origReq.responseText.split('|');
	$('songlist').removeChild($('item_'+songdata[0]));
	var myitem = Builder.node('option', { value: ''+songdata[0]+'' }, ''+songdata[7]+'');
	
	$('unsel_songs').appendChild(myitem);
		
	updateSortable();
}

function addSongData(origReq) {
	var songdata = origReq.responseText.split('|');
	var myitem = Builder.node('li', { className: 'singlesong', id: 'item_'+songdata[0]+'' }, '');
	var mydiv = Builder.node('div',''+songdata[7]+' ');
	myitem.appendChild(mydiv);
	var delmy = Builder.node('a', { onclick: 'removeSongFromList('+songdata[0]+');' }, 'entfernen');
	mydiv.appendChild(delmy);
	$('songlist').appendChild(myitem);
	
	updateSortable();
}

function updateSortable() {
	Sortable.create('songlist',{overlap:'horizontal',ghosting:false,constraint:false,
			onUpdate:function(sortable){
				//alert(Sortable.serialize(sortable))
			},
			onChange:function(element){ 
			//$('list4_serialize').innerHTML = Sortable.serialize(element.parentNode)
				new Ajax.Request(document.URL, {
					method: "post", onComplete: getReqReturn, 
					parameters: { "tx_aksonglist_pi1[sortdata]": ""+Sortable.sequence(element.parentNode)+"",
						"tx_aksonglist_pi1[mode]": "sort_items"}
					});
			}
		});
}

function getReqReturn(origReq) {
	//alert('Ihre Auswahl wurde gespeichert!');
}