var ns = (document.all)?false:true;
var ua = navigator.userAgent.toLowerCase();
var ie = ( (ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1) );

if (ns) {
document.write('<style type="text/css"><!-- .quadrat { margin-top:-8px; } //--></style>');
}

function init() {
	document.getElementById('nojs').style.visibility = 'hidden';
}

var layers = new Array('profil','portfolio','kontakt');
var projects = new Array('kuk','perlenfeld','zahn','drechsel','fl','metzler2','leseglueck','pjure','frontline','jubii','metzler','erenlai','tapejam','tapejam2','yvm','fotorist','zurich','gpm','raschversand');
var projsize = projects.length; var projpos = 0;

n1 = new Image;
n1.src = "nav/profil_a.gif";
n2 = new Image;
n2.src = "nav/portfolio_a.gif";
n3 = new Image;
n3.src = "nav/kontakt_a.gif";
n4 = new Image;
n4.src = "nav/submit_a.gif";
p1 = new Image;
p1.src = "nav/img_forw.gif";
p1a = new Image;
p1a.src = "nav/img_forw_a.gif";
p2 = new Image;
p2.src = "nav/img_back.gif";
p2a = new Image;
p2a.src = "nav/img_back_a.gif";
p3 = new Image;
p3.src = "nav/proj_forw.gif";
p3a = new Image;
p3a.src = "nav/proj_forw_a.gif";
p4 = new Image;
p4.src = "nav/proj_back.gif";
p4a = new Image;
p4a.src = "nav/proj_back_a.gif";
p5 = new Image;
p5.src = "nav/top.gif";
p5a = new Image;
p5a.src = "nav/top_a.gif";

function in_array(ar,str) {
	for(i=0; i<ar.length; i++){
		if(ar[i]==str){
			return true;
		}
	}
         return false;
}

function blink(imgid,startend) {
	if (startend=='o') { startcolor = '#FFA311'; newcolor = '#FFFFFF'; startend = '1'; }

	if (startend=='2') document.getElementById(imgid).style.backgroundColor = startcolor;
	else document.getElementById(imgid).style.backgroundColor = newcolor;

	if (startend=='1') timeOut = window.setTimeout("blink('"+imgid+"','2')",'250');
	else if (startend=='2') timeOut = window.setTimeout("blink('"+imgid+"','1')",'250');
	else { document.getElementById(imgid).style.backgroundColor = startcolor; clearTimeout(timeOut); }
}

function nav(name) {
	window.scrollTo(0,0);
         name2 = name.substr(8);
	for (i=0;i<layers.length;i++) {
         	if (name2 != layers[i]) {
			document.getElementById('content_'+layers[i]).style.visibility = 'hidden';
			document.getElementById(layers[i]).style.backgroundImage = 'url(nav/'+layers[i]+'.gif)';
                 }
         }
	document.getElementById(name).style.visibility = 'visible';
	document.getElementById(name2).style.backgroundImage = 'url(nav/'+name2+'_a.gif)';
         name2 = '';
}

loaded1 = new Array(); loaded2 = new Array(); loaded3 = new Array();
name2 = ''; imgpos = 1;

issettimeout = 0;
function show(name) {
	if (issettimeout == 1) { window.clearTimeout(to); issettimeout = 0; }
         if (name != 'name') {
                 if (name2 != '') if (name != name2) document.getElementById(name2).style.visibility='hidden';
         	name2 = name;
		name3 = name.substr(3);
         } else { name = name2; }
	for(i=0; i<projsize; i++){
		if(projects[i]==name3){
			projpos = i;
		}
	}
	if (in_array(loaded3,name3)) {
                 document.getElementById(name2).style.visibility='visible';
         } else if (in_array(loaded2,name3)) {
		document.getElementById(name2+'_container').innerHTML = display();
                 document.getElementById(name2).style.visibility='visible';
                 imgpos = 1;
                 loaded3.push(name3);
         } else {
		ensureDisplayScriptIsLoaded(name3);
		to=window.setTimeout("show('name')",5); issettimeout = 1;
         }
}

function hide(name, step) {
	if (step == 0 && issettimeout == 1) { window.clearTimeout(to); issettimeout = 0; }
	if (step == 1) { name2 = name; to=window.setTimeout("hide('name',2)",10); issettimeout = 1; }
	if (step == 2) {
         	document.getElementById(name2).style.visibility='hidden';
                 window.clearTimeout(to); issettimeout = 0;
         }
}

function ensureDisplayScriptIsLoaded(name) {
	if (in_array(loaded1,name)) { // Already exists
		return;
	}
	loaded1.push(name);
	var head = document.getElementsByTagName("head")[0];
	script = document.createElement('script');
	script.id = 'displayScript';
	script.type = 'text/javascript';
	script.src = 'ref/'+name3+'.js';
	head.appendChild(script)
}

