var BASE_PATH = '/c/'
var equser = '';
var lineID = '';
var libraryEntry = '';
var page = 'CP';
var loadedLines = 5;
var loadedLibraryLines = 0;
var movlink = '';
var fromsite = '';
var toloadsite = '';
var rotateimg = '0';
var changeLoader = true;
var bleatternbool = true;
var isLibraryVideoPuplished = false;
var LoggedInwritten = 'false';
var libraryState = new Array('lib_pub','block','true','lib_upl','none','true','lib_unp','none','true');
var libraryAllState = 'block';
var share = '';
var cwidth = 320;
var preloadImageArray = new Array(BASE_PATH + "img/delete.jpg",BASE_PATH +"img/delete_2.jpg",BASE_PATH +"img/redButton.png",BASE_PATH +"img/next.png",BASE_PATH +"img/blueButton_2.png",BASE_PATH + "img/next.png");
			
function site(siteID,newLineID,ItemID){
	toloadsite = siteID;
	if(toloadsite == 'detail'){
		page = 'DP';
		ajExecute('positionWithID',Array('GalleryDetail',ItemID,va));
		isLibraryVideoPuplished = 'true';
		lineID = newLineID;
		if(newLineID != 0){
			changeInnerHTML("NPD_"+lineID,'<img src="'+ BASE_PATH +'img/load_24_24.gif">');
			hide("NPB_"+lineID,"none");
		}
		setTimeout("ajExecute('generateNextPage',Array('"+ItemID+"',changeDetailInnerHTML));",250);
	}else if((loggedin == false || loggedin == 'false') && toloadsite != 'gallery'){
		page = 'LP';
		ajExecute('position',Array('LoginScreen',va));
		if(document.getElementById('loginuser').value == ""){
			document.getElementById('loginuser').value = MessageUserText;
		}
		if(document.getElementById('loginpassword').value == "" && document.getElementById('loginuser').value == MessageUserText){
			document.getElementById('loginpassword').value = MessagePasswordText;
		}
		setLoginWidthHeight();
		hide('login','block');
	}else if(siteID == 'mymac'){
		page = 'MP';
		scrollTo(0,1);
		ajExecute('position',Array('MyMac',va));
		hide('mymac','block');
		bleattern('content','mymac');
	}else if(siteID == 'library'){
		page = 'LiP';
		setTop('librayNavi',0);
		scrollTo(0,1);
		ajExecute('position',Array('Library',va));
		fromsite = 'mymac';
		lineID = newLineID;
		hide("MPB_"+lineID,'none');
		changeInnerHTML("MPD_"+lineID,'<img src="'+ BASE_PATH +'img/load_24_24.gif">');
		ajExecute('library',Array(getCookie('equser'),afterLibrary));
	}else if(toloadsite == 'librarydetail'){
		page = 'LDP';
		ajExecute('positionWithID',Array('LibraryDetail',ItemID,va));
		lineID = newLineID;
		if(changeLoader == true){
			changeInnerHTML("LD_"+lineID,'<img src="'+ BASE_PATH +'img/load_24_24.gif">');
			hide("LB_"+lineID,"none");
		}
		ajExecute('generateLibraryDetail',Array(ItemID,changeLibrarydetailInnerHTML));
	}else if(siteID == 'epg'){
		page = 'EP';
		ajExecute('position',Array('MyMac',va));
		window.location.href='/c/epg/index.php'
	}else if(siteID == 'gallery'){
		page = 'GP';
		ajExecute('position',Array('Gallery',va));
		ajExecute('gallery',Array(0,loadedLines,1,changeInnerHTMLContent));
	}else if(siteID == 'mydetails'){
		scrollTo(0,1);
		page = 'MDP';
		lineID = newLineID;
		hide("MPB_"+lineID,'none');
		changeInnerHTML("MPD_"+lineID,'<img src="'+ BASE_PATH +'img/load_24_24.gif">');
		ajExecute('position',Array('MyDetails',va));
		ajExecute('mydetails',Array(0,afterMyDetails));
	}
}

function afterMyDetails(value){
	document.getElementById('mydetailcontent').innerHTML = value;
	hide('mydetails','block');
	changesrcofElementID("MPD_3", BASE_PATH +'img/next.png');
	bleattern('mymac','mydetails');
}

function afterGetEPGHTML(value){
	changesrcofElementID("MPD_1", BASE_PATH +'img/next.png');
	document.getElementById('epg').innerHTML = value;
	hide('tt_epg','block');
	bleattern('mymac','tt_epg');
}

