﻿var popup_db_contact_html = '<div id="layer_background" style="z-index: 1001"></div> \
<div id="layer_message" style="z-index: 1002"> \
	<img src="images/popup_kontakt_bg.png" alt="" title="" /> \
	<div id="message_abort"> \
  	<img src="images/0.png" height="20" width="59" alt="" title="" /> \
    <p>Schlie&szlig;en</p> \
  </div> \
	<div id="message_content"> \
  	<img src="%%IMAGE%%" width="168" height="218" alt="" title="" /> \
    <div class="text"> \
      <h1>%%TITLE%%</h1>     \
      <h2>%%TITLE2%%</h2> \
      <p>%%TEXT%%</p> \
    </div> \
  </div> \
	<div id="message_send"> \
  	<img src="images/0.png" height="20" width="90" alt="" title="" /> \
    <p>&gt; Abschicken</p> \
  </div> \
  <form name="contact_form" id="contact_form" action=""> \
  <label id="message_label_name" for="input_name">Name*</label> \
	<div id="message_input_name"><input size="255" maxlength="255" class="textbox required" id="input_name" name="input_name" value="" /></div> \
  <label id="message_label_email" for="input_email">E-Mail-Adresse*</label> \
	<div id="message_input_email"><input size="255" maxlength="255" class="textbox required email" id="input_email" name="input_email" value="" /></div> \
  <label id="message_label_message" for="input_message">Ihre Nachricht</label> \
	<div id="message_input_message"><textarea  rows="5" cols="40" class="tarea" id="input_message" name="input_message"></textarea></div> \
  <div id="message_label_mandatory">*Pflichtfelder<input id="input_contactid" name="input_contactid" type="hidden" value="%%CONTACTID%%" /></div> \
	</div> \
  </form> \
</div> \
<div id="layer_confirmation" style="z-index: 1002"> \
	<div id="message_confirmation_close"> \
  	<img src="images/0.png" height="20" width="59" alt="" title="" /> \
    <p>Schlie&szlig;en</p> \
  </div> \
	<img src="images/popup_confirm_bg.png" alt="" title="" /> \
  <p>Vielen Dank f&uuml;r Ihre Nachricht.</p> \
</div>';

var popups_html = '<div id="layer_background" style="z-index: 1001"></div> \
<div id="layer_message" style="z-index: 1002"> \
	<img src="images/popup_kontakt_bg.png" alt="" title="" /> \
	<div id="message_abort"> \
  	<img src="images/0.png" height="20" width="59" alt="" title="" /> \
    <p>Schlie&szlig;en</p> \
  </div> \
	<div id="message_content"> \
  	<img src="content/popup_kontakt_pic.png" width="168" height="218" alt="" title="" /> \
    <div class="text"> \
      <h1><?php echo "jaja"; ?>Wir beraten Sie jederzeit per E-Mail</h1>     \
      <h2>Vielen Dank f&uuml;r Ihr Interesse!<br />Sie k&ouml;nnen das K&ouml;ller Team<br />online pers&ouml;nlich erreichen:</h2> \
      <p>Schreiben Sie uns einfach &ndash; ob Sie<br />nun eine konkrete Frage zu einem<br />unserer exklusiven Produkte haben<br />oder einen Beratungstermin verein-<br />baren m&ouml;chten. Wir werden Ihnen<br />innerhalb eines Tages antworten.</p> \
    </div> \
  </div> \
	<div id="message_send"> \
  	<img src="images/0.png" height="20" width="90" alt="" title="" /> \
    <p>&gt; Abschicken</p> \
  </div> \
  <form name="contact_form" id="contact_form" action=""> \
  <label id="message_label_name" for="input_name">Name*</label> \
	<div id="message_input_name"><input size="255" maxlength="255" class="textbox required" id="input_name" name="input_name" value="" /></div> \
  <label id="message_label_email" for="input_email">E-Mail-Adresse*</label> \
	<div id="message_input_email"><input size="255" maxlength="255" class="textbox required email" id="input_email" name="input_email" value="" /></div> \
  <label id="message_label_message" for="input_message">Ihre Nachricht</label> \
	<div id="message_input_message"><textarea  rows="5" cols="40" class="tarea" id="input_message" name="input_message"></textarea></div> \
  <div id="message_label_mandatory">*Pflichtfelder</div> \
  <div id="message_label_nl">Ja, ich m&ouml;chte regelm&auml;&szlig;ige interessante Angebote<br />und News per E-Mail erhalten. Unsere Newsletter<br />k&ouml;nnen Sie jederzeit wieder abbestellen.</div> \
	<div id="message_input_nl"><div class="checkboxdiv"><input type="checkbox" id="input_newsletter" name="input_newsletter" value="1" /></div> \
	</div> \
  </form> \
</div> \
<div id="layer_confirmation" style="z-index: 102"> \
	<div id="message_confirmation_close"> \
  	<img src="images/0.png" height="20" width="59" alt="" title="" /> \
    <p>Schlie&szlig;en</p> \
  </div> \
	<img src="images/popup_confirm_bg.png" alt="" title="" /> \
  <p>Vielen Dank f&uuml;r Ihre Nachricht. Wir melden uns bei Ihnen.</p> \
</div>';

