Utilities = {};

Utilities.includeJS = function(filepaths) {

	for(var i=0; i<filepaths.length; i++) {

		document.write('<script type="text/javascript" src="http://www.eletcel.eu/'+filepaths[i]+'"></script>');

	}

	//document.write('<script type="text/javascript" src="javascript/controller/JFA.js"></script>');

}

Utilities.includeCSS = function(filepaths) {

	for(var i=0; i<filepaths.length; i++) {

		document.write('<link href="http://www.eletcel.eu/'+filepaths[i]+'" rel="stylesheet" type="text/css" />');

	}

}

Utilities.getElement = function(i) { return document.getElementById(i); }

Utilities.debug = function(val) {
	this.getElement('debug').innerHTML += val +"<br/>";
}

Utilities.toggle = function(id) {
	this.getElement(id).style.display = (this.getElement(id).style.display == '') ? 'none' : '';
}
Utilities.toggle2 = function(id) {
	this.getElement(id).style.visibility = (this.getElement(id).style.visibility == 'visible') ? 'hidden' : 'visible';
}
Utilities.toggle3 = function(id) {
	this.getElement(id).style.display = (this.getElement(id).style.display == 'none') ? 'inline' : 'none';
}

Utilities.createElement = function(e, obj) {

	var element = document.createElement(e);
	for(prop in obj) {

		element[prop] = obj[prop];

	}
	return element;

}

Utilities.appendChild = function() {

	if(this.appendChild.arguments.length > 1) {

		var a = this.appendChild.arguments[0];
		for(i=1; i<this.appendChild.arguments.length; i++) {

			if(arguments[i]) {

				a.appendChild(this.appendChild.arguments[i]);

			}

		}

		return a;

	}
	else {

		return null;

	}

}


Utilities.removeChildren = function(node) {

	if(node == null) {

		return;

	}

	if (node.hasChildNodes() == false) {

		node.parentNode.removeChild(node);

	}
	else {
	
		while(node.hasChildNodes()) {

			node.removeChild(node.firstChild);

		}

	}

}



Utilities.addListener = function(obj2, eventName, listener) {

	obj = Utilities.getElement(obj2);

	if (obj.attachEvent) {

		obj.attachEvent("on"+eventName, listener);
		return true;

	}
	else if(obj.addEventListener) {

		obj.addEventListener(eventName, listener, false);
		return true;

	}
	else {

		return false;

	}

}

Utilities.removeListener = function(obj, eventName, listener) {

	if(obj.detachEvent) {

		obj.detachEvent("on"+eventName, listener);

	}
	else if(obj.removeEventListener) {

		obj.removeEventListener(eventName, listener, false);

	}
	else {

		return false;

	}
	
	return true;

}

