var productive = true;
var imageLinkVal = '';
var imageIdVal = '';

function changeImage(image, value, price, discPrice) {
	var img = document.getElementById(image);
	var popupLink = document.getElementById('popup_link');
	var typepos = img.src.search('[^.]*$');
	var type = img.src.substr(typepos);
	var pathend = img.src.search('[^/]*$');
	var path = img.src.substr(0, pathend);
	var lengtimage_name = img.src.length - pathend - type.length - 1;
	var curimage = img.src.substr(pathend, lengtimage_name);
	var postfix_start = curimage.search('[^_]*$');
	var image_wo_postfix = curimage.substr(0, postfix_start -1);
	var noting2Change = false;
	//confirm(image_wo_postfix + ' ' +postfix_start);
//confirm(image +' ' + value + ' ' + price);

	//confirm(pathend + ' ' + path);

   /** Productive */
	/*
	if (productive) {
		switch ( value ) {
			case '4':
				value = 1;
				break;
			case '5':
				value = 2;
				break;
			case '6':
				value = 3;
				break;
			case '10':
				value = 4;
				break;
			case '11':
				value = 5;
				break;
			case '12':
				value = 6;
				break;
			case '13':
				value = 7;
				break;
			case '14':
				value = 8;
				break;
			case '15':
				value = 9;
				break;
			case '17':
				value = 20;
				break;
			case '18':
				value = 30;
				break;
			case '19':
				value = 31;
				break;
			case '24':
				value = 10;
				break;
			case '18':
				value = 30;
				break;
			case '28':
				value = 11;
				break;
			case '25':
				value = 50;
				break;
			case '26':
				value = 51;
				break;
			case '27':
				value = 52;
				break;
			case '50':
				value = 11;
				break;
			case '51':
				value = 53;
				break;
			default:
				noting2Change = true; 
				//confirm('unknown ' + value);
				break;
		}
	} else {
*/
		/** Testsystem */
		/*
		switch ( value ) {
			case '29':
				value = 1;
				break;
			case '5':
				value = 2;
				break;
			case '6':
				value = 3;
				break;
			case '10':
				value = 4;
				break;
			case '11':
				value = 13;
				break;
			case '12':
				value = 15;
				break;
			case '13':
				value = 8;
				break;
			case '14':
				value = 10;
				break;
			case '15':
				value = 6;
				break;
			case '17':
				value = 20;
				break;
			case '18':
				value = 30;
				break;
			case '19':
				value = 31;
				break;
			case '28':
				value = 11;
				break;
			case '30':
				value = 50;
				break;
			case '31':
				value = 51;
				break;
			case '32':
				value = 52;
				break;
			case '65':
				value = 11;
				break;
			case '66':
				value = 53;
				break;
			default:
				noting2Change = true;
				//confirm("Cannot MAP" +value);
		}
	}
*/	
	var tmpVal = mapAttrIdToColorId(value);
	if(tmpVal != 0 ) {
		value = tmpVal;
	} else {
		noting2Change = true;
	}
	
	if ( price != '' && discPrice != '') {
		var price_out = document.getElementById('oldPrice');
		//confirm(price_out + '/' +  price_out.firstChild.nodeValue + '/' + price);
		price_out.firstChild.nodeValue = price;
		price_out = document.getElementById('newPrice');
		//confirm(price_out + '/' +  price_out.firstChild.nodeValue + '/' + discPrice);
		price_out.firstChild.nodeValue = discPrice;
	} else if (price != '' && discPrice == '') {
		var price_out = document.getElementById('price');
		price_out.firstChild.nodeValue = price;
	}
	

	if ( !noting2Change ) {
		var new_name = path + image_wo_postfix + '_' + value + '.' + type;
		//confirm(new_name + 'po ' + popupLink );
		popupLink.href = new_name;
		img.src = new_name;
	}
	
	setProductId();
}
function setOptionValues(imageLink, imageId) 
{
	imageLinkVal = imageLink;
	imageIdVal   = imageId;
}

