var showbox = true;
var lasttime = 0;
var thistime = 0;
var ishover = false;
var sihover = true;
var timer;
var offTop = 0;
var offHeigth = 0;
//document.window.onscroll = test();
function tableOpt_init(dummy){
	var stock = document.getElementById("mega-kosten").innerHTML;
	stock = stock.replace(".", "");
	stock = stock.replace("Ab", "");
	stock = stock.replace("ab", "");
	stock = stock.replace(" ", "");
	stock = stock.replace(",", ".");
	stock = parseFloat(stock);
	document.getElementById("orig_price").innerHTML=stock;
	tableOpt_getCat('init');
}

function tableOpt_getCat(id){
	if(id != 'init'){
		yourselect('open');
	}else{
		//offTop = document.getElementById('optionstable').offsetTop;
		//offHeigth = document.getElementById('optionstable').offsetHeight;
	}
	var last = document.getElementById('last').innerHTML;
	var lastCAT = document.getElementById('lastCAT').innerHTML;
	for(var i=0;i<last;++i){
		var cur = document.getElementById('sel'+i).checked;
		if(cur == true){
			var curPrice = document.getElementById('price'+i).innerHTML;
			var curCAT = document.getElementById('price'+i).className;
			document.getElementById(curCAT).innerHTML = curPrice;
			
		}
	}
	
	// #######
	// Kategoriepreis
	// #######
	var out = 0;
	for(var i=0;i<lastCAT;++i){
		var cur = document.getElementById('catPrice'+i).innerHTML
		var curArray = cur.split(' ');
		if(curArray[1]){
			if(curArray[0] == '-'){
				out = out-parseInt(curArray[1].replace(',', '.'));
			}else{
				out = out+parseInt(curArray[1].replace(',', '.'));
			}
		}
		//out += cur;
		//alert(cur);
		/*if(cur == true){
			var curPrice = document.getElementById('price'+i).innerHTML;
			var curCAT = document.getElementById('price'+i).className;
			//alert(curCAT);
			document.getElementById(curCAT).innerHTML = curPrice;
			//var curPrice = curPrice +"\n"+ document.getElementById('price'+i).innerHTML;
		}*/
	}
	var origPrice = document.getElementById('orig_price').innerHTML;
	out = out+parseInt(origPrice.replace(',', '.'))
	document.getElementById('mega-kosten').innerHTML = 'Ihr Preis: ' + out + ' EUR';
	document.getElementById('kosten').innerHTML = 'Ihr Preis: ' + out + ' EUR';	
	document.getElementById('show-Price').innerHTML = 'Ihr Preis: <br /><strong>' + out + ' EUR</strong>';	
}


function toggleClass(id, before, after){
				if(!after){
					after = before;
					before = false;
				}
				var attr = document.getElementById(id).className;
				if(attr.indexOf(" "+ after) == -1 && attr.indexOf(after) != 0){
					if(before && attr.indexOf(before) != -1){
						attr = attr.replace(before, "");
					}
					attr = after + " " + attr;
					document.getElementById(id).setAttribute("class", attr); 
				}
				alert(after);	
			}
function bgOpen(id, opa, max){
		//alert(imgLbg[0]);
		//getBg = 
		//document.getElementById('multiform').innerHTML += opa+"<br>";
		opa += 15;
		if(opa < max){
			
			//getBg.opacity = ;
			//getBg.filter = '';
			document.getElementById(id).setAttribute('style','opacity:0.'+opa+';');
			document.getElementById(id).style.filter = 'Alpha(opacity='+opa+')';
			setTimeout(function(){bgOpen(id, opa, max);}, 60);
		}
		else{
			if(max < 100){
				document.getElementById(id).setAttribute('style','opacity:0.'+max+';');
			}else{
				document.getElementById(id).setAttribute('style','opacity:1.0;');
			}
		}
	}
function bgClose(id, opa, min){
		getBg = document.getElementById(id);
		opa -= 10;
		if(opa >= 15 && opa > min){
			getBg.style.opacity = '0.'+((opa<10)?'0'+opa:opa);
			getBg.style.filter = 'Alpha(opacity='+opa+')';
		
			setTimeout(function(){bgClose(id, opa, min)}, 60);
		}
		else{
			if(min == 0){
				getBg.className = "hidden";
				getBg.style.opacity = '0';
			}
		}
}

function yourselect(parm){
if(showbox == true){
	id = 'show-Box';
	if(parm == 'close'){
		document.getElementById(id).className = 'hidden';
	}
	else {
		if(document.getElementById('show-Box').className == 'hidden'){
			document.getElementById(id).className = 'visible';
			bgOpen(id, 0, 60);
		}else{
			bgOpen(id, 60, 100);
			setTimeout(function(){bgClose(id, 100, 60)}, 300);
		}
	}
}
}

function showme(id, token){
	if(showbox == true && sihover == true){
		bgOpen(id, 60, 100);
	}
	ishover = true;
}

function dimmerme(id, token){
	if(token == false){
		ishover = false;
		sihover = false;
		clearTimeout(timer);
		timer = setTimeout(function(){dimmerme(id, true)}, 200);
	}else{
		if(showbox == true && ishover == false){
			bgClose(id, 100, 60);
			sihover = true;
		}
	}
}
function exitme(id){
	showbox = false;
	bgClose(id, 100, 0);
}