/* type in all image names without extension on the homepage */
var indexImgList = new Array("startseite");

$(function(){
	//Get our elements for faster access and set overlay width
	var div = $('div.sc_menu'),
		ul = $('ul.sc_menu'),
		ulPadding = 10;
	
	//Get menu width
	var divWidth = div.width();

	//Remove scrollbars	
	div.css({overflow: 'hidden'});
	
	//Find last image container
	var lastLi = ul.find('li:last-child');
	
	//When user move mouse over menu
	div.mousemove(function(e){
		//As images are loaded ul width increases,
		//so we recalculate it each time
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;	
		var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
		div.scrollLeft(left);
	});
});

function setNewHomeImg() {
	randomImgNumber = getRandom(0,indexImgList.length-1);
	var indexImg = document.getElementById("indexImg").getElementsByTagName("img")[0];
	indexImg.src = "img/" + indexImgList[randomImgNumber] + ".jpg";
}

function getRandom(min,max) {
	return(min + parseInt(Math.random() * (max-min+1)));
}

function changeContentImg() {
	startImg = document.getElementById("runningTxtImg");
	startImg.src = "img/" + imgPrefix + this.firstChild.data + ".jpg";
	var imgListLIs = document.getElementById("imgNumberList").getElementsByTagName("li");
	for(var i = 0; i < imgListLIs.length; i++) {
		imgListLIs[i].className = "";
	}
	this.parentNode.className = "activeLi";
	this.blur();
	return false;
}

var imgPrefix;

function setProjectImgs() {
	var imgLinks = document.getElementById("imgNumberList").getElementsByTagName("a");
	for(var i = 0; i < imgLinks.length; i++) {
		imgLinks[i].onclick = changeContentImg;
	}
	startImgSrc = document.getElementById("runningTxtImg").src;
	imgPrefix = startImgSrc.substring(startImgSrc.indexOf("img")+4, startImgSrc.lastIndexOf(".jpg")-1);
}