function setOption() {
	var imageNr = retrieveNumberFromImage(imageIdVal);
	//confirm("IMAGE " + imageNr);
	//confirm (imageLink + ' ' +imageId + ' ' + imageNr);
	//confirm( 'color_' + mapColorIdToAttrId(imageNr));
	var option = document.getElementById('color_'+ mapColorIdToAttrId(imageNr));
	//var option2 = document.getElementById('color_8');
	//confirm('OPTION');
	//confirm(option2.checked);
	if ( option ) {
		if(option.checked == false ) {
			option.checked = true;
		} else {
			//confirm("option.checked");
		}
	}
	/*
	if(option2.checked == false ) {
		option2.checked = true;
	} else {
		//confirm("option2.checked");
   }*/

	//confirm(option2);
}
	
function retrieveNumberFromImage(imageId) {
	var img = document.getElementById(imageId);
	if (!img) {
		//confirm("UPPS:"+imageId);
		return 0;
	}
	var typepos = img.src.search('[^.]*$');
	var type = img.src.substr(typepos);
	var pathend = img.src.search('[^/]*$');
	var lengtimage_name = img.src.length - pathend - type.length - 1;
	var curimage = img.src.substr(pathend, lengtimage_name);
	var postfix_start = curimage.search('[^_]*$');
	//confirm("post" + postfix_start);
	if (postfix_start == 0) {
		return 0;
	} else {
		var imgNr = curimage.substr(postfix_start);
		return(imgNr);
	}
}

function mapAttrIdToColorId(attr) {
	var retVal = 0;
   /** Productive */
	if (productive) {
		switch ( attr ) {
			case '4':
				retVal = 1;
				break;
			case '5':
				retVal = 2;
				break;
			case '6':
				retVal = 3;
				break;
			case '10':
				retVal = 4;
				break;
			case '11':
				retVal = 5;
				break;
			case '12':
				retVal = 6;
				break;
			case '13':
				retVal = 7;
				break;
			case '14':
				retVal = 8;
				break;
			case '15':
				retVal = 9;
				break;
			case '24':
				retVal = 10;
				break;
			case '28':
				retVal = 11;
				break;
			case '17':
				retVal = 20;
				break;
			case '18':
				retVal = 30;
				break;
			case '19':
				retVal = 31;
				break;
			case '52':
				retVal = 32;
				break;
			case '25':
				retVal = 50;
				break;
			case '26':
				retVal = 51;
				break;
			case '27':
				retVal = 52;
				break;
			case '51':
				retVal = 53;
				break;
			case '50':
				retVal = 11;
				break;
			default:
				retVal = 0; 
				//confirm('unknown ' + value);
				break;
		}
	} else {

		/** Testsystem */
		switch ( attr ) {
			case '29':
				retVal = 1;
				break;
			case '5':
				retVal = 2;
				break;
			case '6':
				retVal = 3;
				break;
			case '10':
				retVal = 4;
				break;
			case '11':
				retVal = 13;
				break;
			case '12':
				retVal = 15;
				break;
			case '13':
				retVal = 8;
				break;
			case '14':
				retVal = 10;
				break;
			case '15':
				retVal = 6;
				break;
			case '17':
				retVal = 20;
				break;
			case '18':
				retVal = 30;
				break;
			case '19':
				retVal = 31;
				break;
			case '28':
				retVal = 11;
				break;
			case '30':
				retVal = 50;
				break;
			case '31':
				retVal = 51;
				break;
			case '32':
				retVal = 52;
				break;
			case '65':
				retVal = 11;
				break;
			case '66':
				retVal = 53;
				break;
			case '67':
				retVal = 32;
				break;
			default:
			retVal = 0;
			//	noting2Change = true;
				//confirm("Cannot MAP" +value);
		}
	}
	return retVal;
}

