var naviX = -180;
var naviMove_int = false;
var naviZiel;

var subVisible = false;
var subZiel;
var subMove_int = false;
var subX = -190;

var project_chosen;
var number_chosen;
var number_active;

var item_active = false;

var page_active;

var f_startX;
var fries_mouse = false;


var c = 3;

function naviTabbed( ) {
	if( !naviMove_int ) {
		naviZiel = naviX == -180 ? 0 : -180;
		naviMove_int = window.setInterval( 'naviStep( document.getElementById("navi"))' , 40);
	}
} 

function naviStep( card ) {
	var x = parseInt(card.style.left);
	var step = (naviZiel - x) / 3;
	card.style.left = (x + step) +"px";
	if( step < .4 && step > -1 ) {
		naviX = naviZiel;
		window.clearInterval( naviMove_int );
		naviMove_int = false;
	}
}

/* -------------------------------------------------------------------------------- */

function showProject( nr ) {
	if( subVisible && !subMove_int ) {
		if( subSet[number_active].art == "book" ) {
			var st = "start"+number_active;
			var bl = "blaettern"+number_active;
			if( item_active != false ) {
				document.getElementById(st+1).style.visibility = "visible";
				document.getElementById(bl+1).style.visibility = "hidden";
				st = st+2;
				bl = bl+2;
				item_active = false;
			}
			document.getElementById(st).style.visibility = "visible";
			document.getElementById(bl).style.visibility = "hidden";
		}
		subZiel = subSet[number_active].art == "thumbs" ? -160 : -88;
		number_chosen = nr;
		number_active = nr;
		subMove_int = window.setInterval( 'subClose( )' , 40);
	} else if(!subMove_int) {
		project_chosen = document.getElementById("project_"+nr);
		project_chosen.style.visibility = "visible";
		subZiel = 184;
		if( subSet[nr].art == "thumbs") loadThumbs( nr );
		number_active = nr;
		subMove_int = window.setInterval( 'subOpen( )' , 40);
	}
}

function subTabbed( li, re) {
	if( !subMove_int ) {
		subZiel = subX == re ? li : re;
		subMove_int = window.setInterval( 'subStep( )' , 40);
	}
}

function subStep( card ) {
	var card = project_chosen;
	var x = parseInt(card.style.left);
	var step = (subZiel - x) / 3;
	card.style.left = (x + step) +"px";
	if( step < 1 && step > -1 ) {
		subX = subZiel;
		window.clearInterval( subMove_int );
		subMove_int = false;
	}
}

function subOpen() {
	var card = project_chosen;
	var x = parseInt(card.style.left);
	var step = (subZiel - x) / 3;
	card.style.left = (x + step) +"px";
	if( step < 1 && step > -1 ) {
		subX = subZiel;
		window.clearInterval( subMove_int );
		subMove_int = false;
		subVisible = true;
		if( subSet[number_active].ex == "two" ) {
			item_active = true;
		}
	}
}


function subClose( card ) {
	var card = project_chosen;
	var x = parseInt(card.style.left);
	var step = (subZiel - x) / 3;
	card.style.left = (x + step) +"px";
	if( step < .4 && step > -1 ) {
		subX = subZiel;
		window.clearInterval( subMove_int );
		subMove_int = false;
		subVisible = false;
		card.style.visibility = "hidden";
		item_active = false;

		subZiel = 184;
		project_chosen = document.getElementById("project_"+number_chosen);
		project_chosen.style.visibility = "visible";
		if( subSet[number_chosen].art == "thumbs" ) loadThumbs( number_chosen );
		subMove_int = window.setInterval( 'subOpen()' , 40);
	}
}

function showPic( ordner, nr ) {
	if( naviX == 0 ) {
		naviTabbed();
	}
	hideFries();
	document.getElementById("entry").style.visibility = "hidden";
	document.getElementById("thepic").style.visibility = "visible";
	document.getElementById("thepic").src = ordner + "/pic_"+nr+".jpg";
}


/* ------------------------------------------------------------------------------- */

function doProjects() {
	for( var i=0; i<subSet.length; i++ ) {
		createSubcard(i);
	}

}

