//erst mal checken ob das eine introseite ist
var a_intro = false;
if (this.location.href.lastIndexOf("intro_") != -1) a_intro = true;

//wenn ja, muss der pfad fuer die templates entsprechend angepasst werden
var folder = "";
if (a_intro == true) { folder = "../"; }
else { folder = "../../"; }

//anhand des dateipfades herausfinden welche seite aktiv ist
var highlights = this.location.href;
	highlights = highlights.substring(highlights.lastIndexOf("portfolio_")+10, highlights.lastIndexOf('/'));

//setzen der aktiven navigations-variablen
var a = highlights.split("/");
var	a_cat = a[0];
var	a_port = a[1];

//vorbereitung fuer die printdaten der navigation
var p_cat = "";
var p_port = "";
var p_items = "";
var p_img = '<img src="'+ folder +'images/inav_images.gif" width="111" height="21">';

var active    = 0;
var oldactive = 0;

//hier werden die auszugebenden daten ausgewertet und formatiert
//p_items = "print item" / p_cat = "print category" / p_port = "print portfolio"
//durch die setXY funktionen werden die daten mit templates umwickelt
if (!a_intro) {	p_items = setSlideshow(slideshowitems); }
else { p_items = "";}

for (i=0; i < cat.length; i++) {
	p_cat  += setCategory(cat[i]);
	if (a_cat == cat[i]) {
		for (j=0; j < cat_port[i]; j++) {
			if (a[1] == i) a_port = a[1];
			p_port += setPortfolio((j+1));
		}
	}
}

//die formatierungen der einzelnen categorien, portfoli und images
function setCategory(which) {
	return '<a href="'+ folder +'portfolio_'+ which +'/intro_'+ which +'.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage(\''+ which +'\',\'\',\''+ folder +'images/nav_'+ which +'_mo.gif\',1);"><img src="'+ folder +'images/nav_'+ which +'.gif" name="'+ which +'" border="0"></a>';
}
function setPortfolio(i) {
	if (i < 10) { var add = "0"; } else { var add = "";}
	var key = add+i;
	return '<a href="'+ folder +'portfolio_'+ a_cat +'/'+ key +'/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'portfolio_'+ key +'\',\'\',\''+ folder +'images/unav_'+ key +'_mo.gif\',1)"><img src="'+ folder +'images/unav_'+ key +'.gif" name="portfolio_'+ key +'" border="0"></a>';
}
function setItem(image,link,titel) {
	var line = "";
	var number = (i+1);
	if (number < 10) { var add = "0"; } else { var add = "";}
	number = add+''+number;
	line  = '<a href="javascript:setActiveItem(\''+ number +'\');" onMouseOut="if (active != \''+ number +'\') MM_swapImgRestore();" onMouseOver="MM_swapImage(\'image_'+ number +'\',\'\',\''+ folder +'images/inav_image_mo.gif\',1);">';
	line += '<img src="'+ folder +'images/inav_image.gif" name="image_'+ number +'" width="25" height="21" border="0" title="'+ titel +'"></a>';
	line += "\n"
	return line;
}

//formatieren der imagesliste je portfolio-nr.
function setSlideshow(slideshowitems){
	var output = p_img;
	var image = "";
	var link = "";
	var titel = "";

	for(i=0; i < slideshowitems.length; i++){
		image = i;
		link  = i;
		titel = slideshowitems[i];
		output += setItem(image,link,titel);
	}
	return output;
}

function LayerRewrite (id,content) {
	if (document.layers) {
		with (document.layers[id].document) {;
			open();
			writeln(content);
			close();
		}
	}
	if (document.all) { document.all[id].innerHTML = content; }
	if (document.getElementById) { document.getElementById(id).innerHTML = content; }
}

//umschalter fuer navigationsgrafiken categorie, portfolio und images
function setActiveCat(){
	document.images[a_cat].src = folder +'images/nav_'+ a_cat +'_mo.gif';
}
function setActivePortfolio(){
	document.images["portfolio_"+a_port].src = folder +'images/unav_'+ a_port +'_mo.gif';
}