function view(toLoad,user){
	equser = user;
	show('load',true);
	ajExecute('gallery',Array(loadedLines,toLoad,0,1,user,addToContent));
}

function changeLibrarydetailInnerHTML(value){
	var splited = value.split("eq:sp:eq");
	isLibraryVideoPuplished = splited[0];
	document.getElementById('librarycontent').innerHTML = splited[1];
	document.getElementById('librarybuttons').innerHTML = splited[2];
	document.getElementById('librarydetailTitle').innerHTML = splited[3];
	if(changeLoader == true){
		hide("LB_"+lineID,'block');
		delInhalt("LD_"+lineID);
	}else{
		bleatternbool = false;
		setTimeout("ajExecute('library',Array('" + getCookie('equser') +"',afterLibrary));",1000);
	}
	page = 'LDP';
	hide('librarydetail',"block");
	bleattern('library','librarydetail');
}

function changeDetailInnerHTML(value){
	var splited = value.split("eq:sp:eq");
	movlink = splited[0];
	document.getElementById('detailcontent').innerHTML = splited[1];
	document.getElementById('detailbuttons').innerHTML = splited[2];
	share = encodeURIComponent(splited[3]);
	if(lineID != 0){
		hide("NPB_"+lineID,'block');
		delInhalt("NPD_"+lineID);
	}
	page = 'NP';
	hide('detail',"block");
	bleattern('content','detail');	
}

function changesrcofElementID(elementID,wert){
	document.getElementById(elementID).src = wert;
}

function delInhalt(elementID){
	document.getElementById(elementID).innerHTML = '';
}

function hide(elementID,wert){
	if(elementID == 'login' && wert == 'none'){
		page = 'CP';
	}
	if(document.getElementById(elementID)){
		document.getElementById(elementID).style.display = wert;
	}
}

function show(elementID,art){
	var element = document.getElementById(elementID);
	if(art == true){
		element.style.visibility = "visible";
	}else{
		element.style.visibility = "hidden";
	}
}

function setTop(elementID,pixel){
	document.getElementById(elementID).style.top = pixel;
}

function changeInnerHTML(elementID,value){
	document.getElementById(elementID).innerHTML = value;
}

function changeInnerHTMLContent(value){
	document.getElementById('content').innerHTML = value;
}

function changeInnerHTMLMyDetails(value){
	document.getElementById('mydetails').innerHTML = value;
}

function afterLibrary(value){
	var splited = value.split("eq:sp:eq");
	document.getElementById('loadmoretwo').innerHTML = splited[0];
	if(splited[2] == 'false'){
		hide('editlibraryfalse','none');
		hide('editlibrarytrue','none');
	}else{
		hide('editlibrarytrue','block');
		var libraryWriter = splited[2].split("|");
		var libraryPub = libraryWriter[0].split("/");
		libraryState[1] = libraryPub[1];
		libraryState[2] = libraryPub[0];
		var libraryUpl = libraryWriter[1].split("/");
		libraryState[4] = libraryUpl[1];
		libraryState[5] = libraryUpl[0];
		var libraryUnp = libraryWriter[2].split("/");
		libraryState[7] = libraryUnp[1];
		libraryState[8] = libraryUnp[0];
	}
	loadedLibraryLines = splited[1];
	changesrcofElementID("MPD_2", BASE_PATH +'img/next.png');	
	if(bleatternbool == true && fromsite == 'mymac'){
		bleattern('mymac','library');
	}else if(toloadsite == 'library' && fromsite == 'librarydetail'){
		back('library','librarydetail');
		fromsite = '';
	}
	toloadsite = '';
	bleatternbool = true;
}


//Sys

function login(){
	var user = document.getElementById('loginuser').value;
	var password = document.getElementById('loginpassword').value;
	if(user == '' || password == ''){
		alert(MessageLoginFalse);
	}else{
		
		ajExecute('login',Array(user,password,afterlogin));
		document.loginForm.cancel.focus();
	}
}

function login_del(value,id){
	if(value == MessageUserText || value == ''){
		if(id == 'loginuser'){
			document.getElementById('loginuser').value = '';
		}
		document.getElementById('loginpassword').value = '';
	}
}

function afterlogin(value){
	var valuesplitted = value.split(':');
	if(valuesplitted[0] == 'true' && value != 'false'){
		setCookie('equser',valuesplitted[1],24*3600*1000); // one day
		setCookie('eqpass',valuesplitted[2],24*3600*1000); // one day
		if(document.cookie && getCookie('equser') != '' && getCookie('eqpass') != ''){
			loggedin = true;
			document.getElementById('loggin').innerHTML = "<font>" + MessageLoggedIn + ' ' + valuesplitted[1] +"</font>";
			hide('login','none');
			site('mymac');
		}else{
			alert(MessageNoCockieSupported);
		}
	}else{
		alert(MessageLoginFalseAL);
	}
}

