var app = {
	init: function(){
		try {

			var elem = document.getElementById('actionbutton');
			
			if (elem){
				var h = elem.href;
				
				if (elem.href){
					elem.href = encodeURI("forward.php?u="+elem.href);
				}
			}
			
		}
		catch (ex){
			console.log(ex);
		}
	}
};

var gallery = {
	imagekey: '%image%',
	images: [],
	container: null,
	interval: 7000,
	ready: function(){
		return (gallery.container != null);
	},
	index: 0,
	init: function() {
		try {
			
			if (window.imagekey != null) {
			
				gallery.imagekey = window.imagekey;
				gallery.container = document.getElementById('top-image');
														
				if (gallery.container) {
						
					var items = gallery.imagekey.split(";");
				
					// remove empty keys
					for (var i=0; i<items.length; i++){
						var itm = items[i];
						
						if (itm) {
							if (itm.length > 2) {
								gallery.images.push(itm);
							}
						}
						
					}
					
					//console.log(gallery.images);
					gallery.preloadImages();
							
					// set first image
					if (gallery.images.length > 1) {
						gallery.setImage(gallery.images[0]);
						
						window.setTimeout(gallery.tick, gallery.interval);
					}
					else if (gallery.images.length > 0) {
						gallery.setImage(gallery.images[0]);
					}
				}
			}
			
		}
		catch (ex){ console.log(ex); }
	},
	setImage: function(key){
		try {
			if (gallery.container) {
				gallery.container.style.backgroundImage = "url('uploads/"+key+"')";
			}
		}
		catch (ex){ console.log(ex); }
	},
	tick: function() {
		try {
			gallery.index += 1;
			
			console.log("gallery tick");
			
			if (gallery.index >= gallery.images.length) {
				gallery.index = 0;
			}
				
			//gallery.setImage(gallery.images[gallery.index]);
			
//			gallery.container.style.filter = "blur(35px)";
			gallery.container.style.filter = "brightness(0%)";
			
			window.setTimeout(function(){
				
				gallery.setImage(gallery.images[gallery.index]);
//				gallery.container.style.filter = "blur(0px)";
				gallery.container.style.filter = "brightness(100%)";
					
				window.setTimeout(gallery.tick, gallery.interval);
				
			}, 300);
			
			//window.setTimeout(gallery.tick, gallery.interval);
		}
		catch (ex){
			console.log(ex);
		}
	},
	preloadImages: function(){
		try {
			for (var i=0; i<gallery.images.length; i++){
				var url = gallery.images[i];
				
				if (url) {
					(new Image()).src = "uploads/"+url;
				}
			}
		}
		catch (ex){
			console.log(ex);
		}
	}
};

var menu = {
				open: false,
				container: null,
				button: null,
				init: function(){
					try {
					
						menu.container = document.getElementById("burgermenu");
						menu.button = document.getElementById("burgermenu-btn");
					
					} catch (ex) { console.log(ex);}
				},
				toggle: function(){
					try {
					
						if (menu.open) {
							menu.hide();
						}
						else {
							menu.show();
						}
					
					} catch (ex) { console.log(ex);}
				},
				show: function(){
					try {
					
						menu.container.style.maxHeight = "1000px";
						menu.button.className = "active_button";
						menu.open = true;
					
					} catch (ex) { console.log(ex);}
				},
				hide: function() {
					try {
					
						menu.container.style.maxHeight = "0px";
						menu.button.className = "";
						menu.open = false;
					} catch (ex) { console.log(ex);}
				}
};

app.init();
gallery.init();

menu.init();