///
imgSrcPath = "/archive/webdesign/";
///
imgNaviItems_active = Array();
imgNaviItems_active["navi1"] = "navi_digitaldruck_aktiv.jpg";
imgNaviItems_active["navi2"] = "navi_fahrzeugverkl_aktiv.jpg";
imgNaviItems_active["navi3"] = "navi_grafikdesign_aktiv.jpg";
imgNaviItems_active["navi4"] = "navi_haendlernetzwerk_aktiv.jpg";
imgNaviItems_active["navi5"] = "navi_textildruck_aktiv.jpg";
imgNaviItems_active["navi6"] = "navi_webdesign_aktiv.jpg";
imgNaviItems_active["navi7"] = "navi_art_aktiv.jpg";
imgNaviItems_active["navi71"] = "navi_glasdekor_aktiv.jpg";
imgNaviItems_active["navi72"] = "navi_home_aktiv.jpg";
imgNaviItems_active["navi8"] = "navi_beschriftungen_aktiv.jpg";
imgNaviItems_active["navi9"] = "navi_kontakt_aktiv.jpg";
imgNaviItems_active["navi10"]= "navi_impressum_aktiv.jpg";
imgNaviItems_active["navi11"]= "icon_home_aktiv.jpg";
imgNaviItems_active["navi12"]= "icon_digitaldruck_aktiv.jpg";
imgNaviItems_active["navi13"]= "icon_beschriftung_aktiv.jpg";
imgNaviItems_active["navi14"]= "icon_fahrzeugverkl_aktiv.jpg";
imgNaviItems_active["navi15"]= "icon_textildruck_aktiv.jpg";
imgNaviItems_active["navi16"]= "icon_glasdekor_aktiv.jpg";
imgNaviItems_active["navi161"]= "icon_art_aktiv.jpg";
imgNaviItems_active["navi17"]= "icon_grafikdesign_aktiv.jpg";
imgNaviItems_active["navi18"]= "icon_webdesign_aktiv.jpg";
imgNaviItems_active["navi19"]= "icon_haendlernetzw_aktiv.jpg";
imgNaviItems_active["navi21"]= "icon_programmierarbeiten_aktiv.jpg";
imgNaviItems_active["navi20"]= "navi_programmierarbeiten_aktiv.jpg";
///
imgNaviItems = Array();
imgNaviItems["navi1"] =	"navi_digitaldruck.jpg";
imgNaviItems["navi2"] =	"navi_fahrzeugverkl.jpg";
imgNaviItems["navi3"] =	"navi_grafikdesign.jpg";
imgNaviItems["navi4"] =	"navi_haendlernetzwerk.jpg";
imgNaviItems["navi5"] =	"navi_textildruck.jpg";
imgNaviItems["navi6"] =	"navi_webdesign.jpg";
imgNaviItems["navi7"] =	"navi_art.jpg";
imgNaviItems["navi71"] = "navi_glasdekor.jpg";
imgNaviItems["navi72"] = "navi_home.jpg";
imgNaviItems["navi8"] =	"navi_beschriftungen.jpg";
imgNaviItems["navi9"] =	"navi_kontakt.jpg";
imgNaviItems["navi10"]= "navi_impressum.jpg";
imgNaviItems["navi11"]= "icon_home.jpg";
imgNaviItems["navi12"]= "icon_digitaldruck.jpg";
imgNaviItems["navi13"]= "icon_beschriftung.jpg";
imgNaviItems["navi14"]= "icon_fahrzeugverkl.jpg";
imgNaviItems["navi15"]= "icon_textildruck.jpg";
imgNaviItems["navi16"]= "icon_glasdekor.jpg";
imgNaviItems["navi161"]= "icon_art.jpg";
imgNaviItems["navi17"]= "icon_grafikdesign.jpg";
imgNaviItems["navi18"]= "icon_webdesign.jpg";
imgNaviItems["navi19"]= "icon_haendlernetzw.jpg";
/*imgNaviItems["navi21"]= "icon_programmierarbeiten.jpg";*/
imgNaviItems["navi20"]= "navi_programmierarbeiten.jpg";
///
imgMainpage = Array();
imgMainpage["botop"] = "kasten_leistungen_oben.jpg";
imgMainpage["bomid"] = "kasten_leistungen_mitte.jpg";
imgMainpage["bobot"] = "kasten_leistungen_unten.jpg";
imgMainpage["bohdl"] = "kasten_haendlernetzwerk.jpg";
imgMainpage["cobot"] = "flaeche_hell_abschluss.jpg";
imgMainpage["cobgk"] = "flaeche_hell_flexibel.jpg";
imgMainpage["comid"] = "flaeche_hell_mitte.jpg";
imgMainpage["bkgrd"] = "hintergrund.jpg";
/// Seiten
imgPage = Array();
imgPage["header_grafikdesign"] = "header_grafikdesign.jpg";
imgPage["header_leer"] = "header_leer.jpg";
imgPage["header_digitaldruck"] = "header_digitaldruck.jpg";
imgPage["header_fahrzeugverkl"] = "header_fahrzeugverkl.jpg";
imgPage["header_webdesign"] = "header_webdesign.jpg";
imgPage["header_home_leer"] = "header_home_leer.jpg";
imgPage["header_beschriftung"] = "header_beschriftung.jpg";
imgPage["header_3d_buchstaben"] = "header_3d_buchstaben.jpg";
imgPage["header_home"] = "header_home.jpg";
imgPage["header_haendlernetzw"] = "header_haendlernetzw.jpg";
imgPage["header_glasdekor"] = "header_glasdekor.jpg";
imgPage["header_art"] = "header_art.jpg";
imgPage["header_textildruck"] = "header_textildruck.jpg";
imgPage["header_programmierarbeiten"] = "header_programmierarbeiten.jpg";
imgPage["bild_home"] = "bild_home.jpg";
imgPage["bild_textildruck"] = "bild_textildruck.jpg";
imgPage["bild_art"] = "bild_art.jpg";
imgPage["bild_grafikdesign"] = "bild_grafikdesign.jpg";
imgPage["bild_digitaldruck"] = "bild_digitaldruck.jpg";
imgPage["bild_beschriftung"] = "bild_beschriftung.jpg";
imgPage["bild_fahrzeugverklebung"] = "bild_fahrzeugverklebung.jpg";
imgPage["bild_glasdekor"] = "bild_glasdekor.jpg";
imgPage["bild_raum_leer"] = "bild_raum_leer.jpg";
imgPage["bild_webdesign"] = "bild_webdesign.jpg";
imgPage["bild_programmierarbeiten"] = "bild_programmierarbeiten.jpg";
/// Scroller
imgScroller = Array(
	"bild_hintergrundflaeche.jpg",
	"thumbnail_hintergrund.jpg",
	"button_links_grau.jpg",
	"button_rechts_grau.jpg",
	"button_links_orange.jpg",
	"button_rechts_orange.jpg",
	"dropdown_aktiv.jpg",
	"dropdown_inaktiv.jpg"
);
/// Anker names
aPage = Array(
	"ahome",
	"adigitaldruck",
	"abeschriftung",
	"avollverklebung",
	"atextildruck",
	"aglasdekor",
	"akunstdruck",
	"agrafikdesign",
	"awebdesign",
	"ahaendlernetzw",
	"akontakt",
	"aimpressum",
	"aprogrammierarbeiten",
	// bottom
	"ahome_2",
	"adigitaldruck_2",
	"abeschriftung_2",
	"avollverklebung_2",
	"atextildruck_2",
	"aglasdekor_2",
	"akunstdruck_2",
	"agrafikdesign_2",
	"awebdesign_2",
	"ahaendlernetzw_2"	
);	
	
