var coverContainerId = "covers";
window.addEvent('domready', initFlow );

//** called from page through addevent domready
function fillFlow(){
	var p = $('coversrc');
	$("images").innerHTML = p.innerHTML;
	p.innerHTML ="";
	initFlow();
	var p = $$("#completetopzone .logosection");
	p[0].style.visibility="hidden";
	$("diereiter").style.visibility="hidden";
	var p = $('albumListe');
	$("herealbums").innerHTML = p.innerHTML;
	p.innerHTML ="";
	var query = parseQueryString();
	if(typeof(query.album)=="object"){
		//alert("album:"+query.album);
		linkGlideTo(0, "album_" + query.album)
		if(typeof(query.image)=="string"){
			alert("image:"+query.image);
		}
	}
}

//**called from fillflow
function initFlow(){
	$(coverContainerId).Flows = new Flows();
	/* reflection_p: This variable must be changed to the used reflection image height in % of the source image */
	$(coverContainerId).Flows.init({container:coverContainerId, caption_id:"i1", "container_id":"images", reflection_p:0.5 });
	$(coverContainerId).Flows.refresh(coverContainerId);
	$$("#images .flow").addEvents({ 'click': $(coverContainerId).Flows.glideTo });
}

//**wrapper to forward a click on a link to imageflow
function linkGlideTo(step, id){
	$("images").style.visibility = "visible";
	$(coverContainerId).Flows.glideTo(1, step, id, $(coverContainerId) );
	//document.location.href=document.location.href+"#album_"+id;
}

function loadJson(id){
	var px = $('gallery');
	px.empty();
	var img = new Element('img', {'src': '/_common/images/loading.gif'}).injectInside(px);
	
	//**aob
	//**aob
	//**aob
	var url = '/_common/show_album.php?json=1&album='+id;
	//**aob
	//**aob
	//**aob
	//**aob
	var request = new Json.Remote(url, {
		onComplete: function(jsonObj) {
			addImages(jsonObj.previews);
			doError(jsonObj.errors);
			doSlideshow(jsonObj.previews);
			//doCaption(jsonObj.title, jsonObj.summary, jsonObj.description);
		}
	}).send();
}


var doCaption = function(title, summary, description){
	var pp = $('albumListe')
	var name = new Element('h1').setHTML(title+"...").injectInside(pp);
	var name = new Element('p').setHTML(summary+"...").injectInside(pp);
	var name = new Element('p').setHTML(description+"...").injectInside(pp);
}

var iArrs = [];
var doSlideshow = function(images){
	var slideshow = $("my_slideshow");
	images.each(function(image) {
		iArrs.push(image.large);
	});
//	myShow = new Slideshow('my_slideshow', {hu: '', images: iArrs, height: 480, width: 640, type: 'combo', pan: 'rand', zoom: 'rand', navigation: 'arrows+'});
// fade, wipe, push, pan, zoom and combo
//	myShow = new Slideshow('my_slideshow', {hu: '', images: iArrs, height: 480, width: 640, type: 'pan', navigation: 'arrows+'});
	
}

var doError = function(errors){
	var errordiv = $('errors');
	errordiv.innerHTML = unescape(errors).replace(/\+/g, " ");
}

//**called from json
var addImages = function(images) {
	var gallery = $('gallery');
	gallery.empty();

	images.each(function(image) {
		var el = new Element('a', {'class': 'preview', 'rel':'lightbox[atomium]', 'href':image.large});
		var name = new Element('span').setHTML(image.name).injectInside(el);
		var desc = new Element('span').setHTML(image.description).injectAfter(name);
		if(image.height>image.width){
			cls = "vertical";
		}else{
			cls = "horizontal";
		}
		var img = new Element('img', {'src': image.src,  'class':cls}).injectAfter(desc);
		var footer = new Element('span').injectAfter(img);
		//if (image.views > 50 && image.views < 250) footer.setHTML('popular').addClass('popular');
		//else if (image.views > 250) footer.setHTML('SUPERpopular').addClass('SUPERpopular');
		//else footer.setHTML('normal').addClass('normal');
		
		
		el.inject(gallery);
	});
	Lightbox.init({showControls: true});
	
}

//**called when album clicked from imageflow function
function AfillSlides(what){
	loadJson(what);
	var p = $('albumListe');
	var aa = p.getElementsByTagName("A");
	for(var i in aa){
		aa[i].className='mainlevel';
	}
	$("a_"+what).className='mainlevel selectedItem';
	
	return;
	Lightbox.close();
	var slides = $("fillslides");
	var aslides = $("slides");
	if(slides){
		slides.style.display = "block";
	}
	aslides.style.display = "block";
	var stuff = $(what);
	if(stuff){
		slides.innerHTML = stuff.innerHTML;
		
		
	}else{
		slides.innerHTML = what;
	}
	Lightbox.init({showControls: true});
}



var parseQueryString =function(query){
	var result = {};
	if (query == undefined){
		query = location.search ? location.search : '';
	}
	if (query.charAt(0) == '?'){ query = query.substring(1); }
	query = query.replace('+', ' ');
	var elements = query.split(/[&;]/g);
	for (var i = 0; i < elements.length; i++){
		var kValPair = elements[i].split('=');
		var k = decodeURIComponent(kValPair[0]);
		var value = decodeURIComponent(kValPair[1]);
		if (!result[k]){ result[k] = []; }
		result[k].push((kValPair.length == 1) ? '' : value);
	}
	return result;
}