function logout(){
	delCookie('equser');
	delCookie('eqpass');
	loggedin = false;
	ajExecute('logout',Array('',afterLogout));
	setTimeout("back('content','mymac');",200);
	document.getElementById('loggin').innerHTML = '';
}

function afterLogout(value){
	
}

function DelButton(line){
	if(rotateimg != '0'){
		changesrcofElementID('editbutton_'+rotateimg,BASE_PATH +'img/delete.jpg');
		hide('delbutton_'+rotateimg,'none');
		rotateimg = '0';
	}else if(rotateimg == '0'){;
		rotateimg = line;
		changesrcofElementID('editbutton_'+line,BASE_PATH +'img/delete_2.jpg');
		hide('delbutton_'+line,'block');
	}
}

function showAlert(id){
	setTop('alert',window.pageYOffset);
	hide("alert","block");
	libraryEntry = id;
}

function delLibraryEntry(){
	hide("alert","none")
	id = libraryEntry;
	fromsite = 'librarydetail';
		toloadsite = 'library';
	bleatternbool = true;
	ajExecute('delLibraryItem',Array(id,afterDelLibraryItem));
}

function delLibraryItem(id,line){
	if(line != ''){
		rotateimg = '0';
		hide('delbutton_'+line,'none');
		changesrcofElementID('editbutton_'+line,BASE_PATH +'img/load_24_24.gif');
	}else{
		fromsite = 'librarydetail';
		toloadsite = 'library';
	}
	ajExecute('delLibraryItem',Array(id,afterDelLibraryItem));
}

function afterDelLibraryItem(value){
	bleatternbool = false;
	if(page == 'LiP'){
		editlibrary(false);
	}
	ajExecute('library',Array(getCookie('equser'),afterLibrary));
}

function editlibrary(show){
	var counter = 1;
	if(rotateimg != '0'){
		changesrcofElementID('editbutton_'+rotateimg,BASE_PATH +'img/delete.jpg');
		rotateimg = '0';
	}
	while(counter <= loadedLibraryLines){
		if(show == true){
			hide('editlibrarytrue','none');
			hide('editlibraryfalse','block');
			hide('edit_'+counter,'block');
			hide('LB_'+counter,'none');	
		}else{
			hide('delbutton_'+counter,'none');
			hide('editlibrarytrue','block');
			hide('editlibraryfalse','none');
			hide('edit_'+counter,'none');
			hide('LB_'+counter,'block');	
		}
		counter = Number(counter) + 1;
	}
}

function moveLayerX(lid,posx) {
	if (document.getElementById(lid)) {
		document.getElementById(lid).style.left = posx;
	}
}

function bleattern(firstElementID,secoundELementId){
	moveLayerX(firstElementID,-(cwidth));
	moveLayerX(secoundELementId,0);
	hide(firstElementID,'none');
	hide(secoundELementId,'block');
	afterbleattern(firstElementID,secoundELementId,'false');
}

function back(firstElementID,secoundELementId) {
	if(firstElementID == 'content'){
		setTop('contentNavi',0);
		scrollTo(0,1);
		page = 'CP';
		ajExecute('position',Array('Gallery',va));
	}else if(firstElementID == 'library'){
		if(libraryState[2] == 'true'){ 
			//changesrcofElementID('img_lib_pub',BASE_PATH +'img/dt_closed.gif');
			hide("lib_pub",libraryState[1]);
		}
		if(libraryState[5] == 'true'){ 
			//changesrcofElementID('img_lib_upl',BASE_PATH +'img/dt_opened.gif');
			hide("lib_upl",libraryState[4]);
		}
		if(libraryState[7] == 'true'){ 
			//changesrcofElementID('img_lib_unp',BASE_PATH +'img/dt_opened.gif');
			hide("lib_unp",libraryState[7]);
		}
		changeLoader = true;
		setTop('librayNavi',0);
		scrollTo(0,1);
		page = 'LiP';
		ajExecute('position',Array('Library',va));
	}else if(firstElementID == 'mymac'){
		scrollTo(0,1);
		page = 'MP';
		ajExecute('position',Array('MyMac',va));
	}
	hide(firstElementID,'block');
	moveLayerX(firstElementID,0);
	moveLayerX(secoundELementId,(cwidth));
	afterbleattern(firstElementID,secoundELementId,'true');
}