///
imgVector = Array();
///
function preloadImages(srcPath,args/** Arg1,Arg2,ArgN are Arrays*/) {
	//
	for(i = 1; i < arguments.length;  i++) {
		//
		arImage = arguments[i];
		//
		for(akey in arImage) {
			imgVector[akey] = new Image();
			imgVector[akey].src = srcPath + arImage[akey];
//			console.log("[prof] preloadImages [" + imgVector[akey].src + "]");
		}
	}
}
///
function setPreloadImagesPath(newPath) {
	imgSrcPath = newPath;
}
///
function setVisible(objectId) {
	document.getElementById(objectId).style.visibility="";
}
///
function setInvisible(objectId) {
	document.getElementById(objectId).style.visibility="hidden";
}
///
function initMouseOver(arImage) {
	for(akey in arImage) {
		//
		if(document.getElementById(akey) == null) {
			console.log("[dbg] could not init mouseover item '" + akey + "'");
			continue;
		}
		//
		document.getElementById(akey).onmouseover = function enableNaviItem(event) {
			var objectId = this.id;

			if(this.src != imgVector[objectId].src) {
				this.src = imgVector[objectId].src;
				return true;
			}
		}
		//
		document.getElementById(akey).onmouseout = function disableNaviItem(event) {
			if(this.src != imgSrcPath + imgNaviItems[this.id])
				this.src = imgSrcPath + imgNaviItems[this.id];
		}	
	}
}
///
function initEnabledElements(elementId) {
	if(!document.getElementById(elementId)) {
		console.log("[dbg] could not init menu element '" + elementId + "'");
		return false;
	}
	//
	document.getElementById(elementId).src = imgVector[elementId].src;
	//
	document.getElementById(elementId).onmouseout =	
		document.getElementById(elementId).onmouseover = function nop() {}
	//
	return true;
}
///
function initFocusElements(arElements) {
	for(idx=0; idx < arElements.length; idx++) {
		akey = arElements[idx];
		//
		document.getElementById(akey).onfocus = function blurFocus(event) {			
			this.blur();
		}
	}
}
///
function initForms() {
	var defLogin = 'login';
	var defPassword = 'password';
	var defLoginUrl = '/secure/';
	if(document.getElementById('loginname')) {
		document.getElementById('loginname').value = defLogin;
	}
	if(document.getElementById('loginpass')) {
		document.getElementById('loginpass').value = defPassword;
	}
	if(document.getElementById('login_form')) {
		//
		document.getElementById('login_form').onsubmit = function goLogin() {
			if(document.getElementById('loginname').value.length > 0 &&
				 document.getElementById('loginpass').value.length > 0) {
				crcsum = crc32(document.getElementById('loginname').value);
				document.getElementById('login_form').action = defLoginUrl + (crcsum < 0 ? (crcsum*-1) : crcsum) + "?" + (new Date().getTime());
				return true;
			}
			else {
				return false;
			}
		};
	}
}
///
function bodyOnLoad(pageId) {	
	preloadImages("/archive/webdesign/",imgNaviItems_active);		
	preloadImages("/archive/image/scrollctrl/",imgScroller);
	initMouseOver(imgNaviItems);
	initEnabledElements(pageId);
	initFocusElements(aPage);
	initForms();	
	preloadImages("/archive/webdesign/",imgMainpage,imgPage);	
}
///
var _he_contentHeadId = null;
///
function _knopp_openImageView(he_contentHeadId) {
	//
	_he_contentHeadId = he_contentHeadId;
	 he_contentHead = document.getElementById(_he_contentHeadId);
	//
	if(!he_contentHead)				
		return false;			
	// init
	he_contentHead.id = 'content_head_galerie';
	//
	_display_imageView();
	//
	return true;
}
///
function _display_imageView() {
	document.getElementById('content_thumbnail').style.display='block';
}
function _hide_imageView() {
	document.getElementById('content_thumbnail').style.display='';
}		
///
function _knopp_closeImageView() {
	he_contentHead = document.getElementById('content_head_galerie');
	if(he_contentHead) {
		// reset
		he_contentHead.id = _he_contentHeadId;		 				
	} else
			return false;
	//
	_hide_imageView();
	//
	return true;
}
var _scroller;
///
function _od_gallery_init(selectItem,nameViewId,option) {
	if(!document.getElementById("scroller"))
		return;
	_scroller = _activateScroller(selectItem,nameViewId);
	if(option && option["no_onclick_open"] != true) {
		document.getElementById('scrollerViewport').onclick = function(e) {
			_knopp_openImageView(nameViewId);
		}
	} else {
	}
	if(document.location.href.indexOf('#') > -1)
		_knopp_openImageView(nameViewId);	
}
///
function _od_gallery_navSelect(itemId) {
	_scroller.selectItem(itemId);
	_scroller.centerOnItem(itemId);
}
///
function _od_page_findHead() {
	var eMain = document.getElementById('main');
	var eDivs = eMain.getElementsByTagName('div');
	for(idx=0; idx < eDivs.length; idx++)
		if(eDivs[idx].className == "content_head")
			return eDivs[idx].id;		
	return null;
}
/// Combo
function _od_combo_switch(comboId) {
	var eComboBox = document.getElementById(comboId);
	if(comboId) {
		var eComboBox_OptionList = document.getElementById(comboId+'-'+'option');
		if(eComboBox.className.indexOf('-active') > 0)
			eComboBox.className = eComboBox.className.substr(0,eComboBox.className.length-('-active'.length));
		else
			eComboBox.className = eComboBox.className + '-active';
	}
	return true;
}
///
function _od_combo_selectHandler(comboId,eItem) {
	var myText = eItem.innerHTML;
	var eComboBox_selected = document.getElementById(comboId+'-'+'selected');
	eComboBox_selected.innerHTML='<span>'+myText+'</span>';
	var scrollerItem = null;
	if(eItem.href.indexOf('#') > -1) {
		_od_gallery_navSelect(eItem.href.substr(eItem.href.indexOf('#')+1));
	}
	_od_combo_switch(comboId);
	_knopp_openImageView(_od_page_findHead());
	return true;
}