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++;
	}
}