<!-- Item Addon for Item:4270 - Copyright bei Habefa.de-->
var jsItemAddonsArray = new Array();
var jsAddonsAva = new Array();
var selectedAddons = new Array();
var selectedAvas = new Array();
var selectedAdditionalField = new Array();
var itm_price = "903.00";
	itm_price = "903.00";
		
var currentDays;
		
if (!jsAddonsAva[4275]) jsAddonsAva[4275] = Array();
	
if (!jsAddonsAva[4275][26579]) jsAddonsAva[4275][26579] = Object();	
jsAddonsAva[4275][26579]["avaDays"] = '30';
jsAddonsAva[4275][26579]["avaText"] = 'ca. 4 Wochen';
jsAddonsAva[4275][26579]["avaIcon"] = '/pictures/availability/2/';
jsAddonsAva[4275][26579]["price"] =  '0.00';
		
if (!jsAddonsAva[4275]) jsAddonsAva[4275] = Array();
	
if (!jsAddonsAva[4275][26580]) jsAddonsAva[4275][26580] = Object();	
jsAddonsAva[4275][26580]["avaDays"] = '30';
jsAddonsAva[4275][26580]["avaText"] = 'ca. 4 Wochen';
jsAddonsAva[4275][26580]["avaIcon"] = '/pictures/availability/2/';
jsAddonsAva[4275][26580]["price"] =  '0.00';
		
if (!jsAddonsAva[4275]) jsAddonsAva[4275] = Array();
	
if (!jsAddonsAva[4275][26581]) jsAddonsAva[4275][26581] = Object();	
jsAddonsAva[4275][26581]["avaDays"] = '14';
jsAddonsAva[4275][26581]["avaText"] = 'ca. 14 Tage';
jsAddonsAva[4275][26581]["avaIcon"] = '/pictures/availability/2/';
jsAddonsAva[4275][26581]["price"] =  '0.00';
		
if (!jsAddonsAva[4275]) jsAddonsAva[4275] = Array();
	
if (!jsAddonsAva[4275][26582]) jsAddonsAva[4275][26582] = Object();	
jsAddonsAva[4275][26582]["avaDays"] = '14';
jsAddonsAva[4275][26582]["avaText"] = 'ca. 14 Tage';
jsAddonsAva[4275][26582]["avaIcon"] = '/pictures/availability/2/';
jsAddonsAva[4275][26582]["price"] =  '0.00';
		
if (!jsAddonsAva[4275]) jsAddonsAva[4275] = Array();
	
if (!jsAddonsAva[4275][26583]) jsAddonsAva[4275][26583] = Object();	
jsAddonsAva[4275][26583]["avaDays"] = '30';
jsAddonsAva[4275][26583]["avaText"] = 'ca. 4 Wochen';
jsAddonsAva[4275][26583]["avaIcon"] = '/pictures/availability/2/';
jsAddonsAva[4275][26583]["price"] =  '0.00';

if (!jsItemAddonsArray[4275]) jsItemAddonsArray[4275] = Array();
	 if (!jsItemAddonsArray[4275][26579]) jsItemAddonsArray[4275][26579] = Array();
jsItemAddonsArray[4275][26579]["price"] = '0.00';
		 if (!jsItemAddonsArray[4275][26580]) jsItemAddonsArray[4275][26580] = Array();
jsItemAddonsArray[4275][26580]["price"] = '0.00';
		 if (!jsItemAddonsArray[4275][26581]) jsItemAddonsArray[4275][26581] = Array();
jsItemAddonsArray[4275][26581]["price"] = '0.00';
		 if (!jsItemAddonsArray[4275][26582]) jsItemAddonsArray[4275][26582] = Array();
jsItemAddonsArray[4275][26582]["price"] = '0.00';
		 if (!jsItemAddonsArray[4275][26583]) jsItemAddonsArray[4275][26583] = Array();
jsItemAddonsArray[4275][26583]["price"] = '0.00';
		 if (!jsItemAddonsArray[4275][26579]) jsItemAddonsArray[4275][26579] = Array();
jsItemAddonsArray[4275][26579]["picture"] = '/pictures/itemAddon/1/Graualuminium_RAL_9007_64a3bd6297ba8.jpg';
		 if (!jsItemAddonsArray[4275][26580]) jsItemAddonsArray[4275][26580] = Array();
jsItemAddonsArray[4275][26580]["picture"] = '/pictures/itemAddon/1/Taubenblau_RAL_5014_64a3bdb552504.jpg';
		 if (!jsItemAddonsArray[4275][26581]) jsItemAddonsArray[4275][26581] = Array();