var popupkatalog_html = '<div id="layer_background" style="z-index: 100"></div> \
<div id="layer_catalog" style="z-index: 101"> \
	<img src="images/popup_kontakt_bg.png" alt="" title="" /> \
	<div id="catalog_abort"> \
  	<img src="images/0.png" height="20" width="59" alt="" title="" /> \
    <p>Schlie&szlig;en</p> \
  </div> \
	<div id="catalog_content"> \
  	<img src="content/popup_bestellen_pic.png" width="168" height="218" alt="" title="" /> \
    <div class="text"> \
      <h1>Bestellen Sie den<br />aktuellen Katalog</h1>     \
      <h2>Sie m&ouml;chten sich einen &Uuml;berblick<br />&uuml;ber unser umfangreiches Sortiment<br />machen? Dann schreiben Sie uns!</h2> \
      <p>In unserem Katalog finden Sie unser<br />komplettes Sortiment an schadstoff-<br />armen Designm&ouml;beln und viele Infor-<br />mationen zum sensiblen Wohnen.<br />Kontaktieren Sie uns, und wir senden Ihnen umgehend ein Exemplar zu!</p> \
    </div> \
  </div> \
	<div id="catalog_send"> \
  	<img src="images/0.png" height="20" width="90" alt="" title="" /> \
    <p>&gt; Abschicken</p> \
  </div> \
  <form name="catalog_form" id="catalog_form" action=""> \
  <label id="catalog_label_name" for="catalog_name">Name*</label> \
	<div id="catalog_input_name"><input size="255" maxlength="255" class="textbox required" id="catalog_name" name="input_name" value="" /></div> \
  <label id="catalog_label_strasse" for="catalog_strasse">Stra&szlig;e*</label> \
	<div id="catalog_input_strasse"><input size="255" maxlength="255" class="textbox required" id="catalog_strasse" name="input_strasse" value="" /></div> \
	  <label id="catalog_label_plz" for="catalog_plz">PLZ, Wohnort*</label> \
	<div id="catalog_input_plz"><input size="255" maxlength="255" class="textbox required" id="catalog_plz" name="input_plz" value="" /></div> \
  <label id="catalog_label_email" for="catalog_email">E-Mail-Adresse</label> \
	<div id="catalog_input_email"><input size="255" maxlength="255" class="textbox" id="catalog_email" name="input_email" value="" /></div> \
  <div id="catalog_label_mandatory">*Pflichtfelder</div> \
  <div id="catalog_label_nl">Ja, ich m&ouml;chte regelm&auml;&szlig;ige interessante Angebote<br />und News per E-Mail erhalten. Unsere Newsletter<br />k&ouml;nnen Sie jederzeit wieder abbestellen.</div> \
	<div id="catalog_input_nl"><div class="checkboxdiv"><input type="checkbox" id="catalog_newsletter" name="input_newsletter" value="1" /></div> \
	</div> \
  </form> \
</div> \
<div id="layer_catalogconfirmation" style="z-index: 102"> \
	<div id="catalog_confirmation_close"> \
  	<img src="images/0.png" height="20" width="59" alt="" title="" /> \
    <p>Schlie&szlig;en</p> \
  </div> \
	<img src="images/popup_confirm_bg.png" alt="" title="" /> \
  <p>Vielen Dank f&uuml;r Ihre Nachricht. Wir melden uns bei Ihnen.</p> \
</div>';