function createSubcard ( nr ) {
	if( !subSet[nr] ) return;
	if( subSet[nr].art == "thumbs" && subSet[nr].ex == undefined ) {
			var ord = subSet[nr].ordner;
			var anz = subSet[nr].anzahl;
			
	
			document.writeln('			<div class="subcard" id="project_'+nr+'" style="left: -190px; z-index: '+((nr+10)*10)+';">'); 
			document.writeln('				<div class="thumbs">');
			var reihe = 0;
			for( var i=0; i<anz; i++ ) {
				document.writeln('				<a href="javascript:showPic(\''+subSet[nr].ordner+'\','+(i+1)+')"><img name="project_'+nr+'_thumb" src="stuff/dummy.gif" border="0"></a>');
				if( ++reihe == 3 ) {
					document.writeln('				<br>');
					reihe = 0;
				}
			}
			document.writeln('				</div>');
			document.writeln('				<a href="#" onClick="subTabbed(-132, 184)" onFocus="this.blur()"><img class="subtab" src="'+subSet[nr].ordner+'/tab.gif" border="0"></a>');
			document.writeln('			</div>');	

	} 
	if( subSet[nr].art == "thumbs" && subSet[nr].ex == "text") {			
	
			document.writeln('			<div class="subcard" id="project_'+nr+'" style="left: -190px; z-index: '+((nr+10)*10)+';">');
			document.writeln('				<div class="text">');
			document.writeln( subSet[nr].text );
			document.writeln('				</div>');
			document.writeln('				<div class="thumbs" style="top: 140px; padding-left: 75px">');
			document.writeln('				<a href="javascript:showPic(\''+subSet[nr].ordner+'\', 1)"><img name="project_'+nr+'_thumb" src="stuff/dummy.gif" border="0"></a><br>');
			document.writeln('				<a href="javascript:showPic(\''+subSet[nr].ordner+'\', 2)"><img name="project_'+nr+'_thumb" src="stuff/dummy.gif" border="0"></a><br>');
			document.writeln('				<a href="javascript:showPic(\''+subSet[nr].ordner+'\', 3)"><img name="project_'+nr+'_thumb" src="stuff/dummy.gif" border="0"></a><br>');
			document.writeln('				</div>');
			document.writeln('				<a href="#" onClick="subTabbed(-132, 184)" onFocus="this.blur()"><img class="subtab" src="'+subSet[nr].ordner+'/tab.gif" border="0"></a>');
			document.writeln('			</div>');	

	} 
	if( subSet[nr].art == "book" && subSet[nr].ex == undefined ) {
			var ord = subSet[nr].ordner;
			var anz = subSet[nr].anzahl;
			document.writeln('				<div class="subbook" id="project_'+nr+'" style="left: -90px; z-index: '+((nr+10)*10)+';">');
			document.writeln('					<div class="cover">'); 
			document.writeln('						<img src="'+subSet[nr].ordner+'/cover.jpg">'); 
			document.writeln('					</div>'); 
			document.writeln('					<a class="start" id="start'+nr+'" href="#" onClick="startBook('+nr+')" onFocus="this.blur()">start</a> '); 
			document.writeln('					<div class="blaettern" id="blaettern'+nr+'">'); 
			document.writeln('						<a class="left" href="#" onClick="prevPage('+nr+')" onFocus="this.blur()" style="float:left"><img src="stuff/left.gif" border="0"></a>'); 
			document.writeln('						<span id="counter'+nr+'">&nbsp;1&nbsp;von&nbsp;15</span>'); 
			document.writeln('						<a class="right" href="#" onClick="nextPage('+nr+')" onFocus="this.blur()"><img src="stuff/right.gif" border="0"></a>'); 
			document.writeln('					</div>'); 
			document.writeln('					<a href="#" onClick="subTabbed(-65, 184)" onFocus="this.blur()"><img class="subtab" src="'+subSet[nr].ordner+'/tab.gif" border="0"></a>'); 
			document.writeln('				</div>'); 
			
	}
	if( subSet[nr].art == "book" && subSet[nr].ex == "text" ) {
			var ord = subSet[nr].ordner;
			var anz = subSet[nr].anzahl;
			document.writeln('				<div class="subbook" id="project_'+nr+'" style="left: -90px; z-index: '+((nr+10)*10)+';">'); 
			document.writeln('				<div class="text">');
			document.writeln( subSet[nr].text );
			document.writeln('				</div>'); 
			document.writeln('					<div class="cover" style="top: 160px;">'); 
			document.writeln('						<img src="'+subSet[nr].ordner+'/cover.jpg">'); 
			document.writeln('					</div>'); 
			document.writeln('					<a style="top: 368px;" class="start" id="start'+nr+'" href="#" onClick="startBook('+nr+')" onFocus="this.blur()">start</a> '); 
			document.writeln('					<div style="top: 368px;" class="blaettern" id="blaettern'+nr+'">'); 
			document.writeln('						<a class="left" href="#" onClick="prevPage('+nr+')" onFocus="this.blur()" style="float:left"><img src="stuff/left.gif" border="0"></a>'); 
			document.writeln('						<span id="counter'+nr+'">&nbsp;1&nbsp;von&nbsp;15</span>'); 
			document.writeln('						<a class="right" href="#" onClick="nextPage('+nr+')" onFocus="this.blur()"><img src="stuff/right.gif" border="0"></a>'); 
			document.writeln('					</div>'); 
			document.writeln('					<a href="#" onClick="subTabbed(-65, 184)" onFocus="this.blur()"><img class="subtab" src="'+subSet[nr].ordner+'/tab.gif" border="0"></a>'); 
			document.writeln('				</div>'); 
			
	}
	if( subSet[nr].art == "video" ) {
			var ord = subSet[nr].ordner;
			var anz = subSet[nr].anzahl;
			document.writeln('				<div class="subbook" id="project_'+nr+'" style="left: -90px; z-index: '+((nr+10)*10)+';">'); 
			document.writeln('				<div class="text">');
			document.writeln( subSet[nr].text );
			document.writeln('				</div>'); 
			document.writeln('					<div class="cover" style="top: 160px;">'); 
			document.writeln('						<img src="'+subSet[nr].ordner+'/cover.jpg">'); 
			document.writeln('					</div>'); 
			document.writeln('					<a style="top: 368px;" class="start" id="start'+nr+'" href="#" onClick="startClip(\''+subSet[nr].youtubeid+'\')" onFocus="this.blur()">start</a> '); 
			document.writeln('					<a href="#" onClick="subTabbed(-65, 184)" onFocus="this.blur()"><img class="subtab" src="'+subSet[nr].ordner+'/tab.gif" border="0"></a>'); 
			document.writeln('				</div>'); 
			
	}
/*	if( subSet[nr].art == "video" ) {
			var ord = subSet[nr].ordner;
			var anz = subSet[nr].anzahl;
			document.writeln('				<div class="subbook" id="project_'+nr+'" style="left: -90px; z-index: '+((nr+10)*10)+';">'); 
			document.writeln('				<div class="text">');
			document.writeln( subSet[nr].text );
			document.writeln('				</div>'); 
			document.writeln('					<div class="cover" style="top: 160px;">'); 
			document.writeln('						<img src="'+subSet[nr].ordner+'/cover.jpg">'); 
			document.writeln('					</div>'); 
			document.writeln('					<a style="top: 368px;" class="start" id="start'+nr+'" href="#" onClick="startBook('+nr+')" onFocus="this.blur()">start</a> '); 
			document.writeln('					<div style="top: 368px;" class="blaettern" id="blaettern'+nr+'">'); 
			document.writeln('						<a class="left" href="#" onClick="prevClip('+nr+', '+subSet[nr].youtubeid[nr-1]+')" onFocus="this.blur()" style="float:left"><img src="stuff/left.gif" border="0"></a>'); 
			document.writeln('						<span id="counter'+nr+'">&nbsp;1&nbsp;von&nbsp;15</span>'); 
			document.writeln('						<a class="right" href="#" onClick="nextClip('+nr+', '+subSet[nr].youtubeid[nr-1]+')" onFocus="this.blur()"><img src="stuff/right.gif" border="0"></a>'); 
			document.writeln('					</div>'); 
			document.writeln('					<a href="#" onClick="subTabbed(-65, 184)" onFocus="this.blur()"><img class="subtab" src="'+subSet[nr].ordner+'/tab.gif" border="0"></a>'); 
			document.writeln('				</div>'); 
			
	}*/
	if( subSet[nr].art == "book" && subSet[nr].ex == "aschersleben" ) {
			var ord = subSet[nr].ordner;
			var anz = subSet[nr].anzahl;
			document.writeln('				<div class="subbook" id="project_'+nr+'" style="left: -90px; z-index: '+((nr+10)*10)+';">'); 
			document.writeln('					<div class="text" style="padding-left: 47px">');
			document.writeln('						<b>stadt aschersleben</b><br> ');
			document.writeln('					</div>'); 

			document.writeln('					<div class="text" style="top: 120px; padding-left: 49px">');
			document.writeln('						'+subSet[nr].text1+'<br><br>');
			document.writeln('						<img style="border:1px solid black" src="'+subSet[nr].ordner+'/eins/cover.jpg">'); 
			document.writeln('					</div>'); 
			document.writeln('					<a style="top: 315px;" class="start" id="start'+nr+'1" href="#" onClick="startBook('+nr+', 1, 2, \'eins\')" onFocus="this.blur()">start</a> '); 
			document.writeln('					<div style="top: 315px;" class="blaettern" id="blaettern'+nr+'1">'); 
			document.writeln('						<a class="left" href="#" onClick="prevPage('+nr+', 1, \'eins\')" onFocus="this.blur()" style="float:left"><img src="stuff/left.gif" border="0"></a>'); 
			document.writeln('						<span id="counter'+nr+'1">&nbsp;1&nbsp;von&nbsp;15</span>'); 
			document.writeln('						<a class="right" href="#" onClick="nextPage('+nr+', 1, \'eins\')" onFocus="this.blur()"><img src="stuff/right.gif" border="0"></a>'); 
			document.writeln('					</div>'); 

			document.writeln('					<div class="text" style="top: 360px; padding-left: 49px">');
			document.writeln('						'+subSet[nr].text2+'<br><br>');
			document.writeln('						<img style="border:1px solid black" src="'+subSet[nr].ordner+'/zwei/cover.jpg">'); 
			document.writeln('					</div>'); 
			document.writeln('					<a style="top: 555px;" class="start" id="start'+nr+'2" href="#" onClick="startBook('+nr+', 2, 2, \'zwei\')" onFocus="this.blur()">start</a> '); 
			document.writeln('					<div style="top: 555px;" class="blaettern" id="blaettern'+nr+'2">'); 
			document.writeln('						<a class="left" href="#" onClick="prevPage('+nr+', 2, \'zwei\')" onFocus="this.blur()" style="float:left"><img src="stuff/left.gif" border="0"></a>'); 
			document.writeln('						<span id="counter'+nr+'2">&nbsp;1&nbsp;von&nbsp;15</span>'); 
			document.writeln('						<a class="right" href="#" onClick="nextPage('+nr+', 2, \'zwei\')" onFocus="this.blur()"><img src="stuff/right.gif" border="0"></a>'); 
			document.writeln('					</div>'); 

			document.writeln('					<a href="#" onClick="subTabbed(-65, 184)" onFocus="this.blur()"><img class="subtab" src="'+subSet[nr].ordner+'/tab.gif" border="0"></a>'); 
			document.writeln('				</div>'); 
			
	}
	if( subSet[nr].art == "fries" ) {
			document.writeln('				<div class="subbook" id="project_'+nr+'" style="left: -90px; z-index: '+((nr+10)*10)+';">'); 
			document.writeln('					<div class="fr_text">');
			document.writeln('						<b>peek & cloppenburg kg düsseldorf</b><br>');
			document.writeln('						farbige zeichnungen für schaufensterrückwand<br>');
			document.writeln('						winter 2005/06<br>');
			document.writeln('					</div>'); 
			document.writeln('					<div class="cover" style="top: 135px;">'); 
			document.writeln('						<img src="stuff/fries/cover.jpg">'); 
			document.writeln('					</div>'); 
			document.writeln('					<a class="start" style="top:290px" href="#" onClick="startFries()" onFocus="this.blur()">start</a> '); 
			document.writeln('					<a href="#" onClick="subTabbed(-65, 184)" onFocus="this.blur()"><img class="subtab" src="stuff/fries/tab.gif" border="0"></a>');  
			document.writeln('				</div>'); 
	}
	if( subSet[nr].art == "contact" ) {
			document.getElementById("project_0").style.left = "90px";
			document.getElementById("project_0").style.visibility = "hidden";
	}
}

