var openBox = null;

closeAllTips = function(){
	if(openBox){
		openBox.css({"display" : "none"});
		openBox = false;
	}
}

$(document).ready(function(){
	var flyoutAction = function(e){
		var tipbox = $("#"+this.href.split("#")[1]);
		var closeButton = $("#"+this.href.split("#")[1] + " a[href=#]");
		var boxareo = $("#"+this.href.split("#")[1]+ " .fly_out_content > div");
		
		boxareo.css({
			"top" : "36px"
		});


		closeAllTips();
		openBox = tipbox;
		closeButton.attr("onclick", "");
		closeButton.click(function(e){
			closeAllTips();
			e.stopPropagation? e.stopPropagation() : e.cancelBubble = true;
			e.preventDefault? e.preventDefault() : e.returnValue = false;
		});
		if(jQuery.browser.msie){
		
			if(parseInt(jQuery.browser.version.split(".")[0]) < 7){
				var top = parseInt(e.pageY)-54;
			}else{
				var top = parseInt(e.pageY)-87;
			}
		}else{
			var top = parseInt(e.pageY)-87;
		}
		tipbox.css({
			"position" : "absolute",
			"display" : "block",
			"visibility" : "visible",
			"top":   top+ "px",
			"left":  403 + "px"
		});
		e.stopPropagation? e.stopPropagation() : e.cancelBubble = true;
		e.preventDefault? e.preventDefault() : e.returnValue = false;

	}


	var flyoutActionContent = function(e){
		var tipbox = $("#"+this.href.split("#")[1]);
		var closeButton = $("#"+this.href.split("#")[1] + " a[href=#]");
		var boxareo = $("#"+this.href.split("#")[1]+ " .fly_out_content > div");
		
		boxareo.css({
			"top" : "36px"
		});


		closeAllTips();
		openBox = tipbox;
		closeButton.attr("onclick", "");
		closeButton.click(function(e){
			closeAllTips();
			e.stopPropagation? e.stopPropagation() : e.cancelBubble = true;
			e.preventDefault? e.preventDefault() : e.returnValue = false;
		});
		if(jQuery.browser.msie){
		
			if(parseInt(jQuery.browser.version.split(".")[0]) < 7){
				var top = parseInt(e.pageY)-54;
			}else{
				var top = parseInt(e.pageY)-87;
			}
		}else{
			var top = parseInt(e.pageY)-87;
		}
		tipbox.css({
			"position" : "absolute",
			"display" : "block",
			"visibility" : "visible"
		});
		tipbox.css("cssText", "position : absolute; display:block; visibility:visible; top: " +top+ "px !important; left: 561px;");

		e.stopPropagation? e.stopPropagation() : e.cancelBubble = true;
		e.preventDefault? e.preventDefault() : e.returnValue = false;

	}

	$("#option-column a[title=Info]").click(flyoutAction);
	$(".fly-out-info").click(flyoutAction);
	$(".fly-out-info-content").click(flyoutActionContent);

	$(".order .button").mouseover(function(){
		this.style.display = "block";
		this.style.backgroundImage = "url(/kabelbw/export/sites/default/bilder/ck20_btn_bestellen01.gif)";
		this.style.backgroundRepeat = "no-repeat";
		this.style.backgroundPosition = "-1px -22px";
	});
	
		
	$(".order .button").mouseout(function(){
		this.style.display = "block";
			this.style.backgroundImage = "url(/kabelbw/export/sites/default/bilder/ck20_btn_bestellen01.gif)";
			this.style.backgroundRepeat = "no-repeat";
			this.style.backgroundPosition = "-1px 0px";
		
	});

	$(".step-navi .next").mouseover(function(){
		this.className = "next-selected";
	});
	$(".step-navi .next").mouseout(function(){
		this.className = "next";
	});

	$(".step-navi .previous").mouseover(function(){
		this.className = "previous-selected";
	});
	$(".step-navi .previous").mouseout(function(){
		this.className = "previous";
	});
});