$(document).ready(function(){
init_gallery();
init_nav();
});

addEvent = function(obj, evType, fn){
  if (obj.addEventListener){
    obj.addEventListener(evType, fn, false);
    return true;
  } else if (obj.attachEvent){
    var r = obj.attachEvent("on"+evType, fn);
    return r;
  } else {
    return false;
  }
}

d = function(id) {
	return document.getElementById(id);
}

getEventTarget = function(e){
    return (e.target) ? e.target : e.srcElement
}

//////////////////////
// Gallery Functions

init_gallery = function() {
	img_width = 140;
	var items = gallery_items;
	pos = Array();
	for(i = 0; i < items; i++) {
		pos[i] = i*img_width; // Startwerte setzen
		d('img'+i).style.left = (pos[i]) + 'px';
		d('img'+i).style.display = 'inline';
	}
	addEvent(d('frame'), 'click', toggle)
	addEvent(d('frame'), 'dblclick', speedup)
	imgmove = window.setInterval("move(-3)", 150);
	ismoving = 1;
}

move = function(much) {
	for(i = 0; i < pos.length; i++) {
		pos[i] = pos[i] + much;
		d('img'+i).style.left = (pos[i]) + 'px';
		if(pos[i] <= -img_width) pos[i] = img_width*(pos.length-1);
	}
}

toggle = function() {
	if(ismoving == 1) {
		ismoving = 0;
		window.clearInterval(imgmove);
	} 
	else {
		imgmove = window.setInterval("move(-1)", 50)	
		ismoving = 1;
	}
}

speedup = function() {
	if(ismoving == 1) {
		window.clearInterval(imgmove);
	} 
	imgmove = window.setInterval("move(-2)", 30)	
}

// End Gallery
//////////////////////


//////////////////////
// Navigation 

init_nav = function() {
	$("#navlist > li").click(navClick);
	$("#navlist > li").hover(navHover, navOut);
}

navHover = function(e) {
	var elem = getEventTarget(e);
	if(elem.tagName == 'A') elem = elem.parentNode;
	elem.style.background = 'url("images/nav_top.gif") left repeat-y';
	elem.style.color = '#FFFFFF';
	elem.firstChild.style.color = '#FFFFFF';
}

navOut = function(e) {
	var elem = getEventTarget(e);
	if(elem.tagName == 'A') elem = elem.parentNode;
	if(elem.className != 'navsel') {
		elem.style.background = 'url("images/nav_list.gif") left repeat-y';
		elem.style.color = '#3400CC';
		elem.firstChild.style.color = '#3400CC';
	}
}

navClick = function(e) {
	e = getEventTarget(e);
	if(e.tagName == 'LI') e = e.firstChild;
	if(e.href.indexOf('#') != -1) {
	$("#navlist > .scnd").toggle();
	return false;
	}
	
	url1 = e.href.split('&');
	url = url1[0].split('=');
	
	if(url1[1])	{
		url2 = url1[1].split('=');
		$.get(url[1]+".php?"+url2[0]+"="+url2[1], loadContent);
	}
	else {
		$("#navlist > li").removeClass('navsel');
	    $("#navlist > li").css({background: 'url("images/nav_list.gif") left repeat-y', color: '#3400CC'});
	    $("#navlist > li > a").css({color: '#3400CC'});

		$.get(url[1]+".php", loadContent);
		e.parentNode.className = 'navsel';
		e.parentNode.style.background = 'url("images/nav_top.gif") left repeat-y';
     	e.parentNode.style.color = '#FFFFFF';	
     	e.style.color = '#FFFFFF';
	}
	return false;
}

loadContent = function(cont) {
	$("#content").empty();
	$("#content").append(cont);
	//window.setTimeout('translate()', 1000);
}

// End Navigation
//////////////////////

translate = function() {
	ad = document.getElementsByTagName('span');
	alert(ad.length);
	for(var i = 0; i < ad.length; i++) {
	email = ad[i].innerHTML.split('@');
	ad[i].innerHTML = '<a href=\"mailto:'+email[1]+'@'+email[0]+'\"> '+email[1]+'@'+email[0]+'</a>';
	}
}

imgLarge = function(e) {
	if(e.width < 300) {
		e.src = e.src.replace(/poor/, "good");
		if(e.width < e.height) {
			e.height = 450;
			e.width = 337;
		}
		else {
			e.height = 337;
			e.width = 450;
		}
	}
	else {
		e.src = e.src.replace(/good/, "poor");
		if(e.width < e.height) {
			e.height = 133;
			e.width = 99;
		}
		else {
			e.height = 99;
			e.width = 133;
		}

	}
	
}
/*****************
// Debugging
*****************/
function debug(txt) {
	var debugOn = false;
	if(debugOn) {
		if(!document.getElementById('debug')) {
			bodytag = document.getElementsByTagName("body");
			bodytag[0].innerHTML += '<div id="debug"></div>';
		}
	document.getElementById('debug').innerHTML += txt +'<br />';
	};
//	return 1;
}