// filename: jbl_gen.js

// version 1.0 - 2006-10-19 - mkr / rm

//

// martin dot krause at gpm dot de

//



//config	

var objParentLayerId = 'parentlayer';

var objLeftId = 'left';

var objMiddleId = 'middle';

var objRightId = 'right';

var objFooterId = 'footer';

var objContentId = 'content';

var myHeight; // global windowheight-objekt



// set window name

window.name = 'UKFHB';

	

window.onresize = reAdjust;

	

// escape from framesets

if (parent.frames && parent.frames.length != 0) top.location.href = document.location.href;

else self.focus();



// pageInit

function pageInit() {



	// initialize reload

	reAdjust(true);



	//browsercheck

	is = new BrowserCheck();

	

	//create eventhandlers for link elements

	createNavFocus() ;

	

	//create odd/even structur of li / td

	createOddEven();



	//create height objects

	myHeight = new calculatedHeightObject();

	

	//create decoration: blue fade, blue bar

//	createDecoration();



	//fix browser bugs

	fixBrowser();

}





// fixing some display errors

function fixBrowser() {

	

	if (is.opera) {

		obj = document.getElementById('quicksitemap')

		obj.style.position = 'relative';

		obj.style.top = '5px';

	}

	

}





//creating the blue deko on the right 

function createDecoration(){



	if (myHeight.calculatedHeight) 

	{

		//calculate height

		var createHeight = (parseInt(myHeight.calculatedHeight) - 4);

		

		// create element: blue stripe

		dekoblue = document.createElement('div');

		dekoblue.id = 'dekoblueid';

		

		// append element: blue stripe

		document.body.appendChild(dekoblue);



		// setting styles: blue stripe

		obj = document.getElementById('dekoblueid');

		

		obj.style.height = createHeight +'px';

		obj.style.background = 'transparent url(/img/gen_deko_blue.png) 0 0 repeat-y';

		obj.style.position = 'absolute';

		obj.style.top = '0px';

		obj.style.right = '0px';

		obj.style.width = '8px';

		obj.style.zIndex = '50000';

		obj.style.display = 'block';

	}



}	





//creating odd/even tables and lists

function createOddEven() 
{
	//starting with odd?
	var odd = true;

	// grabbing odd/even object
	var objParent = document.getElementById(objContentId);	

	for (var i = 0; i < objParent.getElementsByTagName('*').length; i++)
	{	
		var objOddEven = (objParent.getElementsByTagName('*')[i].className.indexOf('oddeven') != -1) ? objParent.getElementsByTagName('*')[i] : "";

		// dealing with lists
		if (objOddEven.tagName == 'ul' || objOddEven.tagName == 'UL') 
		{
			//evaluating the oddEven element, add odd even to LI 
			for (var j = 0; j < objOddEven.childNodes.length; j++)
			{
				// li 
				if ( (objOddEven.childNodes[j].tagName == 'LI' || objOddEven.childNodes[j].tagName == 'li') ) 
				{
					//setting them odd/even
					if (odd) 
					{ 
						objOddEven.childNodes[j].className = objOddEven.childNodes[j].className + ' odd' 
						odd = false;
					}
					else 
					{
						objOddEven.childNodes[j].className = objOddEven.childNodes[j].className + ' even' 
						odd = true; 
					}	
					// adding .first to first and .last to last child
					objOddEven.childNodes[j].className = (j == '1') ? objOddEven.childNodes[j].className + ' first' : objOddEven.childNodes[j].className;
					objOddEven.childNodes[j].className = (j == (objOddEven.childNodes.length - 2 )) ? objOddEven.childNodes[j].className + ' last' : objOddEven.childNodes[j].className;
				}
			}
		//starting with odd?
		var odd = true;
		}
	}
}







//needed for BITV 9.3.1, cycles throught the document, adding eventhandlers *navFocus* to all the links