jsItemAddonsArray[4275][26581]["picture"] = '/pictures/itemAddon/1/Moosgruen_RAL_6005_64a3bdf4bda78.jpg';
		 if (!jsItemAddonsArray[4275][26582]) jsItemAddonsArray[4275][26582] = Array();
jsItemAddonsArray[4275][26582]["picture"] = '/pictures/itemAddon/1/Anthrazitgrau_RAL_7016_64a3be2b3691a.jpg';
		 if (!jsItemAddonsArray[4275][26583]) jsItemAddonsArray[4275][26583] = Array();
jsItemAddonsArray[4275][26583]["picture"] = '/pictures/itemAddon/1/Purpurrot_RAL_3004_64a3be9a1f04b.jpg';
		 if (!jsItemAddonsArray[4275][26579]) jsItemAddonsArray[4275][26579] = Array();
	
jsItemAddonsArray[4275][26579]["text"] = 'Das Kaminholzregal wird in Graualuminium ausgeliefert. ';
if (!jsItemAddonsArray[4275][26580]) jsItemAddonsArray[4275][26580] = Array();
	
jsItemAddonsArray[4275][26580]["text"] = 'Das Kaminholzregal wird in Taubenblau ausgeliefert.';
if (!jsItemAddonsArray[4275][26581]) jsItemAddonsArray[4275][26581] = Array();
	
jsItemAddonsArray[4275][26581]["text"] = 'Das Kaminholzregal wird in Moosgrün ausgeliefert.';
if (!jsItemAddonsArray[4275][26582]) jsItemAddonsArray[4275][26582] = Array();
	
jsItemAddonsArray[4275][26582]["text"] = 'Das Kaminholzregal wird in Anthrzitgrau ausgeliefert. ';
if (!jsItemAddonsArray[4275][26583]) jsItemAddonsArray[4275][26583] = Array();
	
jsItemAddonsArray[4275][26583]["text"] = 'Das Kaminholzregal wird in Purpurrot ausgeliefert. ';

function changeAddons (dd) {
	var strpos1 = strpos (dd.name, "[");
	var strpos2 = strpos (dd.name, "]");
	var showWarn;
	
	var iagId;
	var iaoId;

	iagId = dd.name.substring(strpos1+1, strpos2);
	iaoId = dd.options[dd.selectedIndex].value;

	setPrice (iagId,iaoId);
	showAddonPrice (iagId,iaoId);
	showAddonPicture (iagId,iaoId);
	showAddonText (iagId,iaoId);
	showAddonAdditionalField(iagId,iaoId);
	setAva (iagId,iaoId);
    showFloater();
}

function showAddonPrice (iagId,iaoId) {
		var id = 'addonPrice_'+ iagId;
		var price = parseFloat(jsItemAddonsArray[iagId][iaoId]["price"]);
		if (jsItemAddonsArray[iagId][iaoId]["price"]*1 > 0) {
			
            document.getElementById(id).value = price.toFixed(2)+" &euro;";
			document.getElementById(id+"_div").innerHTML = price.toFixed(2)+" &euro;";
		}
		else {
			document.getElementById(id).value = "";
			document.getElementById(id+"_div").innerHTML = "";
		}
}

function showAddonPicture (iagId,iaoId) {
	var picture = 'pictureItemAddon_'+ iagId;
	if (this.document.images[picture]) this.document.images[picture].src = jsItemAddonsArray[iagId][iaoId]["picture"];
}

function showAddonText (iagId,iaoId) {
		var id = 'addonText_'+ iagId;
		var text = jsItemAddonsArray[iagId][iaoId]["text"];
		document.getElementById(id).innerHTML = text;
}
function showAddonAdditionalField (iagId,iaoId) {
	
        var id = 'addonAdditionalField_'+ iagId;
		var divId = 'addonAdditionalFieldText_'+ iagId;
		var divId2 = 'addonAdditionalFieldText2_'+ iagId;
		var text = jsItemAddonsArray[iagId][iaoId]["additionalFieldText"];
	
		var wrapper = '#aAFWrapper_'+ iagId;
        
		if (text == undefined) {
			if (document.getElementById(id) != null) {
    			document.getElementById(id).value = "";				
                document.getElementById(id).style.visibility = 'hidden';
				document.getElementById(divId).style.display = 'none';
				document.getElementById(divId2).style.display = 'none';
                $(wrapper).css('display', 'none');
			}
		}
		else {	
			document.getElementById(divId).style.display = 'inline';
			document.getElementById(divId2).style.display = 'inline';
			document.getElementById(divId).innerHTML = text;
			document.getElementById(id).style.visibility = 'visible';
            $(wrapper).css('display', 'block');
		}
}