function mapColorIdToAttrId(color) {
	retValue = 0;
	/** Productive */
	if (productive) {
		switch ( color ) {
			case '1':
				retValue = 4;
				break;
			case '2':
				retValue = 5;
				break;
			case '3':
				retValue = 6;
				break;
			case '4':
				retValue = 10;
				break;
			case '5':
				retValue = 11;
				break;
			case '6':
				retValue = 12;
				break;
			case '7':
				retValue = 13;
				break;
			case '8':
				retValue = 14;
				break;
			case '9':
				retValue = 15;
				break;
			case '10':
				retValue = 24;
				break;
			case '11':
				retValue = 50;
				break;
			case '20':
				retValue = 17;
				break;
			case '30':
				retValue = 18;
				break;
			case '31':
				retValue = 19;
				break;
			case '32':
				retValue = 52;
				break;
			case '50':
				retValue = 25;
				break;
			case '51':
				retValue = 26;
				break;
			case '52':
				retValue = 27;
				break;
			case '53':
				retValue = 51;
				break;
			default:
				//confirm('unknown ' + color);
				break;
		}
	} else {

		/** Testsystem */
		switch ( color ) {
			case '1':
				retValue = 29;
				break;
			case '2':
				retValue = 5;
				break;
			case '3':
				retValue = 6;
				break;
			case '4':
				retValue = 10;
				break;
			case '13':
				retValue = 11;
				break;
			case '15':
				retValue = 12;
				break;
			case '8':
				retValue = 13;
				break;
			case '10':
				retValue = 14;
				break;
			case '11':
				retValue = 65;
				break;
			case '6':
				retValue = 15;
				break;
			case '20':
				retValue = 17;
				break;
			case '30':
				retValue = 18;
				break;
			case '31':
				retValue = 19;
				break;
			case '32':
				retValue = 67;
				break;
			case '50':
				retValue = 30;
				break;
			case '51':
				retValue = 31;
				break;
			case '52':
				retValue = 32;
				break;
			case '53':
				retValue = 66;
				break;
			default:
				//confirm('unknown color' + color);
				break;
		}
	}
	
	
	return retValue;
}

function changeTextStick(attr, value) {
	//confirm ('x ' + attr + 'v ' + value);
	var text_out  = document.getElementById('wunschtext_out');
	var text_in  = document.getElementById('wunschtext_in');
	var img = document.getElementById('produkt_bild');
	var color    = 'dunkelrot';
	var size     = 'L';
	var font     = 'Comic';

	
	//confirm(img.src);
	
	// save old values
	var dummy = img.src;
   var parameter = img.src.split('?')
	if (parameter[1]) {
		parameter = parameter[1].split('&');
		for(i=0; i<parameter.length; i++) {
			name = parameter[i].split('=')[0];
			val  = parameter[i].split("=")[1];
			switch(name) {
				case 'farbe':
					color = val;
					break;
				case 'size':
					size = val;
					break;
				case 'Font':
					font = val;
					break;
				default:
					//ignore
					break;
			}
		}
	}
	//text_in.value = text_in.value.toUpperCase();
   //confirm('<G' + color + 'T ' + size);
   //confirm('<G' + attr + 'T ' + value);

	if (attr == 'Farbe') {
		switch(value) {
			case 'dunkelrot':
			case 'enzianblau':
			case 'tattoogruen':
			case 'tattoobraun':
				color = value;
				break;
			default:
				//confirm('unknown' + attr + 'T ' + value);
			   break;
		}
	}
	
	if (attr == 'Groesse') {
		size = value;
	} else if ( attr == 'Font') {
		font = value;
	}
	//confirm ('x ' + text_in + 'v ' + text_out);
	
	var myText = text_in.value;
	if(myText.length > 36) {
	var dummy = myText;
	myText= "";
	var pos = 0;
		for (var i = 0; i <= 10 && pos <= text_in.value.length; i++) {
			var temp = dummy.substr(pos,36);
			myText = myText + temp;
			myText = myText + "\n";
			pos = 36 + pos;
		}
   }
	
	//setPriceStick(myText, size);
	
	text_out.firstChild.nodeValue = myText;
	
	img.src = 'show_stitch.php?text='+text_in.value 
	           +'&farbe='+color+'&size='+size+'&Font='+font;
	//confirm(img.src);			  
}

