dojo.require("dojo.fx");
dojo.require("dojo.dnd.move");
dojo.require("dojo.dnd.Moveable");
	
var init = function(){
	//m8 = new dojo.dnd.move.parentConstrainedMoveable("slide_content");
};
//dojo.addOnLoad(init);

// ##########################################################################################################################
//				G U R K E N M A P P E N - F U N K T I O N E N 
// ##########################################################################################################################
// ONCLICK-Event -> Main-mappe
function portfolio(){
	if((dojo.coords('page1').t).toString()=="100") 	openP();
	else closeP();
}
// Falls Blätter in der Mappe, lass alle Blätter heraus fliegen
function openP(){
	setDisplay('blank', 'none');
	slidePage('top_div', '1300');
	slidePage('page1', '730');
	
	setTimeout("slidePage('page2', '1380');", 500);
	setTimeout("slidePage('page3', '2030');", 1000);
	setTimeout("slidePage('page4', '2680');", 1500);
	setTimeout("slidePage('page5', '3330');", 2000);
	setTimeout("scroll2('#slidePage1', '', '', '600px');", 2300);
	setTimeout("slideTop('page1', 'in');", 3800);
	
}

// Falls alle Blätter außerhalb der Mappe, lass alle wieder in die Mappe fliegen
 function closeP(){
	slideDown('out');
	slidePage('page5', '100');
	
	setTimeout("slidePage('page4', '100');", 200);
	setTimeout("slidePage('page3', '100');", 500);
	setTimeout("slidePage('page2', '100');", 800);
	setTimeout("slidePage('page1', '100');", 1000);
	setTimeout("setDisplay('blank', 'block');", 200);
	setTimeout("slideTop('', 'out');", 1100);
	setTimeout("scroll2('#top', '', '', '0px');", 1400);
}

// Beim überfahren der Main-Mappe mit der Maus, lass das Blatt ein stücken raus und nach 3 sek wieder einfahren
function showBlank(){
	if(document.getElementById('blank').style.left != '108px') document.getElementById('blank').style.left = "108px";
	if((dojo.coords('page1').t).toString()=="100"){
		slidePage('blank', '150');
		setTimeout("slidePage('blank', '140');", 500);
		setTimeout("slidePage('blank', '150');", 900);
		setTimeout("slidePage('blank', '100');", 3000);
	}
}

// ##########################################################################################################################
//				D I V -  B L Ä T T E R  -  V E R S C H I E B U N G E N 
// ##########################################################################################################################
// DIV verschiebung nach HORZENTAL
function slidePage(node, sTop, sLeft, dura){
	if(sTop == undefined || sTop.length == 0 ) sTop = (dojo.coords(node).t).toString()
	if(sLeft == undefined  || sLeft.length == 0) sLeft = (dojo.coords(node).l).toString();
	if(dura == undefined || dura.length == 0) dura = 500;
	var slideArgs = {
		node: node,
		duration: dura,
		top: sTop,
		left: sLeft,
		unit: "px"
	};
	
	dojo.fx.slideTo(slideArgs).play();
}
// DIV verschiebung nach vertikal (alte bezeichnung: sRight());
function slideVertical(node, right){
	var slideArgs = {
		node: node,
		duration: 500,
		top: (dojo.coords(node).t).toString(),
		left: right,
		unit: "px"
	};
	dojo.fx.slideTo(slideArgs).play();
}


// ##########################################################################################################################
//				E R G E B N I S B L Ä T T E R  -  V E R S C H I E B U N G E N  - -  V E R T I V A L * H O R I Z E N T A L
// ##########################################################################################################################
function slideSide(id, doS){
	var node = 'cust';
	var wait = 0;
		
		
	// sichtbarer Bereich scrollt nach rechts, um nur die Ergebnisblatt anzuzeigen
	wait += 500;
	setTimeout("$.scrollTo( {top:'+=0px', left:'+=893'}, 800 );", wait);
	
	// verschiebe Ergebnisblatt nach unten in den sichtbaren (rechten) Bereich
	wait += 500; 
	setTimeout("slidePage('cust', '2780', '', '');", wait);
	setTimeout("slidePage('cust', '2550');", 1500);
	setTimeout("slidePage('cust', '2680');", 1900);
	
	// Lade ErgebnissBlatt
	wait += 1500;
	setTimeout("loadContent('"+id+"');", wait);
	
}
function closeSlideSide(node, scroll){
	// Ergebnisblatt fährt wieder hoch (Ausgangsposition) auf top: -900px;
	slidePage(node, '-900');
	
	// sichtbarer Bereicht scollt wieder nach links (Ausgangsposition)
	setTimeout("$.scrollTo( {top:'+=0px', left:'-=1000px'}, 800 );", 300);
	
	// lade Blankeseite
	setTimeout("loadContent('index.php?article_id=124');", 800);
	
}