function setPrice (iagId,iaoId) {
		
	var actualPrice;
	var variantPrice;
	var price;
		
	selectedAddons[iagId] = jsItemAddonsArray[iagId][iaoId]["price"]*1;

	variantPrice = 0;
	for (iag in selectedAddons){
		price = parseFloat(selectedAddons[iag]);
		variantPrice = variantPrice + price;
	}

	actualPrice = variantPrice + parseFloat(itm_price);
	
	if (actualPrice != itm_price) $("#price").html("Preis inkl. Artikelvarianten & Zubeh&ouml;r: " + actualPrice.toFixed(2)+" &euro;");
    else $("#price").html("");
	
    $("#priceFloater").html(actualPrice.toFixed(2)+" &euro;");
    
}

function setAva (iagId,iaoId) {
	var selectedDays = parseInt(0);

	if(jsAddonsAva[iagId]== null) return true;
	selectedAvas[iagId] = iaoId;


	for (iagId in selectedAvas){
		iaoId = selectedAvas[iagId];
		
		if (selectedDays <= parseInt(jsAddonsAva[iagId][iaoId]["avaDays"])){
			selectedDays = parseInt(jsAddonsAva[iagId][iaoId]["avaDays"]);		
			selectedIagId = iagId;	
			selectedIaoId = iaoId;	
		}
	}

	if (selectedDays == 0) {
		var token = "defaultIaoId_" + iagId;
		var defIaoId = this.document.form1.elements[token].value
		document.getElementById('avaText').innerHTML = this.document.form1.defaultText.value;
		document.getElementById('avaText2').innerHTML = this.document.form1.defaultText.value;
		document.getElementById('avaText3').innerHTML = this.document.form1.defaultText.value;
		this.document.form1.actualDays.value = jsAddonsAva[iagId][defIaoId]["avaDays"];
		$("#avaWarn").html("").hide();
        $("#avaWarn2").html("").hide();
	}
	else if (this.document.form1.defaultDays.value < selectedDays) {
		document.getElementById('avaText').innerHTML = jsAddonsAva[selectedIagId][selectedIaoId]["avaText"];
		document.getElementById('avaText2').innerHTML = jsAddonsAva[selectedIagId][selectedIaoId]["avaText"];
		document.getElementById('avaText3').innerHTML = jsAddonsAva[selectedIagId][selectedIaoId]["avaText"];
		this.document.form1.actualDays.value = jsAddonsAva[selectedIagId][selectedIaoId]["avaDays"];
		$("#avaWarn").html("Achtung die Versandzeit wurde ge&auml;ndert").show();
        $("#avaWarn2").html("Achtung die Versandzeit wurde ge&auml;ndert").show();
	}
	else if (this.document.form1.defaultDays.value == selectedDays) {
		document.getElementById('avaText').innerHTML = jsAddonsAva[selectedIagId][selectedIaoId]["avaText"];
		document.getElementById('avaText2').innerHTML = jsAddonsAva[selectedIagId][selectedIaoId]["avaText"];
		document.getElementById('avaText3').innerHTML = jsAddonsAva[selectedIagId][selectedIaoId]["avaText"];
		this.document.form1.actualDays.value = jsAddonsAva[selectedIagId][selectedIaoId]["avaDays"];
		$("#avaWarn").html("").hide();
        $("#avaWarn2").html("").hide();
	}
	else {
		$("#avaWarn").html("").hide();
        $("#avaWarn2").html("").hide();
		document.getElementById('avaText').innerHTML = this.document.form1.defaultText.value;
		document.getElementById('avaText2').innerHTML = this.document.form1.defaultText.value;
		document.getElementById('avaText3').innerHTML = this.document.form1.defaultText.value;
	}	
 }
function strpos(str, ch) {
	for (var i = 0; i < str.length; i++) {
		if (str.substring(i, i+1) == ch) return i;
	}
}

function showFloater() {
	document.getElementById('divItemFloater').style.display = "block";
}

function toggleFloatersize() {
	if (document.getElementById('divItemFloaterContent').style.display == "block") {
		document.getElementById('divItemFloaterContent').style.display = "none";
		$("#floaterButton").html('<span class="glyphicon glyphicon-chevron-up"></span>');
    }
    else {
	    document.getElementById('divItemFloaterContent').style.display = "block";
    	$("#floaterButton").html('<span class="glyphicon glyphicon-chevron-down"></span>');
    }
}