function setActiveItem(which){
	document.images["dia"].src = ""+which+".jpg";
	if (oldactive != 0) {
		document.images["image_"+ oldactive +""].src = folder +'images/inav_image.gif';
	}
	document.images["image_"+which+""].src = folder +'images/inav_image_mo.gif';
	if (which < 10) { var t = which.substr(1,1); }
	else { var t = which; }
	
	LayerRewrite ("title",slideshowitems[(t-1)])

	active = which;
	oldactive = active;
}

//hier wird jetzt das template gesetzt und mit leben gefuellt
var style  = '<style>input.slideform, td.text { font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#88000A; text-align:left; ';
	style += 'background-color:#F6F4ED; border:solid 0px; }</style>';

var template  = style+'<form name="sf" onsubmit="alert(\'You are not able to make changes!\');return false;"><table width="100%" height="95%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center">';
	template += '<link href="/freudenberger.css" rel="stylesheet" type="text/css"><table width="760" height="462" border="0" cellspacing="0" cellpadding="0"><tr><td height="400" bgcolor="#FFFFFF"><img src="01.jpg" width="760" height="400" border="0" name="dia"></td></tr><tr><td height="21" bgcolor="#F6F4ED">';
// anfang der images-slideshow
	template += '<table border="0" cellspacing="0" cellpadding="0"><tr><td height="21" width="422" bgcolor="#F6F4ED">';
	template += p_items;
// abstand von images zum titelfeld
	template += '</td>';
	template += '<td class="text"><img src="'+ folder +'images/inav_titel.gif" width="72" height="21" alt=""><td>';
// abstand von titelfeld zum titel
	template += '<td><div style="font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#093D72; background-color:#F6F4ED; border:solid 0px;" id="title"></div></td>';
	template += '</tr></table>';
// anfang der portfolios
	template += '</td></tr><tr><td height="1" bgcolor="#FFFFFF"><img src="'+ folder +'images/1spacer.gif" width="1" height="1"></td></tr><tr><td height="20" bgcolor="#F6F4ED" colspan="2"><img src="'+ folder +'images/unav_portfolio.gif" width="105" height="20">';
	template += p_port;
// anfang der category
	template += '</td></tr><tr><td height="21" bgcolor="#FFFFFF">';
	template += '<img src="/images/nav_werkreihen.gif" name="werkreihe" width="118" height="20" border="0" id="werkreihe">'+p_cat;
	template += '<img src="'+ folder +'images/1spacer.gif" width="87" height="1"><a href="'+ folder +'informationen.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'information\',\'\',\''+ folder +'images/nav_informationen_mo.gif\',1)"><img src="/images/nav_informationen.gif" name="information" width="111" height="20" border="0"></a><img src="/images/nav_trenner.gif" width="1" height="20"><a href="'+ folder +'kontakt.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'kontakt\',\'\',\''+ folder +'images/nav_kontakt_mo.gif\',1)"><img src="'+ folder +'images/nav_kontakt.gif" name="kontakt" width="80" height="20" border="0"></a><a href="'+ folder +'index.html"  onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'home\',\'\',\'/images/nav_freudenberger_mo.gif\',1)"><img src="'+ folder +'images/nav_freudenberger.gif" width="160" height="20" border="0" name="home"></a></td></tr></table>';
	template += '</td></tr></table></form><div id="footer">SABINE FREUDENBERGER | Klingenhofstrasse 5 | 90411 N&uuml;rnberg | fon +49 (911) 35 52 31 | <a href="mailto:mail@sabinefreudenberger.de">mail@sabinefreudenberger.de</a></div>';


//dann noch alles in die slideshow-seite geschreieben		
//bei den intros wird die navigation direkt in die html-seite geschrieben.
function doit(){
	document.write(template);
	setActiveItem("01");
	setActiveCat();
	setActivePortfolio();
}