function afterbleattern(firstElementID,secoundElementID,way){
	if(way == 'true'){
		if(firstElementID == 'library'){
			if(libraryState[2] == 'true'){
				hide("lib_pub",libraryState[1]);
			}
			if(libraryState[5] == 'true'){
				hide("lib_upl",libraryState[4]);
			}
			if(libraryState[8] == 'true'){
				hide("lib_unp",libraryState[7]);
			}
		}
		if(secoundElementID == 'library'){
			editlibrary(false);
		}
		hide(secoundElementID,'none');
	}else{
		if(firstElementID == 'mymac'){
			changeInnerHTML("MPD_"+lineID,'');
			hide("MPB_"+lineID,'block');
		}
		//changeInnerHTML("MPD_"+lineID,'<img src="'+ BASE_PATH +'img/load_24_24.gif">');
		if(page == 'NP' || isLibraryVideoPuplished == 'true'){
			hide("libraryvideo","block");
			if(secoundElementID == "librarydetail"){
				if(libraryState[2] == 'true'){ 
					hide("lib_pub","none");
				}
				if(libraryState[5] == 'true'){ 
					hide("lib_upl","none");
				}
				if(libraryState[8] == 'true'){ 
					hide("lib_unp","none");
				}
				scrollTo(0,1);
			}
		}
	}
}

function addToContent(string){
	var splitedString = string.split(':eq;eq:');
	if(splitedString[0] == 'hide'){
		hide('textline','none');
		setTop('contentNavi',window.pageYOffset);
	}
	value = splitedString[1];
	var element = document.getElementById('loadmore');
	element.innerHTML = element.innerHTML + value;
	loadedLines = document.getElementById("loadmore").getElementsByTagName("li").length;
	show('load',false);
}

function setCookie(n,w,e){
	var a = new Date();
	a = new Date(a.getTime() +e);
	document.cookie = n+'='+w+';expires='+a.toGMTString()+';';
}

function getCookie(name) {
	var cookie = document.cookie;
	if (cookie.indexOf(name) == -1) {
		return null;
	}
	var anfang = cookie.indexOf(name)+ name.length + 1;
	var ende = cookie.indexOf(";", anfang);
	if (ende == -1) {
		ende = cookie.length;
	}
	var laenge = ende - anfang;
	return unescape(cookie.substr(anfang,laenge));
}

function delCookie(n){
	document.cookie = n+'=; expires=Thu, 01-Jan-70 00:00:01 GMT;';
}

function localizer(){
	ajExecute('getLocalize',Array('',afterLocalizer));
}

function itemPublish(id){
	hide("sync","block");
	bleatternbool = false;
	ajExecute('LibraryItemPublish',Array(id,afterItemupdate));
}

function itemUnpublish(id){
	hide("sync","none");
	bleatternbool = false;
	ajExecute('LibraryItemUnpublish',Array(id,afterItemupdate));
}

function afterItemupdate(value){
	var splited = value.split(":e:e:");
	document.getElementById('librarybuttons').innerHTML = splited[0];
	document.getElementById('librarydetailTitle').innerHTML = splited[1];
	ajExecute('library',Array(getCookie('equser'),afterLibrary));
}

function itemDelete(id){
	check = confirm(MessageDeleteLibrary);
	if(check == true) delLibraryItem(id,'');
}

function HideAllLibrary(){
	if(page == 'LiP'){
		setTop('librayNavi',0); 
	}
	i = 0;
	while(i <= 6){
		elementID = libraryState[i];
		state = libraryState[(i+1)];
		if(libraryAllState == 'block'){
			libraryState[(i+1)] = 'none';
		}else{
			libraryState[(i+1)] = 'block';
		}
		state = libraryState[(i+1)];
		if(libraryState[(i+2)] == 'true'){
			hide(elementID,state);
			if(state == 'block'){
				changesrcofElementID('img_'+elementID,BASE_PATH +'img/dt_opened.gif');
				setTimeout("ajExecute('LibraryShowStateUpdate',Array('"+elementID+"','opened',va));",100);
			}else{
				changesrcofElementID('img_'+elementID,BASE_PATH +'img/dt_closed.gif');
				setTimeout("ajExecute('LibraryShowStateUpdate',Array('"+elementID+"','closed',va));",100);
			}
		}
		i = i + 3;
	}
	if(libraryAllState == 'block'){
		libraryAllState = 'none';
	}else{
		libraryAllState = 'block';
	}
}