function loadThumbs( nr ) {
	for( var i=0; i<subSet[nr].anzahl; i++ ) {
		document.getElementsByName("project_"+nr+"_thumb")[i].src = subSet[nr].ordner + "/thumb_" + (i+1) +".jpg";
	}
}

/* ------------------------------------------------------------------------------- */

function startBook( nr, item, itemanz, unter ) {
	hideFries();
	var st = "start" + nr;
	var bl = "blaettern" + nr;
	var co = "counter" + nr;
	var ordner = subSet[nr].ordner;
	var anz = subSet[nr].anzahl;
	if( item != undefined ) {
		ordner = ordner +"/" + unter;
		st = st + item;
		bl = bl + item;
		co = co + item;
		anz = subSet[nr]["anzahl" + item ];
		item_active = true;
	}
	document.getElementById(st).style.visibility = "hidden";
	document.getElementById(bl).style.visibility = "visible";
	if( naviX == 0 ) {
		naviTabbed();
	}
	document.getElementById("entry").style.visibility = "hidden";
	page_active = 1;
	document.getElementById("thepic").style.visibility = "visible";
	
	document.getElementById("thepic").src =  ordner + "/pic_1.jpg";
	document.getElementById(co).firstChild.nodeValue = "1 von "+anz;
	document.getElementById(co).style.marginLeft = "12px";
}

