/*
Copyright (c) 2008, WebsDesign B.V. All rights reserved.
By Patrick Kempff
*/
var e = YAHOO.util.Event;
var d = YAHOO.util.Dom;
var currentPhoto;
var filterClick = false;
var timer =false;
var producten = Array();
var currentImage;
var currentTab;



e.onDOMReady(init);
//e.on(window, "load", OnWindowLoaded);
e.on(window, "resize", resize);
function resize(){
  extendHeader();
}
function init() {
  imageRollover(document.getElementById("maasduinen"));
  imageRollover(document.getElementById("groene_halte"));
  imageRollover(document.getElementById("limburgslandschap"));
  imageRollover(document.getElementById("nationaal_park_maasduinen"));
  extendHeader();
	webmanage_photo_album();
//  makePhotoAlbum();
}

function extendHeader(){
	var width = d.getViewportWidth();
	if(width>1300){
		width=1300;
	}else if(width<950){
		width=950;
	}
	document.getElementById("header").style.width = width+"px";
	document.getElementById("footer").style.width = width+"px";
	
}

function imageRollover(obj){
  obj.style.cursor = 'pointer';
  var url = obj.src;
  
  obj.onmouseover = function(){
	var location = this.src;
	var extension = location.substr(location.length-3,location.length);
	var newLocation = location.substr(0,location.length-4);
	newLocation = newLocation+"_active."+extension;
	this.src = newLocation;
  }
  obj.onmouseout = function(){
	this.src = url;
  }
}
function webmanage_photo_album() {
	if(!document.getElementById("album")){
		return;
	}
	var album = document.getElementById("album");
	var obj = d.getElementsByClassName('imagethumbnails', 'ul',album)[0];
	var thumbnails = obj.getElementsByTagName("a");
	var active;

	var photo = d.getElementsByClassName("photo","div",album)[0];	
			photo.style.background = "#f2f2f2 url(/img/loading_16px.gif) no-repeat center center";

	for(var i=0; i<thumbnails.length; i++) {
		currentImage = thumbnails[0];
		currentImage.className = "active";

			thumbnails[i].onclick = function() {
				//alert("abc");
//				if(currentImage!=this){
//					this.className = "active";
//					currentImage.className = "";
//					currentImage = this;
//				}
//			alert(this.href);

				photo.innerHTML = "<img src='"+this.href+"' />";

				
				return false;
		}
	}
}