// Muss nach dem "gw_nav_container"-Div eingebunden werden


var tp_content_text_y = 62;
var tp_content_container_width = 380;

//var tp_product_detail_x = 400;
var tp_product_detail_x = 390;
var tp_product_detail_y = 80;
var tp_product_detail_opacity = 80;
// Anzahl Produkte:
var gw_tp_count_products = 7;

function debug(str) {
	document.getElementById('debug').innerHTML += " | " + str;
}

// Aktuelle Seite:
var gw_tp_pageNr = -1;

// Objekt zum vorladen von Bildern:
var gw_nav_oPreloadImage = null;

// Für Zugriff von verschiedenen Verzeichnis-Ebenen:
var gw_nav_rootPath = '';

// -------------------------------------------------------------------------
// Aktion beim Click auf einen Navigationspunkt.
// -------------------------------------------------------------------------
// Parameter:
// - pageNr : Page-Nummer des geklicken Navigationspunkts
// -------------------------------------------------------------------------
function gw_nav_click(pageNr) {
	if (pageNr == gw_tp_pageNr){
		//Abbruch, aktuelle Seite wird schon geladen
		return;
	} else {
		
		
		var imgSrc = gw_nav_rootPath + '_img/' + language + '/bg/' + pageNr + '.jpg';
		gw_nav_oPreloadImage = new Image();
		gw_nav_oPreloadImage.src = imgSrc;
		_gw_processCodeByCondition('gw_nav_oPreloadImage.complete', '_gw_nav_blendOver("img_container", "' + imgSrc + '")', 100);
		gw_tp_pageNr = pageNr;
		gw_tp_hideContent();
		var cont = document.getElementById('gw_content_container');
		var pics_loaded = false;
		$('#markets_container_abs').hide();
		if (gw_tp_pageNr == 10) {
			
			$('#markets_container_abs').show();
			/*
			var content_position = $('#gw_content_container').position();
			$('#markets_container_abs').css({
				'left' : content_position.left,
				'top' : content_position.top - 28
			});
			*/
			var content_position = $('#gw_nav_container').position();
			$('#markets_container_abs').css({
				'left' : content_position.left - 390,
				'top' : content_position.top - 1
			});
			
			$('#markets_zoom').css({
				'left' : -3700,
				'top' : -1700,
				'width' : 7700,
				'height' : 4350
			})
			$('#markets_zoom').animate({
				'left' : 0,
				'top' : 0,
				'width' : 770,
				'height' : 435
			}, 2000, function() {
				$('#markets_container_abs').fadeOut();
			});
		}
		if (gw_tp_pageNr == 20) {
			//closeButtonX = 758;
			closeButtonX = -20;
			closeButtonY = 290;
			//gw_ani_fadeOutIn_HTWO('gw_content_container', 3, 500, 160, bgY+290, 770, 80);
			
			//gw_ani_fadeOutIn_HTWO('gw_content_container', 1, 0, 0, bgY+290, 770, 80);
			gw_ani_fadeOut_HTWO('gw_content_container', 1, 0, 0, bgY+290, 770, 80);
			
			//gw_tp_showContent();
			_gw_tp_setContent(gw_tp_content[gw_tp_pageNr]);
			
			
			$('#gw_content_container').css({
				//width : 770,
				width : 1,
				//top : bgY+290,
				height : 0
			});
			$('#gw_content_text').css({
				left : bgX+10
			});
			
			
			$('#showroom_container_abs').hide();
			$('#showroom_container_abs').delay(1000).fadeIn(1000);
			$('#showroom_container_abs').css({
				width : 1,
				//left : 859
				left : 759
			});
			$('#showroom_container_abs').animate({
				width : 610
			}, 500);
			
			//console.log(bgX);
			
			//gw_ani_moveBelt();
			setTimeout('gw_ani_moveBelt();', 2000);
			setTimeout('gw_ani_moveStapler();', 5000);
			
			//gw_ani_moveProductsRound('pic1','pic2','pic3','pic4','pic5','pic6','pic7');	
		} else {
			$('#showroom_container_abs').hide();
			closeButtonX = 368;
			closeButtonY = 80;
			gw_ani_fadeOutIn_HTWO('gw_content_container', 3, 500, 392, bgY+80, 380, 70);
		}
	}
}

// -------------------------------------------------------------------------
// Aktion beim Click auf einen Navigationspunkt.
// -------------------------------------------------------------------------
// Parameter:
// -------------------------------------------------------------------------
function gw_blendout_click() {
		gw_ani_hideCloseButton();
		gw_tp_hideContent();
		var cont = document.getElementById('gw_content_container');
		var pics_loaded = false;
		if (gw_tp_pageNr == 20){
			gw_ani_fadeOut_HTWO('gw_content_container', 3, 500, 160, bgY+290, 770, 80);			
			//gw_ani_holdProductsOut('pic1','pic2','pic3','pic4','pic5','pic6','pic7');			
		} else {
			gw_ani_fadeOut_HTWO('gw_content_container', 3, 500, 392, bgY+80, 380, 70);
		}
}

function _gw_tp_setContent(content) {
	document.getElementById('gw_content_text').innerHTML = content;
}

function gw_tp_hideContent() {
	gw_ani_hideCloseButton();
	//var destX = -500;
	var destX = -600;
	var destY = tp_content_text_y;
	//gw_ani_goTo('gw_content_text', destX, destY);
	gw_ani_moveTo('gw_content_text', destX, destY, 50);
	//gw_ani_moveTo_pendulum('gw_content_text', destX, 50);
	
}