// ##########################################################################################################################
//				B E W E G U N G   D E S   S I C H T B A R E N   B R O W S E R B E R E I C H
// ##########################################################################################################################
// bewege sichtbaren Browserbereich
function scroll2(cc, Ewert, top, left){
	var wait = 0;
	if(Ewert == undefined || Ewert.length == 0) Ewert = 800;
	setTimeout("doScroll2('"+cc+"', '"+Ewert+"', '"+top+"', '"+left+"')", wait);	
}

// unterfunktion, wegen setTimeout
function doScroll2(cc, Ewert, top, left){
		if(left!=undefined){
		$.scrollTo({ top: left, left:'0'}, 800);
	}
	else {
		if(Ewert == undefined || Ewert.length == 0)	$.scrollTo(cc, 800 ); //$.scrollTo(cc, 800, {easing:'elasout'} );
		else $.scrollTo(cc, Ewert); //$.scrollTo(cc, Ewert, {easing:'elasout'} );
	}
	if(top == undefined || top.length == 0) top = true;
	if(top != false) {
		page = cc.replace(/#slidePage/, '')
		setTimeout("slideTop('page'+page, 'in');", 500);
	}
}

// ##########################################################################################################################
//				H O C H - R U N T E R   B U T T O N   F U N K T I O N E N
// ##########################################################################################################################
// beim klicken auf den Pfeil hoch-Button, scrollt der sichtbare Browserbereich nach ganz oben
function getTop(){
	slideTop('', 'out');
	setTimeout("$.scrollTo('#top', 1200 )", 1000);
	setTimeout("slideDown('in' )", 2500);
	//$.scrollTo('#top', 1200 );
	//setTimeout("setDisplay('top_div', 'none');", 100);
}

// beim klicken auf den Pfeil runter-Button, scrollt der sichtbare Browserbereich nach unten auf das erste Blatt
function getDown(){
	slideDown('out');
	setTimeout("scroll2('#slidePage1', 1200, '', '600')", 600);
	setTimeout("slideTop('page1', 'in' )", 1300);
}
// scrollt den runter-Button in den sichtbaren bereich ein
function slideDown(art){
	if(art == 'in') {
		slidePage('top_div1', '', '0', 1000);
	}
	else if(art == 'out'){
		slidePage('top_div1', '', '-25', 500);
	}
}
// scrollt den hoch-Button in den sichtbaren bereich ein
function slideTop(page, art){
	if(page.search(/page#/)!=-1) return;
	if(art == 'in') {
		var pos = document.getElementById(page).style.top;
		pos = pos.replace(/px/, '');
		pos = parseInt(pos);
		pos += parseInt(574);
		slidePage('top_div', pos, '0', 1000);
	}
	else if(art == 'out'){
		slidePage('top_div', '', '-25', 500);
	}
}

// ##########################################################################################################################
//				A J A X   -   F U N K T I O N E N 
// ##########################################################################################################################
function createRequestObject() {
	var ro;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		ro = new XMLHttpRequest();
	}
	return ro;
}

var http = createRequestObject();

function loadContent(content) {
	/* Lade Content */
	http.open('get', content+'.html');
	http.onreadystatechange = handleResponse;
	var el=document.getElementsByTagName('div');
	http.send(null);
}

function handleResponse() {
	if(http.readyState == 4){
		var response = http.responseText;
		document.getElementById('content_area').innerHTML = response;
	}
}


// ##########################################################################################################################
//				S O N S T I G E   F U N K T I O N E N
// ##########################################################################################################################
// Blendet DIVs (nach ID) ein oder aus
function setDisplay(p, set){
	document.getElementById(p).style.display = set;
}

// Kontaktstandorte ein- ausblenden
function showStandort(standort) {

	if (standort=="Aachen") {
		document.getElementById('map_aachen').style.display = 'block';
		document.getElementById('map_hannover').style.display = 'none';
		document.getElementById('text_aachen').style.display = 'block';
		document.getElementById('text_hannover').style.display = 'none';				
	}
	if (standort=="Hannover") {
		document.getElementById('map_aachen').style.display = 'none';
		document.getElementById('map_hannover').style.display = 'block';
		document.getElementById('text_aachen').style.display = 'none';
		document.getElementById('text_hannover').style.display = 'block';
		document.getElementById('map_hannover').style.visibility = 'visible';
		document.getElementById('submap_hannover').style.height = '210px';				
	}	
}