// JavaScript Document

var aImg = null;

function init()
{
	marker();

	document.getElementById("loading").style.display = "none";
	url = document.URL;
	//url = "http://www.anders.se/index.html?thanx=true+image=002"
	
	if (url.indexOf("thanx") != -1)
	{
		imgNo = url.substr((url.length - 2),2);
		if (imgNo.indexOf("0") != -1) imgNo = imgNo.substr(1,1);
		aImg = document.getElementById(imgNo);
		menuAction("thanx");
	}
	else
	{
		aImg = document.getElementById("53");
	}
	
	setImg(aImg)
}

function setImg(oImg)
{
	var aImgNo = getId(aImg);
	aImg.src = thumbArrBw[aImgNo].src;
	setOutStyle(aImg);

	var imgNo = getId(oImg);
	oImg.src = thumbArr[imgNo].src;
	setOverStyle(oImg);

	aImg = oImg;

	var mainImg = document.getElementById("mainimage");
	var info = document.getElementById("infotext");

	info.innerHTML = mainImg.alt = mainImg.title = oImg.alt;
	document.getElementById("image").style.visibility = "hidden";

	if (imgNo < 10) imgNo = "00" + imgNo; 
	else imgNo = "0" + imgNo;
	mainImg.src = "images/portfolio/img-" + imgNo + ".jpg";
}

function imgOver(oImg) 
{
	var imgNo = getId(oImg);
	oImg.src = thumbArr[imgNo].src;
	setOverStyle(oImg)
}

function imgOut(oImg)
{
	if (aImg != oImg)
	{
		var imgNo = getId(oImg);
		oImg.src = thumbArrBw[imgNo].src;
		setOutStyle(oImg)
	}
}

function getId(obj)
{
	return obj.id;
}

function setOverStyle(obj)
{
	obj.style.width = obj.style.height = "30px";
	obj.style.margin = "2px 1px";	
}

function setOutStyle(obj)
{
	obj.style.width = obj.style.height = "26px";
	obj.style.margin = "4px 3px";	
}

// IMAGE ANIMATION
function loading()
{
	var imgObj = top.document.getElementById("image");
	initImage(imgObj);
}

function initImage(imgObj) 
{
 	imgObj.style.visibility = "visible";
	setOpacity(imgObj,0);
	fadeIn("image",0);
}

function setOpacity(obj,opacity) {
	opacity = (opacity == 100) ? 99.999 : opacity;

	obj.style.filter="alpha(opacity:"+opacity+")"; // IE/Win
  	obj.style.KHTMLOpacity=opacity/100; // Safari<1.2, Konqueror
  	obj.style.MozOpacity=opacity/100;  // Older Mozilla and Firefox
  	obj.style.opacity=opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
}

function fadeIn(objId,opacity) 
{
	var obj = document.getElementById(objId);
		
   	if (opacity <= 100) 
	{
   		setOpacity(obj,opacity);
   		opacity += 10;
   		window.setTimeout("fadeIn('"+objId+"',"+opacity+")",100);
   	}
}