var scroller;
var oldPos= 0;
var scrPos= 0;
var newPos= 0;
var cdiv;
var step= 80;
var page= 0;
var pTitle;
var winWidth= 800;
var shallScroll= false;

function init () {
  	cdiv= document.getElementById("scrollpane");
	//window.onresize= neuAufbau;
	url= document.location.href;
	gotoPage(page);
}

function hideScrollbars (newPage) {
  ownResize= 1;
  hideBox();
  for (ti= 0; ti<=pages; ti++) {
     ctd= document.getElementById("c-"+titles[ti]);
     if (ctd) {
     	ctd.style.height= (ti==newPage||ti==page) ? "auto" : "1px";
     	ctd.style.display= (ti==newPage||ti==page) ? "block" : "none";
     }
  }
  if (page>=0) {
  	mtd=document.getElementById("current");
  	if (mtd) {
  		mtd.id= "m-"+titles[page];
  	}	
 }
 ownResize= 0;
}

function showScrollbars (page) {
  ownResize= 1;
  for (ti= 0; ti<=pages; ti++) {
     ctd= document.getElementById("c-"+titles[ti]);
     if (ctd) {
     	ctd.style.display= (ti==page) ? "block" : "none";
     	ctd.style.height= (ti==page) ? "auto" : "1px";
     }
  }
  ownResize= 0;
}

function scrollFinish () {
  if (scroller)     window.clearInterval(scroller);
  cdiv.style.left= (-newPos)+"px";
  cm= document.getElementById("current");
  if (cm) cm.id="m-"+titles[page];
  //page= Math.round(newPos / winWidth);
  document.getElementById("btn-left").style.display= (page > 0) ? "block" : "none";
  document.getElementById("btn-right").style.display= (page < pages-1) ? "block" : "none";
  cm= document.getElementById("m-"+titles[page]);
  if (cm) cm.id="current";
  showScrollbars(page);
  document.getElementById("wrapper").style.borderTopWidth= (page==0) ? "0" : "1px";
}

function gotoPage (newPage) {
  if (scroller) scrollFinish();
  if (newPage==null) newPage= 0;
  if (isNaN(newPage)) {
	for (var ti=0; ti<pages;  ti++) {  
	  if (titles[ti]==newPage) {
	  	newPage= ti;
	  	break;
	  }
	}
	if (isNaN(newPage)) newPage= 0;
  }
  if (newPage>=pages || newPage<0) newPage=0;
  hideScrollbars (newPage);
  page= newPage;
  newPos= newPage*winWidth;
  oldPos= -cdiv.offsetLeft;
  if (!shallScroll) {
       scrollFinish();
  } else {
	scrPos=oldPos;
	step= (newPos-oldPos)/20;
	if (step<0) step*= -1;
	scroller= window.setInterval("scrollStep()", 1);
  }
  return false;
}

function scrollStep () {
  scrPos+=(newPos>oldPos) ? step : -step;
  if ((newPos>oldPos) ? (scrPos >= newPos) : (scrPos <= newPos) ) {
    scrollFinish();
  } else {
      cdiv.style.left= (-scrPos)+"px";
  }
}
function scroll (dir) {
  shallScroll= true;
  gotoPage(page+dir);
  shallScroll= false;
}

function zeigeBranche(bi) {
  for (ib= 0; ib<7; ib++) {
	  db= document.getElementById("b"+ib);
	  if (db) {
		db.style.height= "0px";
		db.style.display= "none";
	  }
	  db= document.getElementById("ba"+ib);
	  if (db) db.className= "inactive";
  }
  db= document.getElementById("b"+bi);
  if (db) {
	db.style.height= "auto";
	db.style.display= "block";
  }
  db= document.getElementById("ba"+bi);
  if (db) db.className= "active";
}
function hideBranche(bi) {
  db= document.getElementById("b"+bi);
  if (db) { 
  	db.style.height= "0px";
	db.style.display= "none";
	db= document.getElementById("b0");
  	if (db) {
  	   db.style.height= "auto";
	   db.style.display= "block";
  	}   
  }
}

var pbox= null; 

function zeigeProjekt(pi) { zeige("projekt-"+pi);  }
function zeigeBox(pi) 	{ zeige("box-"+pi); } 

function zeige(bid) {
	hideBox();
	pb= document.getElementById(bid);
	if (pb) pb.style.display= "block";
	pbox= pb;
}

function hideBox() {
	if (pbox) pbox.style.display= "none";
	pbox= null;
}

var profil= null; 

function zeigeProfil(src, pi) {
	hideProfil();
	pb= document.getElementById("profil-"+pi);
	if (pb) {
		//window.alert(src.tagName+" "+src.className+" "+(src.offsetLeft>250));
		if (src.offsetLeft > 250) pb.style.left= '190px';
		pb.style.display= "block";
	}
	profil= pb;
}
function hideProfil() {
	if (profil) profil.style.display= "none";
	profil= null;
}

function changeHeader() {
	actHd[page]= (actHd[page]+1) % hdCnt[page];
	pTitle= titles[page];
	hd= document.getElementById("hd-"+pTitle);
	hd.style.backgroundImage= "url(hd."+pTitle+"."+actHd[page]+".jpg)";
}