function changeTextWand(attr, value) {
	//confirm ('x ' + attr + 'v ' + value);
	var text_out  = document.getElementById('wunschtext_out');
	var text_in  = document.getElementById('wunschtext_in');
	var img = document.getElementById('produkt_bild');
	var color    = 'dunkelrot';
	var size     = 'L';
	var font     = 'Comic';

	
	//confirm(img.src);
	
	// save old values
	var dummy = img.src;
   var parameter = img.src.split('?')
	if (parameter[1]) {
		parameter = parameter[1].split('&');
		for(i=0; i<parameter.length; i++) {
			name = parameter[i].split('=')[0];
			val  = parameter[i].split("=")[1];
			switch(name) {
				case 'farbe':
					color = val;
					break;
				case 'size':
					size = val;
					break;
				case 'Font':
					font = val;
					break;
				default:
					//ignore
					break;
			}
		}
	}
	text_in.value = text_in.value.toUpperCase();
   //confirm('<G' + color + 'T ' + size);
   //confirm('<G' + attr + 'T ' + value);

	if (attr == 'Farbe') {
		switch(value) {
			case 'dunkelrot':
			case 'enzianblau':
			case 'tattoogruen':
			case 'tattoobraun':
				color = value;
				break;
			default:
				//confirm('unknown' + attr + 'T ' + value);
			   break;
		}
	}
	
	if (attr == 'Groesse') {
		size = value;
	} else if ( attr == 'Font') {
		font = value;
	}
	//confirm ('x ' + text_in + 'v ' + text_out);
	
	var myText = text_in.value;
	if(myText.length > 36) {
	var dummy = myText;
	myText= "";
	var pos = 0;
		for (var i = 0; i <= 10 && pos <= text_in.value.length; i++) {
			var temp = dummy.substr(pos,36);
			myText = myText + temp;
			myText = myText + "\n";
			pos = 36 + pos;
		}
   }
	
	setPriceWand(myText, size);
	
	text_out.firstChild.nodeValue = myText;
	
	img.src = 'show_wand.php?text='+text_in.value 
	           +'&farbe='+color+'&size='+size+'&Font='+font;
	//confirm(img.src);			  
}

function changeText(attr, value) {
	//confirm ('x ' + attr + 'v ' + value);
	var text_out  = document.getElementById('wunschtext_out');
	var text_in  = document.getElementById('wunschtext_in');
	var img = document.getElementById('produkt_bild');
	var color    = 'weiss';
	var size     = 'S';
	var font     = 'Comic';

	
	//confirm(img.src);
	
	// save old values
	var dummy = img.src;
   var parameter = img.src.split('?')
	if (parameter[1]) {
		parameter = parameter[1].split('&');
		for(i=0; i<parameter.length; i++) {
			name = parameter[i].split('=')[0];
			val  = parameter[i].split("=")[1];
			switch(name) {
				case 'farbe':
					color = val;
					break;
				case 'size':
					size = val;
					break;
				case 'Font':
					font = val;
					break;
				default:
					//ignore
					break;
			}
		}
	}
	text_in.value = text_in.value.toUpperCase();
   //confirm('<G' + color + 'T ' + size);
   //confirm('<G' + attr + 'T ' + value);

	if (attr == 'Farbe') {
		switch(value) {
			case 'hellblau':
			case 'zitronengelb':
			case 'magenta':
			case 'orange':
			case 'signalrot':
			case 'azurblau':
			case 'schwarz':
			case 'gruen':
			case 'weiss':
			case 'braun':
			case 'gold':
			case 'lila':
				color = value;
				break;
			default:
				//confirm('unknown' + attr + 'T ' + value);
			   break;
		}
	}
	
	if (attr == 'Groesse') {
		size = value;
	} else if ( attr == 'Font') {
		font = value;
	}
	//confirm ('x ' + text_in + 'v ' + text_out);
	
	var myText = text_in.value;
	if(myText.length > 36) {
	var dummy = myText;
	myText= "";
	var pos = 0;
		for (var i = 0; i <= 10 && pos <= text_in.value.length; i++) {
			var temp = dummy.substr(pos,36);
			myText = myText + temp;
			myText = myText + "\n";
			pos = 36 + pos;
		}
   }
	
	setPrice(myText, size);
	
	text_out.firstChild.nodeValue = myText;
	
	img.src = 'show_tshirt.php?text='+text_in.value 
	           +'&farbe='+color+'&size='+size+'&Font='+font;
	//confirm(img.src);			  
}

