var openNavBar = '';
var currentRef = 'nocurrent';
$(document).ready(function(){ 
	if ($.browser.mozilla == true) {
		$('#audio').attr('src', 'sound.ogg');
	} else {
		$('#audio').attr('src', 'sound.mp3');
	}

	$("#imprint").click(function(){  
		centerPopup('#imprintPopup');  
		loadPopup('#imprintPopup');  
	});  
	$("#imprintClose").click(function(){  
		disablePopup('#imprintPopup');  
	});
	$("#socialmedia").click(function(){  
		centerPopup('#socialmediaPopup');  
		loadPopup('#socialmediaPopup');  
	});
	 $(".ref_box img").click(function(){
		var request = $(this).attr('alt').split('-');
		openNavBar = request[0];
		$('#' + openNavBar + 'Bar').removeClass("hide").addClass("show");
		changeRef(request);
		centerPopup('#referenzenPopup');
		loadPopup('#referenzenPopup');  
	});  
	$("#referenzenClose").click(function(){  
		disablePopup('#referenzenPopup');  
				$('#' + openNavBar + 'Bar').removeClass("show").addClass("hide");
	});
	$("#socialmediaClose").click(function(){  
		disablePopup('#socialmediaPopup');  
	});  
	$("#backgroundPopup").click(function(){  
		disablePopup();  
				$('#' + openNavBar + 'Bar').removeClass("show").addClass("hide");
	}); 

	$("#submit").click(function(){
		$("#form_vorname").removeClass('fail');
		$("#form_vorname").addClass('input');
		$("#form_nachname").removeClass('fail');
		$("#form_nachname").addClass('input');
		$("#form_email").removeClass('fail');
		$("#form_email").addClass('input');
		$("#form_position").removeClass('fail');
		$("#form_position").addClass('input');
		$("#form_firma").removeClass('fail');
		$("#form_firma").addClass('input');
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		var emailToVal = $("#form_email").val();
		if(emailToVal == '') {
			$("#form_email").removeClass('input');
			$("#form_email").addClass('fail');
			hasError = true;
		} else if(!emailReg.test(emailToVal)) {
			$("#form_email").removeClass('input');
			$("#form_email").addClass('fail');
			hasError = true;
		}

		var vornameVal = $("#form_vorname").val();
		if(vornameVal == '') {
			$("#form_vorname").removeClass('input');
			$("#form_vorname").addClass('fail');
			hasError = true;
		}

		var nachnameVal = $("#form_nachname").val();
		if(nachnameVal == '') {
			$("#form_nachname").removeClass('input');
			$("#form_nachname").addClass('fail');
			hasError = true;
		}
		
		var positionVal = $("#form_position").val();
		if(positionVal == '') {
			$("#form_position").removeClass('input');
			$("#form_position").addClass('fail');
			hasError = true;
		}
		
		var firmaVal = $("#form_firma").val();
		if(firmaVal == '') {
			$("#form_firma").removeClass('input');
			$("#form_firma").addClass('fail');
			hasError = true;
		}
		
		var fragestellungVal = $("#form_fragestellung").val();
		
		if(hasError == false) {
			$("#socialmediaPopup .sb").html('<img src="images/ajaxLoading.gif" alt="Ihre Anfrage wird bearbeitet." id="loading" />');
			$.post("smdmail.php",
				{ email: emailToVal, vorname: vornameVal, nachname: nachnameVal, firma: firmaVal, position: positionVal, fragestellung: fragestellungVal },
				function(data){
					var pref = '&#109;a' + 'i&#108;' + '&#116;o'; 
					var attribut = 'hr' + 'ef' + '='; var first = '%69%6E%66%6F'; var at = '%40'; var last = '&#x64;&#x61;&#x73;&#x67;&#x6F;&#x6C;&#x64;&#x65;&#x6E;&#x65;&#x76;&#x6C;&#x69;&#x65;&#x73;&#x2E;&#x64;&#x65;'; 
					var first2 = '&#x69;&#x6E;&#x66;&#x6F;'; var at2 = '&#x40;'; var last2 = '&#100;&#97;&#115;&#103;&#111;&#108;&#100;&#101;&#110;&#101;&#118;&#108;&#105;&#101;&#115;&#46;&#100;&#101;'; 
					$("#socialmediaPopup").addClass("smconfirm");
					$("#socialmediaPC").html('<h1>Vielen Dank f&uuml;r Ihr Interesse an der Expedition ins Social Web.</h1><p style="color: #ffffff;">Wir freuen uns auf Ihre Teilnahme am Social Media Day am 13.10.2009 ab 17:30.</p><h3>Sie wollen nicht so lange warten, sondern sofort konkrete Schritte ins Neuland unternehmen?</h3><p>Wir sind jederzeit startbereit: <br />Tel.: +49 (0)89 55 26 47-60<br /> E-Mail: <a ' + attribut + '\'' + pref + ':' + first + at + last + '\'>' + first2 + at2 + last2 + '<\/a></p>');											
					centerPopup('#socialmediaPopup');  						
				}
			);

		} else {
			$("#form_status").removeClass('small');
			$("#form_status").addClass('error');
			$("#form_status").css('color','red');
			$("#form_status").html('*Bitte seien Sie nicht so sch&uuml;chtern. Ohne die Angabe Ihrer Daten k&ouml;nnen wir Sie nicht einladen!');
		}
		return false;
	});	
function scaleImage(img, size) {
	var img = $(img);
	img.load(img.attr('src'), function(){
	var width = img.width(), height = img.height();
	if(width == height) {
	    img.width(size).height(size);
	} else if(width > height) {
	    img.height(Math.round(height / width * size)).width(size);
	} else {
	    img.width(Math.round(width / height * size)).height(size);
	}
	img.click(function(){ 	
		$("#referenzenPopup #ref-data-bild h4").text(img.attr('alt'));
		$("#referenzenPopup #ref-data-bild img").attr('src',img.attr('src'));
		$("#referenzenPopup .refThumbBar a").removeClass("active");
		img.parents("a").addClass("active");
	});
});
}
	
function changeRef(request) {
	$("#" + currentRef).removeClass("active");
	currentRef = request[0] + "-" + request[1] + "-info";
	$("#" + request[0] + "-" + request[1] + "-info").addClass("active");
	jQuery.getJSON("/referenzen/" + request[0] + "/" + request[1] + "/info.php",{ type: request[0], folder: request[1] },
        function(data){
			$("#referenzenPopup #refDesc h2").text(data.firma);
			$("#referenzenPopup #refDesc h3").text(data.projekt);
			$("#referenzenPopup #refDesc #desc").text(data.beschreibung);
			$("#referenzenPopup #refDesc #leistungen").text(data.leistungen);
			if(data.link) {	$("#referenzenPopup #refDesc span").html('<a href="http://' + data.link + '" target="_blank">' + data.link + '</a>'); } else {
				$("#referenzenPopup #refDesc span").html('').height('0');
			}
			$("#referenzenPopup #ref-data-bild h4").text(data.bild1);
			$("#referenzenPopup #ref-data-bild img").attr('src',"/referenzen/" + request[0] + "/" + request[1] + "/1.jpg");
			$("#referenzenPopup .refThumbBar").html('');
			$("#referenzenPopup .refThumbBar").append('<li id="bild1"><a href="#1" class="active"><img src="/referenzen/' + request[0] + '/' + request[1] + '/1.jpg" alt="' + data.bild1 + '"/></a>');
			scaleImage("#referenzenPopup .refThumbBar #bild1 a img", 50);
			if(data.bild2) {	
				$("#referenzenPopup .refThumbBar").append('<li id="bild2"><a href="#2"><img src="/referenzen/' + request[0] + '/' + request[1] + '/2.jpg" alt="' + data.bild2 + '" /></a>');
				scaleImage("#referenzenPopup .refThumbBar #bild2 a img", 50);
			}
			if(data.bild3) {
				$("#referenzenPopup .refThumbBar").append('<li id="bild3"><a href="#3"><img src="/referenzen/' + request[0] + '/' + request[1] + '/3.jpg" alt="' + data.bild3 + '" /></a>');
				scaleImage("#referenzenPopup .refThumbBar #bild3 a img", 50);
			 }
			if(data.bild4) {	
				$("#referenzenPopup .refThumbBar").append('<li id="bild4"><a href="#4"><img src="/referenzen/' + request[0] + '/' + request[1] + '/4.jpg" alt="' + data.bild4 + '" /></a>');
				scaleImage("#referenzenPopup .refThumbBar #bild4 a img", 50);
			}
			if(data.bild5) {	
				$("#referenzenPopup .refThumbBar").append('<li id="bild5"><a href="#5"><img src="/referenzen/' + request[0] + '/' + request[1] + '/5.jpg" alt="' + data.bild5 + '" /></a>');
				scaleImage("#referenzenPopup .refThumbBar #bild5 a img", 50);
			}
			if(data.bild6) {	
				$("#referenzenPopup .refThumbBar").append('<li id="bild6"><a href="#6"><img src="/referenzen/' + request[0] + '/' + request[1] + '/6.jpg" alt="' + data.bild6 + '" /></a>');
				scaleImage("#referenzenPopup .refThumbBar #bild6 a img", 50);
			}
        });
	
}
	$("#referenzenPopup .refNav a.load").click(function(){
	var request	= $(this).attr('id').split('-');
		changeRef(request);
	});	
	
	$("#referenzenPopup .refFooter a.linkLeft").click(function(){
		var toshow = $("#" + currentRef).prev().attr('id');
		if(toshow)
			var request	= toshow.split('-');
		else
			var request = $('#' + openNavBar + 'Bar a.load').last().attr('id').split('-');
		changeRef(request);
	});
	
	$("#referenzenPopup .refFooter a.linkRight").click(function(){
		var toshow = $("#" + currentRef).next().attr('id');
		if(toshow)
			var request	= toshow.split('-');
		else
			var request = $('#' + openNavBar + 'Bar a.load').first().attr('id').split('-');
		changeRef(request);
	});
});