var popuptrendletter_html = '<div id="layer_background" style="z-index: 100"></div> \
<div id="layer_message" style="z-index: 101"> \
	<img src="images/popup_kontakt_bg.png" alt="" title="" /> \
	<div id="message_abort"> \
  	<img src="images/0.png" height="20" width="59" alt="" title="" /> \
    <p>Schlie&szlig;en</p> \
  </div> \
	<div id="message_content"> \
  	<img src="content/popup_kontakt_pic.png" width="168" height="218" alt="" title="" /> \
    <div class="text"> \
      <h1>Unser Trendletter</h1>     \
      <h2>Vielen Dank f&uuml;r Ihr Interesse!<br />Sie k&ouml;nnen das K&ouml;ller Team<br />online pers&ouml;nlich erreichen:</h2> \
      <p>Schreiben Sie uns einfach &ndash; ob Sie<br />nun eine konkrete Frage zu einem<br />unserer exklusiven Produkte haben<br />oder einen Beratungstermin verein-<br />baren m&ouml;chten. Wir werden Ihnen<br />innerhalb eines Tages antworten.</p> \
    </div> \
  </div> \
	<div id="messagetrendletter_send"> \
  	<img src="images/0.png" height="20" width="90" alt="" title="" /> \
    <p>&gt; Abschicken</p> \
  </div> \
  <form name="contact_form" id="contact_form" action=""> \
  <label id="message_label_name" for="input_name">Name*</label> \
	<div id="message_input_name"><input size="255" maxlength="255" class="textbox required" id="input_name" name="input_name" value="" /></div> \
  <label id="message_label_email" for="input_email">E-Mail-Adresse*</label> \
	<div id="message_input_email"><input size="255" maxlength="255" class="textbox required email" id="input_email" name="input_email" value="" /></div> \
  <div id="message_label_mandatory">*Pflichtfelder</div> \
	</div> \
  </form> \
</div> \
<div id="layer_confirmation" style="z-index: 102"> \
	<div id="message_confirmation_close"> \
  	<img src="images/0.png" height="20" width="59" alt="" title="" /> \
    <p>Schlie&szlig;en</p> \
  </div> \
	<img src="images/popup_confirm_bg.png" alt="" title="" /> \
  <p>Vielen Dank f&uuml;r Ihre Anmeldung.</p> \
</div>';

