var maxImageWidth = 440;
var linkElements = new Array();
var imageElements = new Array();

function isImageLink(LINK)
{
	var validFormats = new Array("jpg","jpeg","png","gif");
	var pointIndex = LINK.lastIndexOf(".");
	var format = LINK.substring(pointIndex + 1,LINK.length);
	for (var i = 0; i < validFormats.length; i++)
	{
		if (validFormats[i] == format)
		{
			return true;
		}
	}
	return false;
}

function loadImages()
{
	var links = document.getElementsByTagName("a");

	var j = 0;
	for (var i = 0; i < links.length; i++)
	{
		if (isImageLink(links[i].href))
		{
			loadSpecificImage(links[i],j++);			
		}

	}
}

function loadSpecificImage(ELEM,INDEX)
{
	//loadingImage
	var loadimage = new Image();
	loadimage.src = "img/icons/imageloader.gif";
	loadimage.style.border = "0px solid";
	loadimage.alt = "Laddar bild";
	loadimage.title = "Laddar bild";
	var linktext = ELEM.innerHTML;
	ELEM.innerHTML = "";
	ELEM.className = "";
	
	var span = document.createElement("span");
	span.className = "smalltitle";
	span.innerHTML = "&nbsp;Laddar bild";
	
	ELEM.appendChild(loadimage);
	ELEM.appendChild(span);
	
	
	//The image
	var image = new Image();
	image.src = ELEM.href;
	
	linkElements[INDEX] = ELEM;
	imageElements[INDEX] = image;
	
	setTimeout("finishLoadedImage('" + INDEX + "')",500);
}

function finishLoadedImage(INDEX)
{
	var failed = false;
	var image = imageElements[INDEX];
	if (!image.complete)
	{
		setTimeout("finishLoadedImage('" + INDEX + "')",500);
		return;
	}
	
	var ELEM = linkElements[INDEX];
	
	if (image.width == 0)
	{
		failed = true;
		image.src = "img/icons/imageloadfailed.gif";
	}
	else
	{
		if (image.width > maxImageWidth)
		{
			var ar = image.height / image.width;
			var newWidth = maxImageWidth;
			var newHeight = Math.floor(maxImageWidth * ar);
			image.style.width = newWidth + "px";
			image.style.height = newHeight + "px";
			image.style.margin = "5px";
		}
	}
	
	image.style.border = "1px solid black";
	
	ELEM.innerHTML = "";
	ELEM.appendChild(image);
	
	if (failed)
	{
		image.style.border = "0px solid black";
		var span = document.createElement("span");
		span.className = "smalltitle";
		span.innerHTML = "&nbsp;Laddning misslyckad";
		ELEM.appendChild(span);
	}
	
}

