selectedFoto = '';

placeInMain = function(element) {
	href = element.href;
	title = element.title;
	
	selectedFoto = element;
	
	if(href) {
	$('mainImage').src 	= href;
	$('mainImage').title 	= title;
	tmp = href.split('/');
	tmp = tmp[(tmp.length - 1)];
	tmp = tmp.replace('.jpg','');
	tmp = tmp.replace('.jpeg','');
	tmp = tmp.replace('.JPG','');
	tmp = tmp.replace('.JPEG','');
	$('order-link').href='/photoalbum/bestellen/'+tmp;
	}
}


// Functie nader te bepalen AJAX
// nieuwe fotos halen en replacen
// Paginatie aanpassen
getItems = function(id, page) {
	WS.Ajax.request('/photoalbum/getitems/'+id+'/'+page, function(response) {
		response = WS.Util.parseJSON(response);
		itemHolder = $('photoitems');
		itemHolder.innerHTML = '';
		
		album = response.albuminfo;
		for(j=0; j < response.images.length; j++) {
			var item 	= response.images[j];
			// Defining information
			title = (item.Attachment.description_att != '')?item.Attachment.description_att : item.Attachment.name_att;
			link = '/content/photoalbums/'+id+'/big/'+ item.Asset.filename;
			src =  '/content/photoalbums/'+id+'/mini/'+ item.Asset.filename;
			click = 'placeInMain(this);return false;';
			
			// Make Elements
			photoLink 	= document.createElement('a');
			photoLink.setAttribute('title', title);
			photoLink.setAttribute('href', link);
			photoLink.setAttribute('onclick', click);

			photoImg	= document.createElement('img');
			photoImg.setAttribute('src',src);
			photoImg.setAttribute('width',100);
			photoImg.setAttribute('height',70);
			photoImg.setAttribute('alt',title);
	
			photoLink.appendChild(photoImg);
			itemHolder.appendChild(photoLink);

			if(j == 0) {
				placeInMain(photoLink);
				photoLink.setAttribute('class','selected');
			}

		}
		
		mainParent = $('photo-detail-thumbs');
		mainParent.removeChild($('pages'));
		
		
		pages = document.createElement('div');
		pages.setAttribute("id","pages");
		pages.setAttribute("class","pagination");
		mainParent.appendChild(pages);
		
		list = document.createElement('ul');
		pages.appendChild(list);
		min = album.currentPage - 1;
		max = album.currentPage + 2;

		prevNumber = album.currentPage - 1;
		if(album.currentPage <= 1) {
			click = '#';
		} else {
			click 		= 'Javascript: getItems('+id+','+prevNumber+')';
		}
		prevLink = document.createElement('li');
		prevLink.setAttribute('class','prev-link');
		prevLinkAnchor = document.createElement('a');
		prevLinkAnchor.setAttribute('title','Vorige');
		prevLinkAnchor.setAttribute('href',click);
		prevLinkAnchor.innerHTML = 'Vorige';
		prevLink.appendChild(prevLinkAnchor);
		list.appendChild(prevLink);
		
		for(i= min; i <= max; i++) {
			if(i > 0 && i <= album.maxPages) {
			//	makePage(i,id,album.currentPage, list);
			}
		}
		spacer = document.createElement('li');
		spacer.setAttribute("class","colorspacer");
		list.appendChild(spacer);
		
			nextNumber = album.currentPage + 1;
			console.log(album.currentPage + '' + album.maxPages);
			if(album.currentPage == album.maxPages) {
				click = '#';
			} else {
				click 		= 'Javascript: getItems('+id+','+nextNumber+')';
			}
			nextLink = document.createElement('li');
			nextLink.setAttribute('class','next-link');
			nextLinkAnchor = document.createElement('a');
			nextLinkAnchor.setAttribute('title','Volgende');
			nextLinkAnchor.setAttribute('href',click);
			nextLinkAnchor.innerHTML = 'Volgende';
			nextLink.appendChild(nextLinkAnchor);
			list.appendChild(nextLink);
	});
}

makePage = function(number,album,selected, source) {
	page 		= document.createElement('li');
	pageLink 	= document.createElement('a');
	click 		= 'Javascript: getItems('+album+','+i+')';

	pageLink.setAttribute('title','Pagina '+ i);
	pageLink.setAttribute('href',click);
	pageLink.innerHTML = i;
	if(number == selected) {
		pageLink.setAttribute('class','selected');
	}
	page.appendChild(pageLink);
	source.appendChild(page);
	
}

prevImage = function() {
		el = selectedFoto;
		prev = el.previousSibling;
		if(prev && typeof(prev) != 'undefined' && prev.nodeType) {
			while(prev.nodeType != 1 ) {
				if(prev.previousSibling) {
				prev = prev.previousSibling;
				}else {
				return;
				}
			}
		}
		if(prev && typeof(prev) != null) {
		placeInMain(prev);
		}
};

nextImage = function() {
		el = selectedFoto;
		if(!el) {
			el = $('photoitems').firstChild;
			if(el.nodeType != 1) {
				el = el.nextSibling;
			}
		}
		next = el.nextSibling;
		if(next && typeof(next) != 'undefined' && next.nodeType) {
			while(next.nodeType != 1 ) {
				if(next.previousSibling) {
				next = next.nextSibling;
				}else {
				return;
				}
			}
		}
		if(next && typeof(next) != null) {
		placeInMain(next);
		}
};