var supersubmenu;
$(document).ready(function() {

	var fadepng=true;
	if ($.browser.msie) {
		var userAgent = $.browser.version;
		userAgent = userAgent.substring(0,userAgent.indexOf('.'));	
		var version = userAgent;
		if (version<=8) fadepng=false;
	}
	
	supersubmenu = $("ul.sf-menu").supersubs({ 
		minWidth:    12.857,
		maxWidth:    27,
		extraWidth:  1 
	}).superfish({ 
		delay:       500,
		speed:       'fast',
		autoArrows:  false,
		dropShadows: false
	});	 
	
	$("ul.sf-menu li li:first-child > a").each(function(n) {
	 $(this).css("margin-top", "5px");
	});
	$("ul.sf-menu li li:last-child > a").each(function(n) {
	 $(this).css("margin-bottom", "6px");
	});	
	
	$("ul.sf-menu li a:not(ul.sf-menu li li a)").addClass("sf_first_main_line");
	$("ul.sf-menu li a:not(ul.sf-menu li li a)").css("padding-top", "0px");

	$('.menu_blink').blink({delay:800});
	
	$("#lnk_contact").live("click", function() {
		$("body").append(popups_html);
		$(".checkboxdiv").dgStyle();
		if (fadepng) {		
			$("#layer_background").css({opacity: 0 });
			$("#layer_background").show();
			$("#layer_message").css({opacity: 0});
			$("#layer_message").show();
			$("#layer_confirmation").css({opacity: 0});
			$("#layer_confirmation").show();
			
			$("#layer_background").fadeTo('medium', 0.3, function() {
				$("#layer_message").fadeTo('medium', 1.0, function() {$("#input_name").focus();});
				$("#message_abort").css({opacity: 1});
				$("#message_content").css({opacity: 1});
				$("#message_send").css({opacity: 1});					
				$("#message_abort").show();
			});
		} else {
			$("#layer_background").css({opacity: 0.3 });
			$("#layer_background").show();
			$("#layer_message").show();
			$("#message_abort").show();
			$("#layer_confirmation").hide();
		}
	});
			
	$("#message_abort").live("click", function() {
		if (fadepng) {		
			$("#layer_message").fadeTo("medium", 0.0, function() {
				$("#layer_background").fadeTo("medium", 0.0, function() {
					$("#layer_message").remove();
					$("#layer_background").remove();						
					$("#layer_confirmation").remove();
				});
			});
		} else {
			$("#layer_message").hide();
			$("#layer_background").hide();
			$("#layer_message").remove();
			$("#layer_background").remove();						
			$("#layer_confirmation").remove();
		}
	});

	$("#message_send").live("click", function() {
		if ($("#contact_form").khValidateForm()) {
			$.post('kontakt_anfrage.php', $('#contact_form').serialize(), function() {
				if (fadepng) {		
					$("#layer_message").fadeTo("medium", 0.0, function() {
							$("#layer_confirmation").fadeTo('medium', 1.0, function() {});
							$("#layer_message").remove();
					});
				} else {
					$("#layer_message").hide();
					$("#layer_confirmation").show();
					$("#layer_message").remove();
				}
			});
		}
	});			
			
	$("#message_confirmation_close").live("click", function() {
		if (fadepng) {		
			$("#layer_confirmation").fadeTo("medium", 0.0, function() {
				$("#layer_background").fadeTo("medium", 0.0, function() {
					$("#layer_confirmation").remove();
					$("#layer_background").remove();						
				});
			});
		} else {
			$("#layer_confirmation").hide();
			$("#layer_background").hide();
			$("#layer_confirmation").remove();
			$("#layer_background").remove();						
		}
	});	
	
	// Katalog bestellen
	$("#lnk_catalog").live("click", function() {
		$("body").append(popupkatalog_html);
		$(".checkboxdiv").dgStyle();
		if (fadepng) {		
			$("#layer_background").css({opacity: 0 });
			$("#layer_background").show();
			$("#layer_catalog").css({opacity: 0});
			$("#layer_catalog").show();
			$("#layer_catalogconfirmation").css({opacity: 0});
			$("#layer_catalogconfirmation").show();
			
			$("#layer_background").fadeTo('medium', 0.3, function() {
				$("#layer_catalog").fadeTo('medium', 1.0, function() {$("#catalog_name").focus();});
				$("#catalog_abort").css({opacity: 1});
				$("#catalog_content").css({opacity: 1});
				$("#catalog_send").css({opacity: 1});					
				$("#catalog_abort").show();
			});
		} else {
			$("#layer_background").css({opacity: 0.3 });
			$("#layer_background").show();
			$("#layer_catalog").show();
			$("#catalog_abort").show();
			$("#layer_catalogconfirmation").hide();
		}
	});
			
	$("#catalog_abort").live("click", function() {
		if (fadepng) {		
			$("#layer_catalog").fadeTo("medium", 0.0, function() {
				$("#layer_background").fadeTo("medium", 0.0, function() {
					$("#layer_catalog").remove();
					$("#layer_background").remove();						
					$("#layer_catalogconfirmation").remove();
				});
			});
		} else {
			$("#layer_catalog").hide();
			$("#layer_background").hide();
			$("#layer_catalog").remove();
			$("#layer_background").remove();						
			$("#layer_catalogconfirmation").remove();
		}
	});

	$("#catalog_send").live("click", function() {
		if ($("#catalog_form").khValidateForm()) {
			$.post('katalog_bestellen.php', $('#catalog_form').serialize(), function() {
				if (fadepng) {		
					$("#layer_catalog").fadeTo("medium", 0.0, function() {
							$("#layer_catalogconfirmation").fadeTo('medium', 1.0, function() {});
							$("#layer_catalog").remove();
					});
				} else {
					$("#layer_catalog").hide();
					$("#layer_catalogconfirmation").show();
					$("#layer_catalog").remove();
				}
			});
		}
	});			
			
	$("#catalog_confirmation_close").live("click", function() {
		if (fadepng) {		
			$("#layer_catalogconfirmation").fadeTo("medium", 0.0, function() {
				$("#layer_background").fadeTo("medium", 0.0, function() {
					$("#layer_catalogconfirmation").remove();
					$("#layer_background").remove();						
				});
			});
		} else {
			$("#layer_catalogconfirmation").hide();
			$("#layer_background").hide();
			$("#layer_catalogconfirmation").remove();
			$("#layer_background").remove();						
		}
	});		
	
	/* Unser Trendletter */
	$("#lnk_trendletter").live("click", function() {
		$("body").append(popuptrendletter_html);
		$(".checkboxdiv").dgStyle();
		if (fadepng) {		
			$("#layer_background").css({opacity: 0 });
			$("#layer_background").show();
			$("#layer_message").css({opacity: 0});
			$("#layer_message").show();
			$("#layer_confirmation").css({opacity: 0});
			$("#layer_confirmation").show();
			
			$("#layer_background").fadeTo('medium', 0.3, function() {
				$("#layer_message").fadeTo('medium', 1.0, function() {$("#input_name").focus();});
				$("#message_abort").css({opacity: 1});
				$("#message_content").css({opacity: 1});
				$("#message_send").css({opacity: 1});					
				$("#message_abort").show();
			});
		} else {
			$("#layer_background").css({opacity: 0.3 });
			$("#layer_background").show();
			$("#layer_message").show();
			$("#message_abort").show();
			$("#layer_confirmation").hide();
		}
	});	
	
	$("#messagetrendletter_send").live("click", function() {
		if ($("#contact_form").khValidateForm()) {
			$.post('anmeldung_trendletter.php', $('#contact_form').serialize(), function() {
				if (fadepng) {		
					$("#layer_message").fadeTo("medium", 0.0, function() {
							$("#layer_confirmation").fadeTo('medium', 1.0, function() {});
							$("#layer_message").remove();
					});
				} else {
					$("#layer_message").hide();
					$("#layer_confirmation").show();
					$("#layer_message").remove();
				}
			});
		}
	});		

});		