function setPriceStick(text, size) {
	var price = 1;
	var multi = 1;

	switch(size) {
		case 'L':
			multi = 3.5;
			break;
		case 'XL':
			multi =4;
			break;
		case 'XXL':
			multi =5;
			break;
	}
   text = text.replace(/ /,'');
	price = text.length * multi * price;
	
	var price_out = document.getElementById('price');
	var outprice = price.toFixed(2) + ' EUR';
	outprice = outprice.replace(/\./,',');
	//confirm("price_out: "+outprice);
	price_out.firstChild.nodeValue = outprice;
}

function setPriceWand(text, size) {
	var price = 1;
	var multi = 1;

	switch(size) {
		case 'S':
			multi = 1.2;
			break;
		case 'M':
			multi = 1.9;
			break;
		case 'L':
			multi = 3.9;
			break;
		case 'XL':
			multi =5.9;
			break;
	}
   text = text.replace(/ /,'');
	price = text.length * multi * price;
	
	var price_out = document.getElementById('price');
	var outprice = price.toFixed(2) + ' EUR';
	outprice = outprice.replace(/\./,',');
	//confirm("price_out: "+outprice);
	price_out.firstChild.nodeValue = outprice;
}

function setPrice(text, size) {
	var price = 1;
	var multi = 1;

	switch(size) {
		case 'S':
			multi =0.2;
			break;
		case 'M':
			multi = 0.35;
			break;
		case 'L':
			multi = 0.5;
			break;
		case 'XL':
			multi =1.1;
			break;
		case 'XXL':
			multi =1.8;
			break;
	}
   text = text.replace(/ /,'');
	price = text.length * multi * price;
	
	var price_out = document.getElementById('price');
	var outprice = price.toFixed(2) + ' EUR';
	outprice = outprice.replace(/\./,',');
	//confirm("price_out: "+outprice);
	price_out.firstChild.nodeValue = outprice;
}


function changeImageTafel(image, value) {
	var img = document.getElementById(image);
	var popupLink = document.getElementById('popup_link');
	var pathend = img.src.search('[^/]*$');
	var path = img.src.substr(0, pathend);

	var postfix_start = img.src.search('[^_]*$');
	var image_postfix = img.src.substr(postfix_start-1);
	var noting2Change = false;

   /** Productive */
	if (productive) {
		switch ( value ) {
			case '33':
				value = 'spatz';
				break;
			case '32':
				value = 'dino';
				break;
			case '31':
				value = 'eye';
				break;
			case '30':
				value = 'liese'
					break;
			case '29':
				value = 'grummel';
				break;
			case '28':
				value = 'albert';
				break;
			default:
				noting2Change = true;
				//confirm(value);
		}
	} else {	
		/** Testsystem */
		switch ( value ) {
			case '38':
				value = 'spatz';
				break;
			case '37':
				value = 'dino';
				break;
			case '36':
				value = 'eye';
				break;
			case '35':
				value = 'liese'
					break;
			case '34':
				value = 'grummel';
				break;
			case '33':
				value = 'albert';
				break;
			default:
				noting2Change = true;
				//confirm(value);
		}
	}
	
	if ( !noting2Change ) {
		var new_name = path + value + image_postfix;
		//confirm(new_name + 'po ' + popupLink );
		popupLink.href = new_name;
		img.src = new_name;
	}
}

function setProductId() {
	var color = 0;
	var size  = '';
		
	var option1 = document.getElementsByName('id[1]');
	if (option1) {
		for(var i=0; i<option1.length; i++) {
			if(option1.item(i).checked) {
				color = mapAttrIdToColorId(option1.item(i).id.substr(6));
			}
		}
	}
	
	var option2 = document.getElementsByName('id[2]');
	if (option2) {
		for(var i=0; i<option2.length; i++) {
			if(option2.item(i).checked) {
				switch(option2.item(i).id.substr(6)) {
					case '22':
						size = 'XL';
						break;
					case '8':
						size = 'M';
						break;
					case '9':
						size = 'L';
						break;
				}
			}
		}
	}
	
	var productId = document.getElementById('model');
	if (productId ) {
		var baseValue = productId.firstChild.nodeValue.substr(0,6);

		if (color != 0) {
			baseValue = baseValue + '-' + color;
		}
		if (size != '') {
			baseValue = baseValue + '-' + size;
		}
		productId.firstChild.nodeValue = baseValue;
	}
}