var popupStatus = 0;

function loadPopup(id_name){
	if(popupStatus==0){
		$(".popup_bg").css({
			"opacity": "0.5"
		});
		$(".popup_bg").fadeIn("slow");
		$(id_name).fadeIn("slow");
		popupStatus = 1;
	}
}

function disablePopup(id_name){
	if(popupStatus==1){
		$(".popup_bg").fadeOut("slow");
		$(id_name).fadeOut("slow");
		popupStatus = 0;
	}
}

function centerPopup(id_name){
	var windowHeight = document.documentElement.clientHeight;
	var windowWidth = document.body.clientWidth;
	var popupHeight = $(id_name).height();
	var popupWidth = $(id_name).width();
	$(id_name).css({
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	$(".popup_bg").css({
		"height": windowHeight,
		"width": windowWidth
	});
}

function startPopup(id_name){
	temp = id_name;
	centerPopup(id_name);
	loadPopup(id_name);
	$(".popup_close").click(function(){
		disablePopup(temp);
	});
	$(".popup_bg").click(function(){
		disablePopup(temp);
	});
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup(temp);
		}
	});	
}

function tabs(id_name, this_tmp){
	class_name = $(this_tmp).attr("class");

	$(id_name+" .tabs_active").removeClass("tabs_active");
	$(id_name+" .tabs_wide_active").removeClass("tabs_wide_active").addClass("tabs_wide");
	if($(this_tmp).parent().attr("class")=="tabs_wide"){
		$(id_name+" .tabs_wide").removeClass("tabs_wide");
		$(this_tmp).parent().addClass("tabs_wide_active");
	}else $(this_tmp).parent().addClass("tabs_active");
			
	$(id_name+" .tabs_content div").hide();
	$("#"+class_name).show();
}

$(document).ready(function(){
	$(".komfortMINI_go").click(function() { startPopup("#komfortMINI") });
	$(".komfortMEDIUM_go").click(function() { startPopup("#komfortMEDIUM") });
	$(".komfortPLUS_go").click(function() { startPopup("#komfortPLUS") });
	$(".komfortMAXI_go").click(function() { startPopup("#komfortMAXI") });
	$(".komfortSTRONG_go").click(function() { startPopup("#komfortSTRONG") });
	$(".komfortDIAMOND_go").click(function() { startPopup("#komfortDIAMOND") });
	$(".komfortULTIMATE_go").click(function() { startPopup("#komfortULTIMATE") });
	
	$(".multi2_go").click(function() { startPopup("#multi2") });
	$(".multi3_go").click(function() { startPopup("#multi3") });
	$(".multi4_go").click(function() { startPopup("#multi4") });
	$(".multi5_go").click(function() { startPopup("#multi5") });
	$(".multi6_go").click(function() { startPopup("#multi6") });
	$(".multi8_go").click(function() { startPopup("#multi8") });
	$(".multi10_go").click(function() { startPopup("#multi10") });
	$(".multi12_go").click(function() { startPopup("#multi12") });
	$(".multi16_go").click(function() { startPopup("#multi16") });
	$(".multi24_go").click(function() { startPopup("#multi24") });
	
	$(".kP2P_go").click(function() { startPopup("#kP2P") });
	$(".k100_go").click(function() { startPopup("#k100") });
	$(".kCIR_go").click(function() { startPopup("#kCIR") });
	$(".kEMAIL_go").click(function() { startPopup("#kEMAIL") });
	$(".kWWW_go").click(function() { startPopup("#kWWW") });
	$(".kSYGNAL_go").click(function() { startPopup("#kSYGNAL") });
	$(".kIP_go").click(function() { startPopup("#kIP") });
	$(".kKOMP_go").click(function() { startPopup("#kKOMP") });
	$(".kLIMIT_go").click(function() { startPopup("#kLIMIT") });
	
	$(".mP2P_go").click(function() { startPopup("#mP2P") });
	$(".m100_go").click(function() { startPopup("#m100") });
	$(".mCIR_go").click(function() { startPopup("#mCIR") });
	$(".mEMAIL_go").click(function() { startPopup("#mEMAIL") });
	$(".mWWW_go").click(function() { startPopup("#mWWW") });
	$(".mSYGNAL_go").click(function() { startPopup("#mSYGNAL") });
	$(".mIP_go").click(function() { startPopup("#mIP") });
	$(".mKOMP_go").click(function() { startPopup("#mKOMP") });
	
	$(".mPERC_stand_go").click(function() { startPopup("#mPERC_stand") });
	$(".mPERC_prem_go").click(function() { startPopup("#mPERC_prem") });
	$(".mKLIMA_go").click(function() { startPopup("#mKLIMA") });
	$(".mSIEC_go").click(function() { startPopup("#mSIEC") });
	
	$("#komfort .tabs_bar a").click(function() { tabs("#komfort", this); return false; });
	$("#multi .tabs_bar a").click(function() { tabs("#multi", this); return false; });
	$("#demand .tabs_bar a").click(function() { tabs("#demand", this); return false; });
});