function DetailHideAllLibrary(){
	libraryStateNew = libraryState;
	
	i = 0;
	while(i <= 6){
		elementID = libraryStateNew[(i)];
		state = libraryStateNew[(i+1)];
		
		if(libraryAllState == 'block'){
			libraryStateNew[(i+1)] = 'none';
		}else{
			libraryStateNew[(i+1)] = 'block';
		}
		state = libraryState[(i+1)];
		if(libraryStateNew[(i+2)] == 'true'){
			hide(elementID,state);
			if(state == 'block'){
				changesrcofElementID('img_'+elementID,BASE_PATH +'img/dt_opened.gif');
				setTimeout("ajExecute('LibraryShowStateUpdate',Array("+elementID+",'opened',va));",100);
			}else{
				changesrcofElementID('img_'+elementID,BASE_PATH +'img/dt_closed.gif');
				setTimeout("ajExecute('LibraryShowStateUpdate',Array('"+elementID+"','closed',va));",100);
			}
		}
		i = i + 3;
	}
	if(libraryAllState == 'block'){
		libraryAllState = 'none';
	}else{
		libraryAllState = 'block';
	}
}

function libraryShow(arrayID){
	if(page == 'LiP'){
		setTimeout("setTopLater('librayNavi');",100); 
	}
	elementID = libraryState[(arrayID)];
	state = libraryState[(arrayID+1)];
	if(libraryState[arrayID] == 0){
		libraryState[arrayID] = 1;
	}else{
		if(state == 'block'){
			libraryState[(arrayID+1)] = 'none';
			state = libraryState[(arrayID+1)];
			hide(elementID,state);
			changesrcofElementID('img_'+elementID,BASE_PATH +'img/dt_closed.gif');
			ajExecute('LibraryShowStateUpdate',Array(elementID,'closed',va));
		}else{
			libraryState[(arrayID+1)] = 'block';
			state = libraryState[(arrayID+1)];
			hide(elementID,state);
			changesrcofElementID('img_'+elementID,BASE_PATH +'img/dt_opened.gif');
			ajExecute('LibraryShowStateUpdate',Array(elementID,'opened',va));
		}
	}
}

function changeDevice(){
	var device = document.getElementById('devices').value;
	ajExecute('changeDevice',Array(device,va));
}

function va(value){
	
}

function setTopLater(elementID){
	document.getElementById(elementID).style.top = window.pageYOffset;
}

function mail(value){
	window.location.href = value + share;
}

function checkItemID(ItemID){
	ajExecute('checkItemID',Array(ItemID,afterCheckItemID));
}

function afterCheckItemID(ItemID){
	if(ItemID != 'false'){
		site('detail',0,ItemID);	
	}
}

function setLoginWidthHeight(){
	
	var wWp = document.body.parentNode.scrollWidth + "px";
	if(document.body.parentNode.scrollHeight == 0){
		var wHp = (window.innerHeight - 15) + "px";
	}else{
		var wHp = document.body.parentNode.scrollHeight+ "px";
	}
	
	if (document.getElementById("login")) {
		var loginElement = document.getElementById('login');
		loginElement.style.width = wWp;
		loginElement.style.height = wHp;
	}
	
	if (document.getElementById("alert")) {
		var alertElement = document.getElementById('alert');
		var wWp = document.body.parentNode.scrollWidth + "px";
		var wHp = document.body.parentNode.scrollHeight + "px";
		alertElement.style.width = wWp;
		alertElement.style.height = wHp;
	}
	
	
}

function preloadImages(){
	for (i=0; i < preloadImageArray.length; i++) {
		var Bild = new Image();
		Bild.src = preloadImageArray[i];
	}
}

function playMovie(guid,user) {
	var pWin = window.open("/c/playmovie.php?id=" + guid + "&galleryUser=" + user,"TubeToGoMovie","width=800,height=600,left=200,top=200");
}


window.onscroll=function(){
	if(page == 'LiP'){
		setTop('alert',window.pageYOffset);
		setTop('librayNavi',window.pageYOffset); 
	}else if(page == 'CP'){
		setTop('contentNavi',window.pageYOffset); 
	}
}

window.onload=function(){
	//setTimeout('alert("fasel");',100);
	//setTimeout('scrollTo(0,1);',150);
}

window.onorientationchange=function(){
	var orientation=window.orientation;
	if(orientation == 0){
		cwidth = 320;
		setLoginWidthHeight();
	}else if(orientation == -90 || orientation == 90){
		cwidth = 480;
		setLoginWidthHeight();
	}
}

setTimeout('scrollTo(0,1);',250);

window.captureEvents(Event.RESIZE);
window.onresize = setLoginWidthHeight;