/* ----- Popup-Script ----- */
function showhide(id) {
	var obj = document.getElementById(id);
	if(obj.style.display != "block")
		obj.style.display = "block";
	else
		obj.style.display = "none";
}

var ak_varianten = new Array();
ak_varianten[1] = 1;
ak_varianten[2] = 1;
ak_varianten[3] = 1;

function changeVar(feld, variante) {
	getObj('feld' + feld + '_bild').src = varianten[feld][variante]['img_kl'];
	getObj('feld' + feld + '_descr').innerHTML = varianten[feld][variante]['name'];
	
	ak_varianten[feld] = variante;
	
	if(feld <= 2 && varianten[feld][variante]['info_link']!=undefined && varianten[feld][variante]['info_link']!=null)
		getObj('info_bild_' + feld + '_a').href = varianten[feld][variante]['info_link'];	
		
	// Hidden-Feld fuellen
	getObj('input_varianten_' + feld + '').value = varianten[feld][variante]['id'];
	
	// InfoText umschreiben
	var infotext = getObj('infotext');
	infotext.innerHTML = varianten[1][ak_varianten[1]]['name'] + ', ' + varianten[3][ak_varianten[3]]['name'];
	
	// Focus setzen
	refreshFocus();
}

var ak_focus = ak_varianten[2];
function refreshFocus() {
	setFocus(ak_varianten[2]); 
}

function setFocus(nr) {
	getObj('auswahlfeld' + ak_focus).className = "wahlfeld";
	getObj('auswahlfeld' + nr).className = "wahlfeld focus";
	ak_focus = nr;
}

function showDescr(obj, vari, feld) {
	getObj(obj).innerHTML = varianten[vari][feld]['descr'];
}

function startUp() {
	var felder_anz = varianten.length;
	
	// Schleife fuer jedes Feld (3 Felder?)
	for(var i=1;i<felder_anz;i++) {
		var popup = getObj('popup_feld_' + i);
		var var_anz = varianten[i].length;
		
		if(i <= 2 && varianten[i][ak_varianten[i]]['info_link']!=undefined && varianten[i][ak_varianten[i]]['info_link']!=null)
			getObj('info_bild_' + i + '_a').href = varianten[i][ak_varianten[i]]['info_link'];
		
		if(i == 2) {
			var auswahl = getObj('auswahl');
		}
		
		for(var f=1;f<var_anz;f++) {
			// Felder-Struktur erstellen
			feld = document.createElement("div");
			bild = document.createElement("img");
			inh = document.createElement("div");
			
			if(i == 2){
				feld.className = "wahl wahl_holz";
				feld.onmouseover = new Function("showDescr('infobox_holz', "+i+", "+f+");");
				
				if(f == 1)
					showDescr('infobox_holz', i, f);
			}else{
				feld.className = "wahl";
			}
			
			feld.onclick = new Function("changeVar('"+i+"', '"+f+"'); showhide('popup_feld_"+i+"');");
			
			// Bild formatieren
			bild.className = "bild";
			bild.src   = varianten[i][f]['img_gr'];
			
			// Text ausgeben
			inh.className = "bodytext";
			inh.innerHTML = varianten[i][f]['name'];
			
			feld.appendChild(bild);
			feld.appendChild(inh);
			
			popup.appendChild(feld);
			
			
			// Holz-Auswahl -> Felder erstellen
			if(i == 2) {
        		
				feld     = document.createElement("div");
				f_name   = document.createElement("span");
				f_preis  = document.createElement("span");
				f_zusatz = document.createElement("span");
				
				feld.className = "wahlfeld";
				feld.id        = "auswahlfeld" + f;
				feld.onclick     = new Function("changeVar("+i+", "+f+");");
				feld.onmouseover = new Function("setFocus("+f+");");
				feld.onmouseout  = new Function("refreshFocus();");
				
				// Namen formatieren
				f_name.className = "name";
				f_name.innerHTML = varianten[i][f]['name'];
				
				// Preis formatieren
				if(!isNaN(varianten[i][f]['preis']) && varianten[i][f]['preis'] > 0)
				{
					eur  = Math.floor(varianten[i][f]['preis']);
					cent = varianten[i][f]['preis'] - eur;
					if(cent == 0)
						cent = '-';
										
					f_preis.className = "preis";
					f_preis.innerHTML = 'EUR ' + eur + ',' + cent;
				}else{
					f_preis.className = 'preis_anfrage';
					
					if(varianten[i][f]['staffelpreise_tab']=='' || varianten[i][f]['staffelpreise_tab']==undefined || varianten[i][f]['staffelpreise_tab']==null)
						f_preis.innerHTML = preis_anfrage;
					else
						f_preis.innerHTML = '';
				}
				
				// BR
				br1 = document.createElement("br");
				br1.style.clear = "both";
				br2 = document.createElement("br");
				br2.style.clear = "both";
				
				// Button
				button = document.createElement("input");
				button.className = 'merkzettel_button';
				button.name = "basket";
				button.type = 'button';
				button.value = lang_to_memo;
				button.onclick = new Function("changeVar("+i+", "+f+"); this.form.submit();");
				
				aufpreise_tab = document.createElement("div");
				if(varianten[i][f]['aufpreise_tab']!=undefined && varianten[i][f]['aufpreise_tab']!=null)
					aufpreise_tab.innerHTML = varianten[i][f]['aufpreise_tab'];
					
				staffelpreise_tab = document.createElement("div");
				staffelpreise_tab.className = 'staffelpreise_div';
				if(varianten[i][f]['staffelpreise_tab']!=undefined && varianten[i][f]['staffelpreise_tab']!=null)
					staffelpreise_tab.innerHTML = varianten[i][f]['staffelpreise_tab'];
				
				feld.appendChild(f_name);
				if(!isNaN(varianten[i][f]['preis']))
					feld.appendChild(f_preis);
				
				feld.appendChild(br1);
				feld.appendChild(aufpreise_tab);
				feld.appendChild(staffelpreise_tab);
				
				feld.appendChild(button);
				feld.appendChild(br2);
				
				// Zusatz formatieren
				if(varianten[i][f]['zusatz'] != undefined && varianten[i][f]['name']!='') {
					f_zusatz.className = "zusatz";
					f_zusatz.innerHTML = varianten[i][f]['zusatz'];
					feld.appendChild(f_zusatz);
				}
				
				auswahl.appendChild(feld);
			}
		}
		
		br = document.createElement("br");
		br.style.clear = "both";

		popup.appendChild(br);
		
		// Inhalt setzen
		getObj('feld' + i + '_bild').src = varianten[i][ak_varianten[i]]['img_kl'];
		getObj('feld' + i + '_descr').innerHTML = varianten[i][ak_varianten[i]]['name'];
	}
	
	// Focus setzen
	refreshFocus();
	
	changeVar(1,ak_varianten[1]);
	changeVar(2,ak_varianten[2]);
	changeVar(3,ak_varianten[3]);
}

function getObj(obj_id) {
	return document.getElementById(obj_id);
}