$.fn.clearForm = function() {
	return this.each(function() {
		var type = this.type, tag = this.tagName.toLowerCase();
		if (tag == 'form')
			return $(':input',this).clearForm();
		if (type == 'text' || type == 'password' || tag == 'textarea')
			this.value = '';
		else if (type == 'checkbox' || type == 'radio')
			this.checked = false;
		else if (tag == 'select')
			this.selectedIndex = -1;
	});
};

$.fn.khValidateForm = function() {
	var formok=true;
	var formfirstid = false;
	
	$(this + ":input").each(function() {
		$(this).css("border-color", border_normal);
		$("label[for="+ $ (this).attr("id") + "]").css("color", font_normal);
		if ($(this).hasClass("required")) {
			if ($(this).hasClass("email")) {
				if (!/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test($(this).val()) || $.trim($(this).val()).length==0) {
					if (formok) formfirstid = $(this);					
					formok=false;
					$(this).css("border-color", border_error);
					$("label[for="+ $ (this).attr("id") + "]").css("color", font_error);	
				}				
			} else {
				if ($.trim($(this).val()).length==0) {
					if (formok) formfirstid = $(this);					
					formok=false;
					$(this).css("border-color", border_error);
					$("label[for="+ $ (this).attr("id") + "]").css("color", font_error);
				}				
			}
				
		}
	});
	
	if (formfirstid) formfirstid.focus();
	return formok;
};

