var radios = 0;
var infoDiv = '';
var form = '';
function initSlider(){
	form = document.getElementById('tx-tw361-amount');
	var labels = form.getElementsByTagName('label');
	var checked = 0;
	for(var i = 0; i < labels.length; ++i){
		labels[i].style.display = 'none';
	}
	for(var j = 0; j < form.elements.length; ++j){
		if(form.elements[j].type == 'radio'){
			++radios;
			if(form.elements[j].checked){
				checked = radios;
			}
		}
		form.elements[j].style.display = 'none';
	}
	
	divHeight = Math.floor(300 / radios);
	
	for(var z = radios; z > 0; --z){
		var div = document.createElement('div');
		div.setAttribute('id', 'amount'+z);
//		div.setAttribute('onmouseover', 'amountsHover('+z+')');
		div.onmouseover = new Function("amountsHover("+z+")");
		div.onclick = new Function("sendForm("+z+")");
		div.className = 'level';
		div.style.height = divHeight+'px';
		div.style.display = 'none';
//		div.style.backgroundColor = colorHEX;
		form.appendChild(div);
		Effect.Appear('amount'+z,{ duration: 1.0 });
	}
	
	infoDiv = document.createElement('div');
	infoDiv.setAttribute('id', 'height-info');
	infoDiv.innerHTML = textInfoEmpty;
	form.appendChild(infoDiv);
	
	if(checked != 0){
		amountsHover(checked);
	}
}

function amountsHover(z){
	for(var x = 1; x <= radios; ++x){
		allDivs = document.getElementById('amount'+x);
		allDivs.className = 'level';
		allDivs.style.backgroundColor = '';
		allDivs.style.backgroundImage = '';
	}
	for(var y = z; y > 0; --y){
		setDivs = document.getElementById('amount'+y);
		setDivs.className = 'level-hover';
		setDivs.style.backgroundColor = '';
		setDivs.style.backgroundImage = 'url(http://fischerundfritze.de/'+texture+')';
	}
	infoDiv.innerHTML = textInfoLevel+': '+z+'<br/>'+textInfoCurrentHeight+': '+(z * size)+' cm';
}

function sendForm(val){
	for(var j = 0; j < form.elements.length; ++j){
		if(form.elements[j].type == 'radio'){
			form.elements[j].checked = false;
		}
	}
	document.getElementById('radio'+val).checked = true;
	form.submit();
}

// ---------------------------------------------
// Drag&Drop Warenkorb
// ---------------------------------------------
function basketSort(){
//	alert('sort');
//	alert($('basket-list'));
	Sortable.create('basket-list', {
//		alert($('basket-list'));
		tag:'li',
// 			handle:'',
		onStart:function(dgbl){
			dgbl.element.addClassName('dragging');
		},onEnd:function(dgbl){
			dgbl.element.removeClassName('dragging');
		},starteffect:Prototype.emptyFunction,endeffect:Prototype.emptyFunction,markDropZone:false,onUpdate:tws_setItemOrder,constraint:false
	});
}
function tws_setItemOrder(srbl) {
	$('basket-form').elements["basketOrder"].value = Sortable.sequence(srbl).join(',');
}