// Zeigt den Text der aktuellen Seite an
function gw_tp_showContent() {
	if (gw_tp_pageNr == -1) {
		_gw_tp_setContent('');
	} else {
		_gw_tp_setContent(gw_tp_content[gw_tp_pageNr]);
	}
	
	var destX = 10;
	var destY = tp_content_text_y;
	//gw_ani_goTo('gw_content_text', destX, destY);
	gw_ani_moveTo('gw_content_text', destX, destY, 50);
	gw_ani_showCloseButton();
	//gw_ani_moveTo_pendulum('gw_content_text', destX, 50);
}

/*
// -------------------------------------------------------------------------
// Prüft alle 200 ms, ob ein Bild vollständig geladen ist.
// Sobald es geladen ist wird der Code jsCode ausgeführt.
// -------------------------------------------------------------------------
// @PRIVATE
// -------------------------------------------------------------------------
function _gw_nav_preload(imgObjName, jsCode) {
	var isComplete = eval(imgObjName + '.complete');
	if (!isComplete) {
		setTimeout("_gw_nav_preload('" + imgObjName + "', '" + jsCode + "');", 200);
	} else {
		eval(jsCode);
	}
}
*/

// -------------------------------------------------------------------------
// Prüft alle timeout ms, ob die Bedingung condition erfüllt ist.
// Sobald die Bedingung erfüllt ist wird der Code jsCode ausgeführt.
// -------------------------------------------------------------------------
// @PRIVATE
// -------------------------------------------------------------------------
function _gw_processCodeByCondition(condition, jsCode, timeout) {
	//debug(eval(condition));
	if (eval(condition)) {
		eval(jsCode);
	} else {
		setTimeout("_gw_processCodeByCondition('" + condition + "', '" + jsCode + "', " + timeout + ");", timeout);
	}
}


// -------------------------------------------------------------------------
// Wechselt das Hintergrundbild eines Elements aus
// Falls IE verwendet wird, wird übergeblendet
// -------------------------------------------------------------------------
// @PRIVATE
// -------------------------------------------------------------------------
function _gw_nav_blendOver(elementId, imgSrc) {
	var obj = document.getElementById(elementId);
	/*
	if (obj.filters) {
		obj.filters.blendTrans.Apply();
		obj.style.backgroundImage = "url('" + imgSrc + "')";
		obj.filters.blendTrans.Play();
	} else {
		obj.style.backgroundImage = "url('" + imgSrc + "')";
	}
	*/
	obj.style.backgroundImage = "url('" + imgSrc + "')";
}


// Timer-Objekt (intern)
var gw_nav_oTimer = null;

// Maximale Anzahl an Untermenüs:
var gw_nav_maxArea = 10;

// Verzögerungszeit bevor ein Menü schließt (in ms):
var gw_nav_delay = 400;


// -------------------------------------------------------------------------
// Öffnet ein Untermenü.
// -------------------------------------------------------------------------
// Parameter:
// - subNr : Area-Nummer des Untermenüs
// -------------------------------------------------------------------------
function gw_nav_over(subNr) {
	if (!document.getElementById) {
		return;
	}
	clearTimeout(gw_nav_oTimer);
	_gw_nav_show(subNr);
	for (i = 0; i <= gw_nav_maxArea; i++) {
		if (i != subNr && document.getElementById("gw_nav_sub" + i) != null) {
			_gw_nav_hide(i);
		}
	}
}

// -------------------------------------------------------------------------
// Schließt ein Untermenü.
// -------------------------------------------------------------------------
// Parameter:
// - subNr : Area-Nummer des Untermenüs
// -------------------------------------------------------------------------
function gw_nav_out(subNr) {
	if (!document.getElementById) {
		return;
	}
	gw_nav_oTimer = setTimeout('_gw_nav_hide("' + subNr + '");', gw_nav_delay);
}

// -------------------------------------------------------------------------
// Zeigt ein Untermenü.
// -------------------------------------------------------------------------
// Parameter:
// - subNr : Area-Nummer des Untermenüs
// -------------------------------------------------------------------------
// @PRIVATE
// -------------------------------------------------------------------------
function _gw_nav_show(subNr) {
	document.getElementById("gw_nav_sub" + subNr).style.visibility = "visible";
}

// -------------------------------------------------------------------------
// Verdeckt ein Untermenü.
// -------------------------------------------------------------------------
// Parameter:
// - subNr : Area-Nummer des Untermenüs
// -------------------------------------------------------------------------
// @PRIVATE
// -------------------------------------------------------------------------
function _gw_nav_hide(subNr) {
	document.getElementById("gw_nav_sub" + subNr).style.visibility = "hidden";
}







// -------------------------------------------------------------------------
// Registriert einen Event-Listener
// -------------------------------------------------------------------------
// Parameter:
// - obj    : Objekt, das ein Event erzeugt, z.B. window
// - evType : Event-Typ der registriert werden soll, z.B. "resize"
// - fn     : Referenz auf die Event-Handler-Funktion, z.B. gw_nav_handleResize
// -------------------------------------------------------------------------
// http://de.selfhtml.org/dhtml/modelle/dom.htm#event_handling
// http://www.scottandrew.com/weblog/articles/cbs-events
// -------------------------------------------------------------------------
function gw_nav_addEventListener(obj, evType, fn){
 if (obj.addEventListener){
   obj.addEventListener(evType, fn, true);
   return true;
 } else if (obj.attachEvent){
   var r = obj.attachEvent("on"+evType, fn);
   return r;
 } else {
   return false;
 }
}

// -------------------------------------------------------------------------
// Event-Handler für Window-Resize-Event.
// -------------------------------------------------------------------------
function gw_nav_handleResize(ev) {
	// Timeout bei Firefox notwendig
	setTimeout('location.reload();', 1);
	//setTimeout('gw_ani_init();', 1);
}

// Registerieren des Window-Resize-Event-Handlers:
gw_nav_addEventListener(window, "resize", gw_nav_handleResize);