function createNavFocus() {

	

	// loading all links into an array, cycling	

	for (var i = 0; i < document.getElementsByTagName('a').length; i++){



		// grabbing the current link

		obj = document.getElementsByTagName('a')[i];

		

		//skip img links like <a><img /></a>

		if ((obj.firstChild && obj.firstChild.tagName == 'IMG') || (obj.firstChild && obj.firstChild.tagName == 'img')) { continue;  }

	

				//check if eventhandler is already set - if not, add it



				// a.class="readoncontent"

				if (obj.className.indexOf('readoncontent') != -1) {

					if (!obj.onblur) { obj.onblur = function(){ navFocus(this, 'onblur', 'readoncontentactive')}; }

					if (!obj.onfocus) { obj.onfocus = function(){ navFocus(this, 'onfocus', 'readoncontentactive')}; }

				}

				// a.class="readon"

				else if (obj.className.indexOf('readon') != -1) {

					if (!obj.onblur) { obj.onblur = function(){ navFocus(this, 'onblur', 'readonactive')}; }

					if (!obj.onfocus) { obj.onfocus = function(){ navFocus(this, 'onfocus', 'readonactive')}; }

				}

				// a.class="addtocart"

				else if (obj.className.indexOf('addtocart') != -1) {

					if (!obj.onblur) { obj.onblur = function(){ navFocus(this, 'onblur', 'addtocart active')}; }

					if (!obj.onfocus) { obj.onfocus = function(){ navFocus(this, 'onfocus', 'addtocart active')}; }

				}

				// a.class="pdf"

				else if (obj.className.indexOf('pdf') != -1) {

				

					if (!obj.onblur) { obj.onblur = function(){ navFocus(this, 'onblur', 'pdf active')}; }

					if (!obj.onfocus) { obj.onfocus = function(){ navFocus(this, 'onfocus', 'pdf active')}; }

				}				

				// a.class="smaller"

				else if (obj.className.indexOf('smaller') != -1) {

				

					if (!obj.onblur) { obj.onblur = function(){ navFocus(this, 'onblur', 'smaller active')}; }

					if (!obj.onfocus) { obj.onfocus = function(){ navFocus(this, 'onfocus', 'smaller active')}; }

				}				

				// a.class="bigger"

				else if (obj.className.indexOf('bigger') != -1) {

				

					if (!obj.onblur) { obj.onblur = function(){ navFocus(this, 'onblur', 'bigger active')}; }

					if (!obj.onfocus) { obj.onfocus = function(){ navFocus(this, 'onfocus', 'bigger active')}; }

				}				

				// default

				if (!obj.onblur) { obj.onblur = function(){ navFocus(this, 'onblur', 'active')}; }

				if (!obj.onfocus) { obj.onfocus = function(){ navFocus(this, 'onfocus', 'active')}; }

				

	}

	

}







//needed for BITV 9.3.1, adds the active class - the "hover" effect - for tabbing

function navFocus(obj, eventhandler, addClass) {



	var defaultClass = '';

	

	//registering "e" as event-type

	if (!e) var e = window.event;	



	//dealing with .class links

	switch(addClass) {

		

		case 'readoncontentactive' :

			defaultClass = 'readoncontent';

		break; 

		case 'readonactive' :

			defaultClass = 'readon';

		break; 

		

		case 'addtocart active' :

			defaultClass = 'addtocart';

		break; 

		

		case 'pdf active' :

			defaultClass = 'pdf';

		break; 

		

		case 'smaller active' :

			defaultClass = 'smaller';

		break; 

		

		case 'bigger active' :

			defaultClass = 'bigger';

		break; 

	}



	switch(eventhandler) {

		

		//onfocus	

		case 'onfocus':

			if (obj.className.indexOf('active') != -1) {obj.className = obj.className + ' tabbed ';} //keep active links

			else {obj.className = obj.className + " " + addClass;}

		break;

		

		//onblur

		case 'onblur':

			if (obj.className.indexOf('tabbed') == -1 && obj.className.indexOf('first') == -1) {obj.className = defaultClass;} //keep active links && .first (navigation)

			else if (obj.className.indexOf('tabbed') == -1 && obj.className.indexOf('first') != -1) {obj.className = 'first';}

		break;

	

	}



}



