onload = function(){
	animateThumbnails();

    $(".thumbnailSet").click(function(event){

        var thumbnailTarget = event.currentTarget;
        var children = $(thumbnailTarget).children();
        var linkid = children[0].id;

		// Are we linking to a video or an image gallery?
		var pair = linkid.split("-", 2);
		if( pair[0] == "v" )
		{
			window.location = "video.php?pid=" + pair[1];
		}
		else
		{
			var images = [];
			var titles = [];
			var desc = [];
			var count = 0;
			for( var i=1; i<children.length; i++ )
			{
				if( children[i].nodeName == "LINK" )
				{
					images[count] = children[i].href;
					titles[count] = '';
					desc[count] = '';
					count++;
				}
			}
			$.prettyPhoto.open(images,titles,desc);
		}

        //window.location.href = $(this).attr("rel=lightbox[external 700 60%]");
        //window.location.href = "vf3.html?" + videoId;
        //$('a.video1').click();
        //$.prettyPhoto.open('images/fullscreen/1.jpg');
        //$.prettyPhoto.open('vf3.html?iframe=true&width=640&height=400','Title Here','Other text here');
		//alert('Video: ' + videoId);

    });
}

function animateThumbnails(){
	var i = 1;
	var thumbnailWrapper = new Array();
	
	while(thumbnails = document.getElementById("thumbnails"+i)){
		thumbnailWrapper.push(thumbnails);
		i++;
	}
	
	for(var i = 0;i < thumbnailWrapper.length; i++){
		thumbnailsAnimation(thumbnailWrapper[i]);
	}
}

function thumbnailsAnimation(thumbnailWrapper){
	
	var thumbnailsChildren = thumbnailWrapper.childNodes;
	var thumbnails = new Array();

	for(var j = 0;j < thumbnailsChildren.length;j++){
		if(thumbnailsChildren[j].nodeName == "IMG"){
			thumbnails.push(thumbnailsChildren[j]);
		}
	}
	
	
	thumbnailWrapper.style.width = $(thumbnails[0]).innerWidth() + "px";
	thumbnailWrapper.style.height = $(thumbnails[0]).innerHeight() + "px";
		
	var thumbnailsInfo = thumbnails;
	var thumbnailWidth = $(thumbnails[0]).innerWidth();
	var thumbnailHeight = $(thumbnails[0]).innerHeight();
	var hotspotWidth = thumbnailWidth / thumbnailsInfo.length;
	var hotspotLeft = 0;
	var thumbnailHotspots = new Array();
		
	for(var i = 0; i < thumbnailsInfo.length;i++){
		$(thumbnailWrapper).prepend($("<div />").attr("class", "hotspot").attr("name", i).css({
			"left": hotspotLeft,
			"height": thumbnailHeight,
			"width":hotspotWidth
		}));
		hotspotLeft = hotspotLeft + hotspotWidth;
	}

		
	for(var i = 0;i < thumbnailsChildren.length;i++){
		if(thumbnailsChildren[i].nodeName == "DIV"){
			thumbnailHotspots.push(thumbnailsChildren[i]);
		}
	}
		
	for(var i = 0;i < thumbnailHotspots.length;i++){		
		if(thumbnailHotspots[i].nodeName == "DIV"){
			thumbnailHotspots[i].onmouseover = function(event){
				
				event = event || window.event;
				target = event.target || event.srcElement;
								
				toggle(thumbnails, target.getAttribute("name"));
				
			}
			thumbnailHotspots[i].onmouseout = function(event){
				
				event = event || window.event;
				target = event.target || event.srcElement;
				
				toggle(thumbnails, 0);
				
			}
		}
	}
			
	thumbnails[0].style.display = "block";
	return "hej";
}

function toggle(thumbnails, active){
	
	var i = 0;
	while(thumbnails[i]){
		if(i == active){
			thumbnails[i].style.display = "block";								
		}
		else{
			thumbnails[i].style.display = "none";				
		}
		i++;
	}
}