function roll(name,file) {
	if (ie) {
         	document.getElementById(name).src=file;
         }
}

function rollimg(imgid,imgnew)
{
	document.images[imgid].src=eval(imgnew + ".src");
}

function imgskip(dir,name,size,num) { // jump to specific image: set num
         size2=size;
         if (num != 0) size = 1;
	imgpos += dir;
	if (imgpos < 1) imgpos = size;
	else if (imgpos > size) imgpos = 1;
         if (dir != 0) num = imgpos; else imgpos = num;
	document.images[name].src=eval(name+num+".src");
         imgnums(name,size2,num);
}

function projskip(dir) {
//	y = dir*(cp_height+75); window.scrollBy(0,y);
	projpos2 = projpos;
         projpos2 += dir;
	if (projpos2 < 0) projpos2 = projsize-1;
	else if (projpos2 >= projsize) projpos2 = 0;
         show('cp_'+projects[projpos2]);
}

function imgnums(name,size,num) {
         for (i=1; i<= size; i++) {
         	if (i == num) document.getElementById(name+'_img'+i).className = 'numso';
		else document.getElementById(name+'_img'+i).className = 'nums';
         }
}

function display() {
	var cp_name = name3;
         var content = '<div id="cp_'+cp_name+'" class="cp" style="height:'+(cp_height+121)+'px;" onmouseover="javascript:show(\'cp_'+cp_name+'\');" onmouseout="javascript:hide(\'cp_'+cp_name+'\',1);"><div class="cp_bg" style="height:'+(cp_height+121)+'px;"></div>';
         content2 = '<div class="cp_projnav1"><a href="javascript:projskip(-1);" onmouseover="javascript:rollimg(\''+cp_name+'_proj_back\',\'p4a\');" onmouseout="javascript:rollimg(\''+cp_name+'_proj_back\',\'p4\');"><img id="'+cp_name+'_proj_back" src="nav/proj_back.gif" width="103" height="13" border="0" alt="vorheriges Projekt" /></a></div class="cp_projnav1">';
         content += '<div class="cp_border" style="height:'+(cp_height+61)+'px;"><div class="cp_text"><span class="b">'+cp_projname+'</span>'+cp_projtext+'</div class="cp_text"><div class="cp_img"><a href="javascript:imgskip(1,\''+cp_name+'\','+cp_images+',0);"><img id="'+cp_name+'" src="'+eval(cp_name+'1').src+'" width="300" height="'+cp_height+'" border="0" alt="'+cp_projname+'" /></a><br /><img src="spacer.gif" width="1" height="17" border="0" alt="" /><br />';
         if (cp_images > 1) {
         	content += '<a href="javascript:imgskip(-1,\''+cp_name+'\','+cp_images+',0);" onmouseover="javascript:rollimg(\''+cp_name+'_img_back\',\'p2a\');" onmouseout="javascript:rollimg(\''+cp_name+'_img_back\',\'p2\');"><img id="'+cp_name+'_img_back" src="nav/img_back.gif" width="49" height="13" border="0" alt="zurück" /></a><div class="cp_imgnav_r"><a href="javascript:imgskip(1,\''+cp_name+'\','+cp_images+',0);" onmouseover="javascript:rollimg(\''+cp_name+'_img_forw\',\'p1a\');" onmouseout="javascript:rollimg(\''+cp_name+'_img_forw\',\'p1\');"><img id="'+cp_name+'_img_forw" src="nav/img_forw.gif" width="45" height="13" border="0" alt="weiter" /></a></div><div id="cp_imgnums_'+cp_name+'" class="cp_imgnav_m">';
	         for (i=1; i<= cp_images; i++) {
         	        content += '<a href="javascript:imgskip(0,\''+cp_name+'\','+cp_images+','+i+');" class="nums';
                 	if (i == 1) content += 'o';
	                 content += '" id="'+cp_name+'_img'+i+'">'+i+'</a>';
         	        if (i < cp_images) content += ' ';
	         }
	         content += '</div>';
         } else content += '<div>&nbsp;</div><div id="cp_imgnums_'+cp_name+'" class="cp_imgnav_m">1</div>';
         content += '</div class="cp_img"></div class="cp_border">';
         content2 += '<div class="cp_projnav2"><a href="javascript:projskip(1);" onmouseover="javascript:rollimg(\''+cp_name+'_proj_forw\',\'p3a\');" onmouseout="javascript:rollimg(\''+cp_name+'_proj_forw\',\'p3\');"><img id="'+cp_name+'_proj_forw" src="nav/proj_forw.gif" width="96" height="13" border="0" alt="nächstes Projekt" /></a></div class="cp_projnav2">';
         content += '</div id="cp_'+cp_name+'">';
         return content;
}