/*
main.js unknowncases
made for several reasons by arno nuehm 2006-02-25
please re-use and adapt this code
*/
function init(){		
	for(i=0;i<14;i++) {
			eval('stripeImg'+i+'=new Image()');
			eval('stripeImg'+i+'.src="tpls'+i+'.jpg";');
	}
	for(i=1;i<5;i++) {
		eval('navImg'+i+'a=new Image()');
		eval('navImg'+i+'a.src="n'+i+'_a.jpg";');
		eval('navImg'+i+'p=new Image()');
		eval('navImg'+i+'p.src="n'+i+'_p.jpg";');
	}
	var start=document.getElementById("start");
	start.style.display='none';
	var content=document.getElementById("container");
	content.style.display='block';
}	

var startPosition=-2000;
var space2move=400;
var DivPosition=-1;
var slidingActive=false;
var this_slide;
var contentPos=0;
var screenCode="";

function filmstreifen(bgImage){
	this.bgImage=bgImage;
	this.actualImage=bgImage;
	this.contentId=0;
	this.slide=function(id, toPosition){
		if(DivPosition < toPosition){
			this.actualImage=this.bgImage;
			slideDiv(id,toPosition,'ff');
		}	
		else{
			this.actualImage=this.bgImage;
			slideDiv(id,toPosition, 'rr');
		}
	}
}
mySlides = Array();//array for all fimstreifens
function createFilmstreifen(slideCounter, bgImage){
	mySlides[slideCounter]= new filmstreifen(bgImage);
}
for(i=0;i<15;i++){ //creates 15 objects
	var bgImage="tpls"+i+".jpg";
	createFilmstreifen(i,bgImage);
}	
function writeScreen(){
	screenCode+='<div id="stage" style="display:block">';
	for(i=0;i<mySlides.length;i++){
		screenCode+='<div class="schablone"><div class="film" style="background-image:url('+mySlides[i].actualImage+'); left:'+startPosition+'px;" id="film'+i+'" onclick="showContent(DivPosition)">';
		screenCode+='</div> </div>'+"\n";
	}
	screenCode+='</div>'+"\n";
	document.write(screenCode)	;
}
function showContent(nr){
	contentPos=nr;
	contentStatus('fix');
}
function slide2(pos){
	contentStatus('slide');
	for(i=0;i<mySlides.length;i++){
		mySlides[i].slide(i, pos);
	}
	DivPosition=pos;
	fixN("n"+pos);
}
function slideDiv(id, toPosition, direction){
	var slideSpeed=5;
	var slideDelay=30;
	var myID="film"+id;
	var myDivObject=document.getElementById(myID);
	var targetpos=(toPosition*space2move)+startPosition;
	//alert(parseInt(myDivObject.style.left) +'  '+ targetpos)//debug
	//myDivObject.style.left = targetpos;
	if(direction=='ff'){
		if(parseInt(myDivObject.style.left) < targetpos){
			myDivObject.style.left = parseInt(myDivObject.style.left)+slideSpeed;
			this_slide= setTimeout("slideDiv("+id+", "+toPosition+", '"+direction+"')",slideDelay);
		}
	}
	else{
		if(parseInt(myDivObject.style.left) > targetpos){
			myDivObject.style.left = parseInt(myDivObject.style.left)-slideSpeed;
			this_slide= setTimeout("slideDiv("+id+", "+toPosition+", '"+direction+"')",slideDelay);
		}
	}	
}

function contentStatus(action){
	if(action=='slide'){
		if(contentPos!=0){
			var contentObject=document.getElementById("content"+contentPos);
			contentObject.style.display='none';
			var stageObject=document.getElementById("stage");
			stageObject.style.display='block';
			contentPos=0;
		}
	}	
	else{//fix
		var contentObject=document.getElementById("content"+contentPos);
		contentObject.style.display='block';
		var stageObject=document.getElementById("stage");
		stageObject.style.display='none';

	}	
}
function changeN(id, flag){
	if(fixedNav!=id){
		var NavDiv=document.getElementById(id);
		if(flag==1)NavDiv.style.backgroundImage="url("+id+"_a.jpg)";
		else NavDiv.style.backgroundImage="url("+id+"_p.jpg)";
	}	
}
var fixedNav="n0";//initwert
function fixN(id){
	if(fixedNav!="n0"){
		var oldNavDiv=document.getElementById(fixedNav);
		oldNavDiv.style.backgroundImage="url("+fixedNav+"_p.jpg)";
	}
	var NavDiv=document.getElementById(id);
	NavDiv.style.backgroundImage="url("+id+"_a.jpg)";
	fixedNav=id;
}
function popUp(href){
	var mypop=open(href,'mypop','width=400,height=360,scrollbars=yes,top=260,left=200');
	
}
function sendmail(){
	var atz="@";
	location.href="mailto:info"+atz+"unknowncases.com";
}