document.episode = 0;
document.picture = 0;
document.pictureCount = 0;

//Event.observe(window, 'load', resize);

function resize(){
	window.innerWidth = 780;
}

function pp1NextPerson(){
	persons = $('page-text').childElements();
	count = persons.size();
	

	for (var i = 0; i < persons.length; ++i) {
		var person = persons[i];
		if (person.readAttribute('title') == 'current'){
			previous = i;
			current = i+1; 
			if (current >= count) current = 0;
		
			$('screens').style.backgroundImage = 'url(images/pp1/persons/'+current+'.jpg)';
			//txt = persons[current].innerHTML;
			//$('text').update(txt);
			
			persons[current].writeAttribute('title', 'current');
			persons[previous].writeAttribute('title', false);

			break;
		}
	}
}

function pp3LoadEpisode(event){
	var qs = new Querystring();
	which = qs.get("which");
	
	if(which != null){
		pp3NextEpisode(which);
	}
}

function showText(which){
	$('main').hide();
	$('content').childElements().invoke('hide');
	$(which).show();
	
	if(which == 'main'){
		$('back').writeAttribute('href', 'circles.html');
	} else {
		$('back').writeAttribute('href', "javascript:showText('main');");
	}
}

function pp3NextEpisode(which){
	
	if(which != null){
				
		switch(which) {
			case 'perils':
				document.episode = 10;			
			break;
			case 'difference':
				document.episode = 11;		
			break;
			case 'elevator':
				document.episode = 12;		
			break;
			case 'prisoner':
				document.episode = 13;		
			break;	
			case 'traverse':
				document.episode = 14;		
			break;
			default:
				document.episode = 10;		
		}
		titles = $('page-text').childElements();	
		txt = titles[document.episode-10].innerHTML;
		$('title').update(txt);
		
		$('door').src = 'pp3/'+which+'.html';
		
		$(which).addClassName('current');
		$('episoden').childElements().each(function(epi){
			if(epi.readAttribute('id') == which){
				epi.firstDescendant().src = 'images/pp3/off.gif';
			} else {
				epi.firstDescendant().src = 'images/pp3/on.gif';
			}
		});
	}
}

function findPp3Page(event){
	var currentPage = $(Event.element(event)).up('.page');
	
	var pages = $('content').childElements();
	var currentPageNum = null;
	pages.each(function(page, index){
		if(page == currentPage){
			currentPageNum = index;
			throw $break;
		}
	});
	if(currentPageNum == null) return;
	
	nextPageNum = currentPageNum +1;
	if(nextPageNum >= pages.size()) nextPageNum = 0;
	
	document.pageTimeout = window.setTimeout('scrollToPp3Page('+nextPageNum+')', 1000);
}

function stopPp3PageScroll(){
	window.clearTimeout(document.pageTimeout);
}

function scrollToPp3Page(num){
	var pages = $('content').childElements();
	Effect.ScrollTo(pages[num]);
}

function pp1NextEpisode(which){
	var qs = new Querystring();
	which = qs.get("which");
	if(which != null && document.episode == 0){
		var screen = $("screens");
		screen_children = screen.childElements();
		screen_children.each(function(sc){
			sc.hide();
		});
		
		screen.observe('click', function(event){
			nextPictureByEpisode('pp1', 'jpg');
		});	
		screen.style.cursor="pointer";
				
		switch(which) {
			case 'stil':
				document.episode = 1;
				document.picuture = 1;
				document.pictureCount = 8;		
				nextPictureByEpisode('pp1', 'jpg');				
			break;
			case 'arbeit':
				document.episode = 2;
				document.picuture = 1;
				document.pictureCount = 12;		
				nextPictureByEpisode('pp1', 'jpg');		
			break;
			case 'liebe':
				document.episode = 3;
				document.picuture = 1;
				document.pictureCount = 12;		
				nextPictureByEpisode('pp1', 'jpg');		
			break;
			case 'geld':
				document.episode = 4;
				document.picuture = 1;
				document.pictureCount = 12;		
				nextPictureByEpisode('pp1', 'jpg');		
			break;	
		}
	}
}

function pp2Show(which){
	$('banner').hide();
	txt = $(which).innerHTML;
	$('text').update(txt);
	switch(which) {
		case 'ankunft':
			document.episode = 5;
			document.picuture = 1;
			document.pictureCount = 8;		
			nextPictureByEpisode('pp2', 'gif');
		break;
		case 'tag':
			document.episode = 6;
			document.picuture = 1;
			document.pictureCount = 12;		
			nextPictureByEpisode('pp2', 'gif');		
		break;
		case 'widerruf':
			document.episode = 7;
			document.picuture = 1;
			document.pictureCount = 12;		
			nextPictureByEpisode('pp2', 'gif');		
		break;
		case 'aneignung':
			document.episode = 8;
			document.picuture = 1;
			document.pictureCount = 8;		
			nextPictureByEpisode('pp2', 'gif');		
		break;
		case 'aufbruch':
			document.episode = 9;
			document.picuture = 1;
			document.pictureCount = 10;		
			nextPictureByEpisode('pp2', 'gif');		
		break;
	}
}

function nextPictureByEpisode(staffel, type){
	if(document.episode == 0) return;
	
	document.picture++;
	if(document.picture >  document.pictureCount)
		document.picture = 1;
	
	$('screens').style.backgroundImage = 'url(images/'+staffel+'/e'+document.episode+'/'+document.picture+'.'+type+')';
}

function previousPictureByEpisode(staffel, type){
	if(document.episode == 0) return;

	document.picture--;
	if(document.picture == 0)
		document.picture = document.pictureCount;
	
	$('screens').style.backgroundImage = 'url(images/'+staffel+'/e'+document.episode+'/'+document.picture+'.'+type+')';
}