// 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_nav_preload('gw_nav_oPreloadImage', '_gw_nav_blendOver("img_container", "' + 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');
		/*widthNow = cont.style.width;
		topNow = cont.style.top;		
		alert(widthNow + " " + topNow);*/
		var pics_loaded = false;
		if (gw_tp_pageNr == 20){
			closeButtonX = 758;
			closeButtonY = 290;
			//gw_ani_fadeOutIn_Width_changeHeight('gw_content_container', speed, waitingtime, height, top, width, opacity);
			gw_ani_fadeOutIn_HTWO('gw_content_container', 3, 500, 160, bgY+290, 770, 80);
			/*
			var a = document.getElementsByTagName('div');
			var s = "";
			for (i = 0; i < a.length; i++){
				s += a[i].id+" "; 
				if (a[i].id == "pic1"){
					pics_loaded = true;
				}
			}
			if (pics_loaded) {
				gw_ani_moveProductsRound('pic1','pic2','pic3','pic4');
			}
			*/
			
			gw_ani_moveProductsRound('pic1','pic2','pic3','pic4','pic5','pic6','pic7');	
		} else {
			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() {
	/*
		var imgSrc = gw_nav_rootPath + '_img/' + language + '/bg/' + pageNr + '.jpg';
		gw_nav_oPreloadImage = new Image();
		gw_nav_oPreloadImage.src = imgSrc;
		//_gw_nav_preload('gw_nav_oPreloadImage', '_gw_nav_blendOver("img_container", "' + 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;
		if (gw_tp_pageNr == 20){
			//gw_ani_fadeOutIn_Width_changeHeight('gw_content_container', speed, waitingtime, height, top, width, opacity);
			gw_ani_fadeOutIn_HTWO('gw_content_container', 3, 500, 160, bgY+290, 770, 80);			
			gw_ani_moveProductsRound('pic1','pic2','pic3');			
		} else {
			gw_ani_fadeOutIn_HTWO('gw_content_container', 3, 500, 392, bgY+80, 380, 70);
		}
		*/
		gw_ani_hideCloseButton();
		gw_tp_hideContent();
		var cont = document.getElementById('gw_content_container');
		var pics_loaded = false;
		if (gw_tp_pageNr == 20){
			//gw_ani_fadeOutIn_Width_changeHeight('gw_content_container', speed, waitingtime, height, top, width, opacity);
			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 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);