function nextPage( nr, item, unter ) {
	if( naviX == 0 ) {
		naviTabbed();
	}
	var ordner = subSet[nr].ordner;
	var anz = subSet[nr].anzahl;
	if( unter != undefined ) {
		ordner = ordner +"/" + unter;
		anz = subSet[nr]["anzahl" + item];
	}
	page_active = page_active == anz ? 1 : page_active + 1;
	document.getElementById("thepic").src = ordner + "/pic_"+page_active+".jpg";
	updateCounter(page_active, anz, nr, item);
}

function prevPage( nr, item, unter ) {
	if( naviX == 0 ) {
		naviTabbed();
	}
	var ordner = subSet[nr].ordner;
	var anz = subSet[nr].anzahl;
	if( unter != undefined ) {
		ordner = ordner +"/" + unter;
		anz = subSet[nr]["anzahl" + item];
	}
	page_active = page_active == 1 ? anz : page_active - 1;
	document.getElementById("thepic").src = ordner + "/pic_"+page_active+".jpg";
	updateCounter(page_active, anz, nr, item);
}


function startClip( yid ) {
	hideFries();
	if( naviX == 0 ) {
		naviTabbed();
	}
	
	var d = document.getElementById("fries");
	d.style.left = "550px";
	
	
    var params = { allowScriptAccess: "always", bgcolor: "#F6F6F6" };
    var atts = { id: "myytplayer" };
	
	var url = "http://www.youtube.com/v/"+yid+"?enablejsapi=1&playerapiid=ytplayer";
	
    swfobject.embedSWF( url, "yplayer", "425", "344", "8", null, null, params, atts);



	document.getElementById("entry").style.visibility = "hidden";
	document.getElementById("thepic").src = "stuff/clear.gif";
	document.getElementById("thepic").style.visibility = "hidden";
	
}