function repositionLayers() {

	if (myHeight.calculatedHeight){

		// blue stripe

		var repositionHeight = (parseInt(myHeight.calculatedHeight) - 4);

//		alert(myHeight.calculatedHeight +':'+ repositionHeight);

		obj = document.getElementById('dekoblueid');		

		obj.style.height = repositionHeight +'px';	

	}

}



function reAdjust(init) {

		newHeight = new calculatedHeightObject();



	// initialize function on first call

	if (init == true) {

		// set resize event

		window.onresize = reAdjust

		adjustSmallScreen();

	}

	

	// do something if window size has changed

/*

	else if (myHeight.calculatedHeight != newHeight.calculatedHeight) {

		myHeight.calculatedHeight = newHeight.calculatedHeight;

		repositionLayers();

*/

	else {

		adjustSmallScreen();

	}

}





// misc functions 

//-----------------------------------------------------------------------------



function adjustSmallScreen (){ 

	if (is.ie) {return true;}

	var vpx;

	// get viewport width

	// all except Explorer

	if (self.innerHeight) { vpx = self.innerWidth;}

	// Explorer 6 Strict Mode

	else if (document.documentElement && document.documentElement.clientHeight){vpx = document.documentElement.clientWidth;}

	// other Explorers

	else if (document.body) {vpx = document.body.clientWidth;}

	// adjust size

	if (vpx < 650) 

	{ 

		document.getElementById('textmarkeImg').src = '/img/gen_visual_textmarke_small.gif'; 

	}

	else {

		document.getElementById('textmarkeImg').src = '/img/gen_visual_textmarke.gif'; 

	}

}



function calculatedHeightObject () {





	// get elements by id

	objParentLayer = document.getElementById(objParentLayerId);		

	objFooter = document.getElementById(objFooterId);



	//calculating visible height

	var visibleHeight = (window.innerHeight) ? window.innerHeight : document.documentElement.clientHeight;

	var visibleHeight = (visibleHeight) ? visibleHeight : document.body.clientHeight;



	// the border stuff is a wired workaround for firefox

//	objParentLayer.style.border = "1px solid transparent";

	var parentlayerHeight = document.getElementById('parentlayer').offsetHeight;

//	objParentLayer.style.border = "none";



	//footer height

	//var footerHeight = (objFooter.offsetHeight) ? objFooter.offsetHeight : "0";

		

	//if the content is longer than the window, add contentheight, margin and //footer height

	this.calculatedHeight = (visibleHeight < parentlayerHeight) ? (parentlayerHeight + 25 ) : visibleHeight;

}



// removes/restore default text, using obj.name if no defaultText is given

function removeDefault(obj, eventhandler, defaultText) {



	switch (eventhandler) {

		

		case 'onfocus' :

			if ( obj.value == firstLetterUpperCase(obj.name) ) { obj.value = '';}

			else if ( (typeof(defaultText) != 'undefined') && obj.value == defaultText ) { obj.value = '';}

		break;

		

		case 'onblur' :

			if ( obj.value == '' && (typeof(defaultText) == 'undefined') ) { obj.value = firstLetterUpperCase(obj.name) ;}

			else if ( obj.value == '' && (typeof(defaultText) != 'undefined') ) { obj.value = defaultText;}

		break; 

	

	}



}





// returns obj as Obj

function firstLetterUpperCase(obj) {

	formatedString = obj.slice(0,1).toUpperCase() + obj.slice(1) ;

	return formatedString;

}



// disables Button to prevent more than one click and enhance usabillity

function disableButton(objId){

	objButton = document.getElementById(objId);

	objButton.disabled = true;

	objButton.value = 'Bitte warten';

	objButton.style.cursor = 'wait'

}