function kh_popup(purl, pwidth, pheight) {
	var left = (screen.width/2)-(pwidth/2);
	var top = (screen.height/2)-(pheight/2);
	var popup = window.open(purl, "KHLandingPagePopup","width=" + pwidth + ",height=" + pheight + ",left=" + left + ",top=" + top + ",toolbar=No,location=No,scrollbars=Yes,status=No,resizable=yes,fullscreen=No");
	popup.focus();
}

function clear_menus() {
	$("#q").val("");
	$("#searchresults").hide();
	supersubmenu.hideSuperfishUl();
}

function db_contact(p_contactid) {
	var p_image = "";
	var p_title = "";
	var p_title2 = "";
	var p_text = "";
	
	$.post("php/getContactInformation.php", {id: p_contactid}, function(data) {
		if (data.error==0) {
			p_image = data.image;
			p_title = data.title;
			p_title2 = data.title2;
			p_text = data.text;		
			
			var p_html = popup_db_contact_html.replace("%%TITLE%%", p_title);
			p_html = p_html.replace("%%TITLE2%%", p_title2);
			p_html = p_html.replace("%%TEXT%%", p_text);
			p_html = p_html.replace("%%IMAGE%%", p_image);
			p_html = p_html.replace("%%CONTACTID%%", p_contactid);
			
			var fadepng=true;
			if ($.browser.msie) {
				var userAgent = $.browser.version;
				userAgent = userAgent.substring(0,userAgent.indexOf('.'));	
				var version = userAgent;
				if (version<=8) fadepng=false;
			}
			
			$("body").append(p_html);
			$(".checkboxdiv").dgStyle();
			if (fadepng) {		
				$("#layer_background").css({opacity: 0 });
				$("#layer_background").show();
				$("#layer_message").css({opacity: 0});
				$("#layer_message").show();
				$("#layer_confirmation").css({opacity: 0});
				$("#layer_confirmation").show();
				
				$("#layer_background").fadeTo('medium', 0.3, function() {
					$("#layer_message").fadeTo('medium', 1.0, function() {$("#input_name").focus();});
					$("#message_abort").css({opacity: 1});
					$("#message_content").css({opacity: 1});
					$("#message_send").css({opacity: 1});					
					$("#message_abort").show();
				});
			} else {
				$("#layer_background").css({opacity: 0.3 });
				$("#layer_background").show();
				$("#layer_message").show();
				$("#message_abort").show();
				$("#layer_confirmation").hide();
			}			
		} else {
			alert(data.errortext);
		}
	}, "json");	

}

(function(jQuery) {
	jQuery.fn.blink = function(options) {
		var defaults = { delay: 1000 };
		var options = jQuery.extend(defaults, options);

		return this.each(function() {
			var obj = jQuery(this);
			var timerid = setInterval(function() {
			if (obj.css("display") == "block") {
				obj.fadeOut(500);
			} else {
				obj.fadeIn(500);
			}
		}, options.delay);
	obj.attr("timerid", timerid);
	});
}

//
jQuery.fn.unblink = function(options) {
	return this.each(function() {
		var obj = jQuery(this);
		if (obj.attr("timerid") > 0) {
			clearInterval(obj.attr("timerid"));
			obj.attr("timerid", 0);
			obj.css('visibility', 'visible');
		}
	});
}
//
} (jQuery))

function pauseaudio() {
}

function resumeaudio() {
}