function updateCounter( ac, anz, nr, item ) {
	var co = "counter" + nr;
	if( item != undefined ) {
		var co = co + item;
	}
	var st = ac + " " + "von " + anz;
	if( ac < 10 ) {
		document.getElementById(co).style.marginLeft = "12px";
	} else {
		document.getElementById(co).style.marginLeft = "5px";
	}
	document.getElementById(co).firstChild.nodeValue = st;
}


/* ------------------------------------------------------------------------------- */


function startFries() {
	var d = document.getElementById("fries");
	d.style.left = "550px";
	//d.style.visibility = "visible";
	document.getElementById("entry").style.visibility = "hidden";
	document.getElementById("thepic").src = "stuff/clear.gif";
	document.getElementById("thepic").style.visibility = "hidden";
}


function hideFries() {
	var d = document.getElementById("fries");
	if( document.getElementById("myytplayer") ) {
		d.removeChild( document.getElementById("myytplayer")  );
		var p = document.createElement("div");
		p.setAttribute( "id", "yplayer" );
		d.appendChild( p );
	}
	//
	d.style.left = "-800px";
	//d.style.visibility = "hidden";
}




/* ******************************************************************************** */
function init() {
	naviTabbed();
	window.clearInterval(init_int );
}




function doFlashThing() {
<!-- 
// Version check based upon the values entered above in "Globals"
var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);


// Check to see if the version meets the requirements for playback
if (hasReqestedVersion) {  // if we've detected an acceptable version
    var oeTags = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
    + 'width="603" height="533"'
    + 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
    + '<param name="movie" value="stuff/fries/fries.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#F6F6F6" />'
    + '<embed src="stuff/fries/fries.swf" quality="high" bgcolor="#F6F6F6" '
    + 'width="603" height="533" name="detectiontest" aligh="middle"'
    + 'play="true"'
    + 'loop="false"'
    + 'quality="high"'
    + 'allowScriptAccess="sameDomain"'
    + 'type="application/x-shockwave-flash"'
    + 'pluginspage="http://www.macromedia.com/go/getflashplayer">'
    + '<\/embed>'
    + '<\/object>';
    document.write(oeTags);   // embed the Flash Content SWF when all tests are passed
  } else {  // flash is too old or we can't detect the plugin
    var alternateContent = 'Bitte installeren Sie den Flash-Player,<br>um diesen Bereich zu nutzen.<br><a href="http://www.macromedia.com/go/getflashplayer" target="_blank"><img src="stuff/fries/get_flash_player.gif" width="88" height="31" alt="Get Flash Player" border="0"></a>';
    document.write(alternateContent);  // insert non-flash content
  }
}
// -->