Utilities.changeOpac = function(opacity, id) {

	var object = Utilities.getElement(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";

}

Utilities.keyNum = function(e) {

	if(window.event) {
		keynum = e.keyCode;
	}
	else if(e.which) {
		keynum = e.which;
	}

	return keynum;

}

Utilities.addCenterPanel = function(centerPanelMiniTitle,centerPanelMiniContent) {

	if (Utilities.getElement('centerPanelMini') == undefined) {

		var addConfirmWindow = Utilities.createElement('table');
		addConfirmWindow.id='centerPanelMini';
		addConfirmWindow.style.position='fixed';
		addConfirmWindow.style.top='0px';
		addConfirmWindow.style.left='0px';
		addConfirmWindow.style.height='100%';
		addConfirmWindow.style.width='100%';
		addConfirmWindow.style.border='0px';
		addConfirmWindow.style.display='none';
		addConfirmWindow.style.background='url(http://www.eletcel.eu/images/darker.png)';
		addConfirmWindow.innerHTML="<tr><td align=\"center\"><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" onMouseOut=\"Utilities.getElement('centerPanelMini').onclick=function(){Utilities.toggle('centerPanelMini');};\" onMouseOver=\"Utilities.getElement('centerPanelMini').onclick='';\"><tr><td colspan=\"2\" class=\"centerPanelMiniTopLeft\"></td><td id=\"centerPanelMiniTitle\" class=\"centerPanelMiniTop\">"+centerPanelMiniTitle+"</td><td colspan=\"2\" class=\"centerPanelMiniTopRight\"></td></tr><tr><td class=\"centerPanelMiniLeft\"></td><td colspan=\"3\" id=\"centerPanelMiniContent\" class=\"centerPanelMiniContent\" style=\"max-width: 570px;\">"+centerPanelMiniContent+"</td><td class=\"centerPanelMiniRight\"></td></tr><tr><td colspan=\"2\" class=\"centerPanelMiniBottomLeft\"></td><td class=\"centerPanelMiniBottom\"></td><td colspan=\"2\" class=\"centerPanelMiniBottomRight\"></td></tr></table></td></tr>";
		Utilities.appendChild(document.body, addConfirmWindow);

	}
	else {

		//Utilities.getElement("centerPanelMiniContent").style.width="";

	}

	if (Utilities.getElement("centerPanelMiniContent").innerHTML != centerPanelMiniContent) {

		Utilities.getElement("centerPanelMiniTitle").innerHTML = centerPanelMiniTitle;
		Utilities.getElement("centerPanelMiniContent").innerHTML = centerPanelMiniContent;

	}

	Utilities.toggle('centerPanelMini');

	Utilities.getElement("centerPanelMiniContent").style.width="";

}

Utilities.confirm = function(returnFuncs) {

	confirmContent = "<table><tbody><tr><td colspan=\"2\"><img src=\"images/confirm.png\" style=\"vertical-align: middle; padding-bottom: 15px;\">Valóban törölni szeretné?</td></tr><tr><td style=\"width: 50%\" align=\"center\"><div class=\"aButtonsCancel\" onClick=\"Utilities.toggle(\'centerPanelMini\');\">Mégse</div></td><td style=\"width: 50%\" align=\"center\"><div id=\"confirmButton\" class=\"aButtonsDelete\">Igen</div></td></tr></tbody></table>";

	Utilities.addCenterPanel("Törlés",confirmContent);

	Utilities.getElement('confirmButton').onclick=function(){

		eval("Utilities.toggle('centerPanelMini'); "+returnFuncs);

	}

}

Utilities.informing = function(informingTitle,informingContent,time) {

	Utilities.addCenterPanel(informingTitle,informingContent);
	setTimeout("Utilities.getElement('centerPanelMini').style.display='none';", time);

}

function getRow(params) {

	var url = "serviceConnector.php?object=MysqlManager&method=getRow&params="+params;
	AjaxUpdater.Update("GET", url, gettedRow, "updateMessageArea","");

}

function gettedRow() {

	if(Ajax.checkReadyState("updateMessageArea") == "OK") {

		alert(Ajax.getResponse().firstChild.data);

		getRowReturn = Ajax.getResponse().firstChild.data;

		alert(getRowReturn);

		//return Ajax.getResponse().firstChild.data;

	}	

}

function jsGetRow(params,returnFunc) {

	var url = "serviceConnector.php?object=MysqlManager&method=jsGetRow&params="+params;
	AjaxUpdater.Update("GET", url, returnFunc, "updateMessageArea","");

}

function jsGettedRow(getArray) {

	if(Ajax.checkReadyState("updateMessageArea") == "OK") {

		jsGetRowReturn = Ajax.getResponse().firstChild.data;

		getArrays = jsGetRowReturn.split("%%_");
		getKeysArray = getArrays[0].split(",");
		getValsArray = getArrays[1].split(",");

		if (getArray == "key") {

			//alert(getKeysArray);
			return getKeysArray;

		}
		else if (getArray == "value") {

			return getValsArray;

		}

	}	

}

function updateRowsContent() {

	if (window.location.hash == "#!/admin/mainMenu.php") {

		jsGetRow('mainMenu%%_*%%_%%_ORDER BY sort ASC',mainMenu);

	}
	else if (window.location.hash == "#!/admin/news.php") {

		jsGetRow('news%%_*%%_%%_ORDER BY sort ASC',news);

	}

}

function updateProfil(params) {

	var url = "serviceConnector.php?object=MysqlManager&method=updateProfil&params="+params;
	AjaxUpdater.Update("GET", url, updatedRows, "updateMessageArea","");

}

Utilities.generateText = function(maxChar) {

	abc = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"); generatedText = " "; i=0; while (i<=maxChar) {for (i2=0; i2<=Math.floor(Math.random()*10); i2++) {randomAbcKey = Math.floor(Math.random() * (25 - 0 + 1) + 0); generatedText+=abc[randomAbcKey];} generatedText+=" "; i = generatedText.length;}
	return generatedText;

}

Utilities.calendar = function (date, addId, inputId) {

	getdate = date.split(".");
	year = getdate[0];
	month = getdate[1];
	day = getdate[2];

	if (Utilities.getElement('calendar') == undefined) {

		var addCalendar = Utilities.createElement("div");
		addCalendar.id="calendar";
		addCalendar.style.width="154px";
		addCalendar.style.position="absolute";
		addCalendar.style.border="1px solid grey";
		addCalendar.style.backgroundColor="white";
		addCalendar.innerHTML="<div id=\'calendarHead\' style=\'text-align: center;\'></div><div class=\'calendarDiv\'>h</div><div class=\'calendarDiv\'>k</div><div class=\'calendarDiv\'>sz</div><div class=\'calendarDiv\'>cs</div><div class=\'calendarDiv\'>p</div><div class=\'calendarDiv\'>sz</div><div class=\'calendarDiv\'>v</div><div id=\'calendarDiv\'></div>";
		Utilities.appendChild(Utilities.getElement(addId), addCalendar);

	}

	currentDate = new Date();
	selectedDate = new Date(year, month-1, day);
	months = new Array("Január", "Február", "Március", "Április", "Május", "Június", "Július", "Augusztus", "Szeptember", "Október", "November", "December");

	previousMonth = "<div style=\"padding-left: 10px; cursor: pointer; display: inline; float: left;\" onClick=\"Utilities.calendar('"+selectedDate.getFullYear()+"."+(selectedDate.getMonth())+"."+day+".', \'"+addId+"\', \'"+inputId+"\')\">&laquo;</div>";
	nextMonth = "<div style=\"padding-right: 10px; cursor: pointer; display: inline; float: right;\" onClick=\"Utilities.calendar('"+selectedDate.getFullYear()+"."+(selectedDate.getMonth()+2)+"."+day+".', \'"+addId+"\', \'"+inputId+"\')\">&raquo;</div>";

	document.getElementById("calendarHead").innerHTML = previousMonth+"<div style=\"cursor: pointer; display: inline;\" onClick=\"Utilities.calendar('"+currentDate.getFullYear()+"."+(currentDate.getMonth()+1)+"."+currentDate.getDate()+".', \'"+addId+"\', \'"+inputId+"\')\">"+selectedDate.getFullYear()+". "+months[selectedDate.getMonth()]+"</div>"+nextMonth;
	document.getElementById("calendarDiv").innerHTML = "";

	getFirstDay = new Date(year, month-1, 1);
	modFirstDay = new Array(7,1,2,3,4,5,6);
 	blank = getFirstDay.getDay();

 	for ( i=1; i<modFirstDay[blank]; i++) {

 		element = document.createElement("div");
 		element.className = "calendarDiv";
 		document.getElementById("calendarDiv").appendChild(element);

 	}

 	lastDay = new Date(year, month, 0);

	function underTen(number) {

		if (Number(number) < 10) {

			return "0"+number;

		}
		else {

			return number;

		}

	}

 	for( i=1; i<=lastDay.getDate(); i++) {

 		element = document.createElement("div");
 		element.className = "calendarDiv";
		if (i == currentDate.getDate() && currentDate.getMonth() == selectedDate.getMonth()) {

			element.style.fontWeight = "bold";

		}
		element.style.cursor = "pointer";

		element.onclick=function() {Utilities.getElement(inputId).value=selectedDate.getFullYear()+"."+underTen((selectedDate.getMonth()+1))+"."+underTen(this.innerHTML)+"."; Utilities.removeCalendar();};
 		miniElementText = document.createTextNode(i);
 		element.appendChild(miniElementText);
 		document.getElementById("calendarDiv").appendChild(element);

 	}

}

Utilities.removeCalendar = function() {

	Utilities.getElement("calendar").innerHTML="";
	Utilities.removeChildren(Utilities.getElement("calendar"));

}

Utilities.waiting = function(command) {

	if(Ajax.checkReadyState("updateMessageArea") == "OK") {

		eval(command);

	}
	else {

		setTimeout("Utilities.waiting(\""+command+"\");",10);

	}

}

Utilities.waitingForLoadingTextshaper = function(command) {

	if(Utilities.getElement("content").value == "Hír szövege" || Utilities.getElement("content").value == "Oldal szövege" || Utilities.getElement("content").value == "Menü szövege") {

		eval(command);

	}
	else {

		setTimeout("Utilities.waitingForLoadingTextshaper(\""+command+"\");",10);

	}

}

function myPages() {

	if(Ajax.checkReadyState("updateMessageArea") == "OK") {

		getKeys = jsGettedRow("key");

		if (getKeys != "") {

			getVals = jsGettedRow("value");

			Utilities.getElement("centerSide").innerHTML="<input type=\"hidden\" id=\"id\" value=\""+getVals[0]+"\"><div id=\"myPages\">"+Textshaper.replacer(getVals[4])+"</div>";

		}
		else {

			Utilities.getElement("centerSide").innerHTML="A kért oldal nem létezik!";

		}

	}

}

function enterPage() {

	if(Ajax.checkReadyState("updateMessageArea") == "OK") {
		
		getKeys = jsGettedRow("key");
		getVals = jsGettedRow("value");

		Utilities.getElement("enterPageContent").innerHTML=Textshaper.replacer(getVals[2]);

	}

}

function myMainPage() {

	if(Ajax.checkReadyState("updateMessageArea") == "OK") {
		
		getKeys = jsGettedRow("key");
		getVals = jsGettedRow("value");

		Utilities.getElement("centerSide").innerHTML="<div id=\"myMainPageContent\">"+Textshaper.replacer(getVals[2])+"</div>";

	}

}

Utilities.fileExists = function(params) {

	var param = params.substring(((params.lastIndexOf("\\"))+1));
	param+="%%_"+document.uploadImage.tmp.value;

	var url = "serviceConnector.php?object=PhpManager&method=fileExists&params="+param;
	AjaxUpdater.Update("GET", url, checkFileExists, "updateMessageArea","");

}

function checkFileExists() {

	if(Ajax.checkReadyState("uploadStatus") == "OK") {

		responsedValue = Ajax.getResponse().firstChild.data;

		if(responsedValue != 'success') {

			if (Utilities.getElement("uploadingImageName").style.display=="none") {

				$('#uploadingImageName').show('blind','', 300,'');

			}

			newName=responsedValue.substring(0, responsedValue.lastIndexOf("."))+"_"+Math.floor(Math.random()*1000000)+responsedValue.substring(responsedValue.lastIndexOf("."));

			Utilities.getElement("selectedUploadingImageName").innerHTML=newName;

			document.uploadImage.selectedUploadingImageName.value=newName;

		}
		else {

			if (Utilities.getElement("uploadingImageName").style.display!="none") {

				$('#uploadingImageName').hide('blind','', 300,'');

			}

			document.uploadImage.selectedUploadingImageName.value="";

		}

		Utilities.getElement("uploadStatus").innerHTML="&nbsp;";

	}

}


Utilities.upload = function() {

	if (Utilities.getElement('selectUploadingImage').value != "") {

		Utilities.toggle("uploadingImage");
		Utilities.toggle("uploadingStatus");

		var addUploadIframe = Utilities.createElement('iframe');
		addUploadIframe.id='uploadIframe';
		addUploadIframe.name='uploadIframe';
		addUploadIframe.style.height='0px';
		addUploadIframe.style.width='0px';
		addUploadIframe.style.border='0px';
		addUploadIframe.style.display='none';
		addUploadIframe.style.background='url(http://www.eletcel.eu/images/darker.png)';
		Utilities.appendChild(Utilities.getElement("uploadingImage"), addUploadIframe);

		Utilities.getElement("uploadIframe").onload=function(){

			if (Utilities.getElement("uploadingImageName").style.display!="none") {

				$('#uploadingImageName').hide('blind','', 300,'');

			}

			document.uploadImage.selectedUploadingImageName.value="";
			Utilities.getElement("selectedUploadingImageName").innerHTML="";
			document.uploadImage.selectUploadingImage.value="";

			var params = Utilities.getElement("uploadIframe").contentWindow.document.body.innerHTML;

			Utilities.removeChildren(Utilities.getElement("uploadIframe"));

			var url = "serviceConnector.php?object=PhpManager&method=uploadFile&params="+params;
			AjaxUpdater.Update("GET", url, uploadedFile, "uploadStatus","");

		}

		document.uploadImage.action="upload.php";
		document.uploadImage.target="uploadIframe";

		document.uploadImage.submit();

	}
	else {

		Utilities.getElement("uploadStatus").innerHTML="Válassza ki a feltölteni kívánt fájlt.";
		setTimeout("Utilities.getElement('uploadStatus').innerHTML='&nbsp;';",3000);

	}

}

function uploadedFile() {

	if(Ajax.checkReadyState("uploadStatus") == "OK") {

		responedValue=Ajax.getResponse().firstChild.data;

		getResponses = responedValue.split("%%_");

		Utilities.toggle("uploadingImage");
		Utilities.toggle("uploadingStatus");

		if(getResponses[0] == "success") {

			if (Utilities.getElement("profilBasic") == null) {

				Utilities.getElement("uploadingImagePanel").innerHTML="Bezár";
				Utilities.getElement("uploadStatus").innerHTML="Feltöltve";

				var addUploadedFile = Utilities.createElement('div');
				addUploadedFile.style.display='inline';
				addUploadedFile.innerHTML="<img style=\"cursor: pointer; max-width: 99px; max-height: 99px; height: auto; width: auto;\" src=\"images/uploadTmp/"+getResponses[1]+"\" onClick=\"Utilities.getElement(\'select\').style.display=\'\';  Utilities.getElement(\'selectImage\').style.display=\'\'; Utilities.getElement(\'uploadImage\').style.display=\'none\'; Utilities.getElement(\'selectImageUrl\').value=this.src; Textshaper.selectImageUrl(Utilities.getElement(\'selectImageUrl\').value);\">";
				Utilities.appendChild(Utilities.getElement("gallery"), addUploadedFile);


				setTimeout("Utilities.getElement('uploadStatus').innerHTML='&nbsp;';",3000);

			}
			else {

				Utilities.getElement("avatarImage").src="images/avatarImages/"+getResponses[1];
				Utilities.toggle("uploadAvatarImage");
				

			}

		}
		else {

			Utilities.getElement("uploadStatus").innerHTML=getResponses[0];
			setTimeout("Utilities.getElement('uploadStatus').innerHTML='&nbsp;';",5000);

		}

	}

}

Utilities.listImages = function(param) {

	var url = "serviceConnector.php?object=PhpManager&method=listImages&params="+param;
	AjaxUpdater.Update("GET", url, listingImages, "uploadStatus","");

}

function listingImages() {

	if(Ajax.checkReadyState("uploadStatus") == "OK") {

		Utilities.getElement("uploadStatus").innerHTML="&nbsp;";

		responedValue=Ajax.getResponse().firstChild.data;

		listedImages = responedValue.replace(/%%!!/g, "<").replace(/!!%%/g, ">");

		Utilities.getElement("gallery").innerHTML=listedImages;

	}

}

Utilities.openGallery = function(dir) {

	Utilities.getElement("centerSide").innerHTML="<input id=\"folderI\" type=\"hidden\"><input id=\"loadingFolderPreview\" type=\"hidden\"><div id=\"gallery\">Galéria betöltése</div>";
		
	if (dir != undefined) {
	
		param = dir;
	
	}
	else {
	
		param = "/";
	
	}
		
	var url = "serviceConnector.php?object=PhpManager&method=openGallery&params="+param;
	AjaxUpdater.Update("GET", url, openGallery, "gallery","");
	
}

Utilities.loadPreviewFolder = function() {

	x = Utilities.getElement("loadingFolderPreview").value;
	
	if (x != "") {
		
		folderArray = x.split(",");
				
		firstFolder = folderArray[0].split("=");
				
		Utilities.getElement("folderI").value=firstFolder[0];
						
		param = firstFolder[1];
					
		var url = "serviceConnector.php?object=PhpManager&method=openGallery&params="+param;
		AjaxUpdater.Update("GET", url, loadPreviewFolder, "updateMessageArea","");
				
	}
	
}

function loadPreviewFolder() {

	if(Ajax.checkReadyState("updateMessageArea") == "OK") {
				
		responedValue=Ajax.getResponse().firstChild.data;
				
		if (responedValue == " ") {
		
		
		}
		else {
		
			getResponses = responedValue.split("%%_");
									
			stepper = 1;
			var randomImageSrcs=new Array();
			
			while(stepper<4) {
			
				x = Utilities.galleryFolderRandomImage(getResponses);
				if (x != "folder" && x != undefined) {
													
					randomImageSrcs.push(x);
					stepper++;
				
				}
			
			}
						
			Utilities.getElement(Utilities.getElement("folderI").value).innerHTML=""
			+"<img src=\""+randomImageSrcs[0]+"\" style=\"max-width: 80px; max-height: 70px; height: auto; width: auto; border: 3px solid white; position: absolute; top: 0px; left: 30px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg);\">"
			+"<img src=\""+randomImageSrcs[1]+"\" style=\"max-width: 80px; max-height: 70px; height: auto; width: auto; border: 3px solid white; position: absolute; top: 0px; left: 0px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg);\">"
			+"<img src=\""+randomImageSrcs[2]+"\" style=\"max-width: 80px; max-height: 70px; height: auto; width: auto; border: 3px solid white; position: absolute; top: 0px; left: 20px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg);\"><div style=\"position: absolute; bottom: -10px; width: 100%; text-align: center;\">"+Utilities.getElement(Utilities.getElement("folderI").value).innerHTML+"</div>";
					
		}
				
		if (Utilities.getElement("loadingFolderPreview").value.indexOf(",") < 0) {
		
				Utilities.getElement("loadingFolderPreview").value="";	
		
		}
		else {
		Utilities.getElement("loadingFolderPreview").value=Utilities.getElement("loadingFolderPreview").value.substring(Utilities.getElement("loadingFolderPreview").value.indexOf(",")+1,Utilities.getElement("loadingFolderPreview").value.length);		


			Utilities.waiting("Utilities.loadPreviewFolder();");
			
		}
		
	}

}

Utilities.galleryFolderRandomImage = function(images) {

	x2=images[Utilities.randomNumber(1,images.length)];
	
	if (x2 != undefined) {
	
		if (x2.indexOf(".") < 0) {
						
			return "folder";
		
		}
		else {
		
			return x2;
		
		}
		
	}

}

Utilities.randomNumber = function(from,to) {

	return Math.floor(Math.random()*(to-from+1)+from);

}

function openGallery() {

	if(Ajax.checkReadyState("gallery") == "OK") {
				
		responedValue=Ajax.getResponse().firstChild.data;
		
		if (responedValue == " ") {
		
			Utilities.getElement("gallery").innerHTML+="A mappa nem tartalmaz fájlokat.";
		
		}
		else {
				
			getResponses = responedValue.split("%%_");
					
			currentDir = getResponses[1].substring(0,getResponses[1].lastIndexOf("/"));
			
			backDir = currentDir.substring(0,currentDir.lastIndexOf("/"));
			
			if (currentDir != "images/gallery") {
						
				Utilities.getElement("gallery").innerHTML+="<div style=\"\" onClick=\"Utilities.openGallery(\'"+backDir.replace("images/gallery","")+"/\');\">Vissza</div>";
			
			}	
			
			//alert(getResponses[1].substring(getResponses[1].lastIndexOf("/"),getResponses[1].length));
			
			var folderArray = new Array();
												
			for (i=1; i<getResponses.length; i++) {
			
				if (getResponses[i].substring(getResponses[i].length-6, getResponses[i].length).indexOf(".") < 0) {
					
					folderArray.push("galleryFolder"+i+"="+currentDir.replace("images/gallery","")+getResponses[i].substring(getResponses[i].lastIndexOf("/"),getResponses[i].length)+"/");
				
					Utilities.getElement("gallery").innerHTML+="<div id=\"galleryFolder"+i+"\" class=\"galleryFolder\" style=\"float: left; margin: 10px; max-height: 100px; max-width: 120px; height: 120px; width: 120px; /*border: 1px solid grey; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ position: relative;\" onClick=\"Utilities.openGallery(\'"+currentDir.replace("images/gallery","")+getResponses[i].substring(getResponses[i].lastIndexOf("/"),getResponses[i].length)+"/\');\">"+getResponses[i].substring(getResponses[i].lastIndexOf("/")+1,getResponses[i].length)+"</div>";
				
				}
				else {
						
					Utilities.getElement("gallery").innerHTML+='<img src="'+getResponses[i]+'" class="galleryPhoto" style="float: left; margin: 10px; max-height: 100px; max-width: 120px; height: auto; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;" onClick="Utilities.openGalleryViewer(this.src);">';
					
				}
			
			}
			
			if (folderArray != "") {
			
				Utilities.getElement("loadingFolderPreview").value=folderArray;
				Utilities.waiting("Utilities.loadPreviewFolder();");
				
			}
			
		}
			
	}

}

Utilities.openGalleryViewer = function(currentPhoto) {

	photos = Utilities.getElement("gallery").getElementsByTagName("img");
		
	var photoArray=new Array();
	
	for (i=0; i<photos.length; i++) {
			
		photoArray.push(photos[i].src);
		
		if (photos[i].src == currentPhoto) {
		
			if (i == 0) {
			
				previousPhoto = "";
			
			}
			else {
			
				previousPhoto = photos[i-1].src;
				
			}
			
			if (i+1 == photos.length) {
			
				nextPhoto = "";
							
			}
			else {
			
				nextPhoto = photos[i+1].src;
				
			}
		
		}
	
	}
	
	if (Utilities.getElement("galleryViewer") == null) {
	
		var addGalleryViewer = Utilities.createElement('table');
		addGalleryViewer.id='galleryViewer';
		addGalleryViewer.style.position='fixed';
		addGalleryViewer.style.top='0px';
		addGalleryViewer.style.left='0px';
		addGalleryViewer.style.height='100%';
		addGalleryViewer.style.width='100%';
		addGalleryViewer.style.border='0px';
		addGalleryViewer.style.background='url(http://www.eletcel.eu/images/darker.png)';
		addGalleryViewer.innerHTML="";

		Utilities.appendChild(document.body, addGalleryViewer);

	}
		
	Utilities.getElement("galleryViewer").innerHTML="<tr><td align=\"center\">"
		
		+"<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" onMouseOut=\"Utilities.getElement('galleryViewer').onclick=function(){Utilities.removeChildren(Utilities.getElement('galleryViewer')); if (Utilities.getElement('galleryViewer') != null) {Utilities.removeChildren(Utilities.getElement('galleryViewer'));}};\" onMouseOver=\"Utilities.getElement('galleryViewer').onclick='';\">"
		
			+"<tr>"
			
				+"<td id=\"galleryViewerPreviousPhoto\" style=\"text-align: right; vertical-align: center; cursor: pointer;\" title=\"Előző kép\" onClick=\"Utilities.openGalleryViewer(\'"+previousPhoto+"\');\"><img src=\"http://www.eletcel.eu/images/galleryViewerPrevious.png\"></td>"
			
				+"<td style=\"text-align: center;\">"
				
					+"<div style=\"text-align: center; position: relative;\">"
					
						/*+"<div style=\"position: absolute; top: 10px; left: 10%; width: 80%; text-align: left;\">"
						
							+"<font color=\"white\" onClick=\"alert(\'Még nem működik\');\">Idő</font>"
							+"<hr id=\"galleryViewerTimer\" style=\"display: none; position: relative; bottom: 15px; left: 10px; height: 2px; border-width: 0; color: white; background-color: white; width: 0%;\">"
						
						+"</div>"*/
		
						+"<img id=\"galleryViewerCurrentPhoto\" src=\""+currentPhoto+"\" style=\"max-width: 80%; max-height: 35%; width: auto; height: auto; border: 10px solid white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;\">"
					
					+"</div>"
					
				+"</td>"
				
				+"<td id=\"galleryViewerNextPhoto\" style=\"text-align: left; vertical-align: center; cursor: pointer;\" title=\"Következő kép\" onClick=\"Utilities.openGalleryViewer(\'"+nextPhoto+"\');\"><img src=\"http://www.eletcel.eu/images/galleryViewerNext.png\"></td>"
				
			+"<tr/>"
			
		+"</table></td></tr>";
		
	if (previousPhoto == "") {
	
		Utilities.getElement("galleryViewerPreviousPhoto").style.visibility="hidden";
	
	}
	if (nextPhoto == "") {
	
		Utilities.getElement("galleryViewerNextPhoto").style.visibility="hidden";
	
	}

}

Utilities.galleryViewer = function(photos) {
	
}