// javascript DHMTL - funktionen
// author: alexander stier, cuti & stier gbr
// datum: 

jQuery.fn.hideOverlay = function () {
		$('#menuBox').animate({
			height:0
			},1000);	
		$('#menuBoxTopContainer').fadeOut();				
		$('#menuBoxNavigation').fadeOut();				
		$(this).fadeOut();
		$('#scene0').center();
}

jQuery.fn.toggleStatus = function () {
		/*
		if ($('#overlayMenu').is(":block")) {
			$('#overlayButtonEin').fadeOut(250, function(){
				$('#overlayContainer').show();
				$('#overlayButtonAus').show();
				$('#overlayMenu').slideDown('slow');
			});
		} else {
			$('#overlayMenu').slideUp('slow',function(){
				$('#overlayContainer').hide();
				$('#overlayButtonAus').hide();
				$('#overlayButtonEin').fadeIn(250);
			});
		}*/
}

function initOverlayMenu(sTheme,sPage){
	$('.rollover').stop().animate({ opacity: 0.5 }, 10);
	$(function() {
			$('.rollover').hover(function() {
				$(this).stop().animate({ opacity: 1.0 }, 200);	
			}, function() {
				$(this).stop().animate({ opacity: 0.5 }, 200);	
			});
			$('.rollover').click(function() {
					if($(this).attr('theme') && $(this).attr('page')){
						if($(this).attr('theme') == "popup"){
							openPopUp($(this).attr('page'),'popup',20,20,1050,820,1,0,0,0);
						} else if ($(this).attr('theme') == "extern"){
							window.open($(this).attr('page'));
						} else {
							if(sTheme != $(this).attr('theme')){
								getContent($(this).attr('theme'), $(this).attr('page'));						
							} else {
								getSubContent($(this).attr('theme'), $(this).attr('page'));						
							}
						}
					}
			});
			$('#goLeft, #goRight').hover(function() {
					var currentImg = $(this).attr('src').split(".");
					//console.info(currentImg[0]);
					$(this).attr('src', currentImg[0]+'-hover.png');
			}, function() {
					var currentImg = $(this).attr('src').split("-");
					if(currentImg[0].indexOf(".png") > 0){
						$(this).attr('src', currentImg[0]);						
					} else {
						$(this).attr('src', currentImg[0]+'.png');
					}
			});
			
			$('#goLeft, #goRight').click(function() {
				targetSplit = $(this).attr('page').split("_");
				
				if(targetSplit[0] == page){

					$('#content').fadeOut(500, function(){
						$('#content').css({ 'background': 'url("/images/'+targetSplit[0]+'/'+targetSplit[0]+targetSplit[1]+'.jpg") no-repeat' });
						$('#content').fadeIn(1000);
					});
					
					$('#goLeft').attr('page', $("#"+targetSplit[0]+"_"+targetSplit[1]).attr('leftSite'));
					$('#goRight').attr('page', $("#"+targetSplit[0]+"_"+targetSplit[1]).attr('rightSite'));
				
				} else {
					
					if($(this).attr('id') == 'goRight'){
						getSlideSubContent(theme, targetSplit[0], targetSplit[1], 'right');				
					} else {
						getSlideSubContent(theme, targetSplit[0], targetSplit[1], 'left');									
					}
				}
			});
			
	});

	if(sTheme == "home" && sPage == "start"){
		$('#overlayMenu').toggleStatus();
	}

	$('#overlayButtonAus, #overlayButtonEin').click(function(){
		$('#overlayMenu').toggleStatus();
	});
	
}

function getContent(sTheme,sPage) {
		$.getJSON('ajax.php', { 'theme': sTheme, 'page': sPage }, function(data) {

			if(data.logoline < 1) {
				 $('#logoline').slideUp(500);
			}
			
			theme = sTheme;
			page = sPage; 
			
			$('#content').fadeOut(250, function(){
					
					$('#overlayMenu').hide();
					
					$('#content').html(data.content);
					$('#content').css({ 'background': 'url("/images/'+data.image+'") no-repeat' });
					
					$('#menu3').html(data.menu);
					
					if(activeButton) activeButton.removeClass('active');
					$('#'+sTheme).addClass('active');
					activeButton = $('#'+sTheme);

					if(activeSubButton) activeSubButton.removeClass('active');
					$('#menu3 button[page="'+sPage+'"]').addClass('active');
					activeSubButton = $('#menu3 button[page="'+sPage+'"]');

					initOverlayMenu(sTheme,sPage);					
					
					$('#content').fadeIn(1000, function(){
						$('#contentContainer').animate({'height': data.height},500);
						$('#content').animate({'height': data.height},500);
	
						$('#menu3 button').click(function(){
							$(this).blur();
							if($(this).attr('theme') && $(this).attr('page')){
								getSubContent($(this).attr('theme'), $(this).attr('page'));
							}
						});


						if(data.logoline > 0) {
							 $('#logoline').slideDown(500);
						}
	
					});							

				});
		
		});
					
}

function requestKataloge(form) {
	if (form.name.value == "")	{ alert("Bitte geben Sie Ihren Namen an !"); form.name.focus(); return false; }
		if (form.vorname.value == "")	{ alert("Bitte geben Sie Ihren Vornamen an !"); form.vorname.focus(); return false; }
		if (form.strasse.value == "")	{ alert("Bitte geben Sie die Strasse an !"); form.strasse.focus(); return false; }
		if (form.plz.value == "")	{ alert("Bitte geben Sie die Postleitzahl an !"); form.plz.focus(); return false; }
		if (form.ort.value == "")	{ alert("Bitte geben Sie den Ort an !"); form.ort.focus(); return false; }
		if (form.email.value == "")	{ alert("Bitte geben Sie Ihre E-Mail-Adresse an !"); form.email.focus(); return false; }
		if (form.email.value.indexOf('@', 0) == -1 ||	form.email.value.indexOf('.', 0) == -1)	{ alert("Bitte geben Sie ein gültige E-Mail-Adresse an !"); form.email.focus(); return false; }

		if (form.contur.checked == true)	{ var contur = 1; }
		if (form.globalwohnen.checked == true)	{ var  globalwohnen = 1; }
		if (form.meisterstuecke.checked == true)	{  var meisterstuecke = 1; }
		if (form.huelsta.checked == true)	{  var huelsta = 1; }

		$.getJSON('/_kataloge/versenden.php', { 'anrede': form.anrede.value
												, 'firma': form.firma.value
												, 'name': form.name.value
												, 'vorname': form.vorname.value
												, 'strasse': form.strasse.value
												, 'plz': form.plz.value
												, 'ort': form.ort.value
												, 'email': form.email.value
												, 'contur': contur
												, 'globalwohnen': globalwohnen
												, 'meisterstuecke': meisterstuecke
												, 'huelsta': huelsta

												}, function(data) {

			if(data.logoline < 1) {
				 $('#logoline').slideUp(500);
			}
			
			theme = 'kataloge';
			sTheme = 'kataloge';
			page = 'start'; 
			sPage = 'start'; 
			
			$('#content').fadeOut(250, function(){
					
					$('#overlayMenu').hide();
					
					$('#content').html(data.content);
					$('#content').css({ 'background': 'url("/images/'+data.image+'") no-repeat' });
					
					$('#menu3').html(data.menu);
					
					if(activeButton) activeButton.removeClass('active');
					$('#'+sTheme).addClass('active');
					activeButton = $('#'+sTheme);

					if(activeSubButton) activeSubButton.removeClass('active');
					$('#menu3 button[page="'+sPage+'"]').addClass('active');
					activeSubButton = $('#menu3 button[page="'+sPage+'"]');

					initOverlayMenu(sTheme,sPage);					
					
					$('#content').fadeIn(1000, function(){
						$('#contentContainer').animate({'height': data.height},500);
						$('#content').animate({'height': data.height},500);
	
						$('#menu3 button').click(function(){
							$(this).blur();
							if($(this).attr('theme') && $(this).attr('page')){
								getSubContent($(this).attr('theme'), $(this).attr('page'));
							}
						});


						if(data.logoline > 0) {
							 $('#logoline').slideDown(500);
						}
	
					});							

				});
		
		});
					
}


function requestKontakt(form) {
		if (form.name.value == "")	{ alert("Bitte geben Sie Ihren Namen an !"); form.name.focus(); return false; }
		if (form.vorname.value == "")	{ alert("Bitte geben Sie Ihren Vornamen an !"); form.vorname.focus(); return false; }
		if (form.strasse.value == "")	{ alert("Bitte geben Sie die Strasse an !"); form.strasse.focus(); return false; }
		if (form.plz.value == "")	{ alert("Bitte geben Sie die Postleitzahl an !"); form.plz.focus(); return false; }
		if (form.ort.value == "")	{ alert("Bitte geben Sie den Ort an !"); form.ort.focus(); return false; }
		if (form.email.value == "")	{ alert("Bitte geben Sie Ihre E-Mail-Adresse an !"); form.email.focus(); return false; }
		if (form.email.value.indexOf('@', 0) == -1 ||	form.email.value.indexOf('.', 0) == -1)	{ alert("Bitte geben Sie ein gültige E-Mail-Adresse an !"); form.email.focus(); return false; }

		

		$.getJSON('/_kontakt/versenden.php', { 'anrede': form.anrede.value
												, 'firma': form.firma.value
												, 'name': form.name.value
												, 'vorname': form.vorname.value
												, 'strasse': form.strasse.value
												, 'plz': form.plz.value
												, 'ort': form.ort.value
												, 'email': form.email.value
												, 'anliegen': form.anliegen.value
											

												}, function(data) {

			if(data.logoline < 1) {
				 $('#logoline').slideUp(500);
			}
			
			theme = 'kontakt';
			sTheme = 'kontakt';
			page = 'start'; 
			sPage = 'start'; 
			
			$('#content').fadeOut(250, function(){
					
					$('#overlayMenu').hide();
					
					$('#content').html(data.content);
					$('#content').css({ 'background': 'url("/images/'+data.image+'") no-repeat' });
					
					$('#menu3').html(data.menu);
					
					if(activeButton) activeButton.removeClass('active');
					$('#'+sTheme).addClass('active');
					activeButton = $('#'+sTheme);

					if(activeSubButton) activeSubButton.removeClass('active');
					$('#menu3 button[page="'+sPage+'"]').addClass('active');
					activeSubButton = $('#menu3 button[page="'+sPage+'"]');

					initOverlayMenu(sTheme,sPage);					
					
					$('#content').fadeIn(1000, function(){
						$('#contentContainer').animate({'height': data.height},500);
						$('#content').animate({'height': data.height},500);
	
						$('#menu3 button').click(function(){
							$(this).blur();
							if($(this).attr('theme') && $(this).attr('page')){
								getSubContent($(this).attr('theme'), $(this).attr('page'));
							}
						});


						if(data.logoline > 0) {
							 $('#logoline').slideDown(500);
						}
	
					});							

				});
		
		});
					
}


function getSubContent(sTheme,sPage) {
		$.getJSON('ajax.php', { 'theme': sTheme, 'page': sPage }, function(data) {
			
			theme = sTheme;
			page = sPage; 

			$('#content').fadeOut(250, function(){
					
					$('#overlayMenu').hide();
					$('#overlayContainer').hide();
					
					$('#contentContainer').css({ 'height': data.height });
					$('#content').html(data.content);
					$('#content').css({ 'background': 'url("/images/'+data.image+'") no-repeat', 'height': data.height });
								
					if(activeSubButton) activeSubButton.removeClass('active');
					$('#menu3 button[page="'+sPage+'"]').addClass('active');
					activeSubButton = $('#menu3 button[page="'+sPage+'"]');

					$('#content').fadeIn(1000, function(){
	
						initOverlayMenu();
	
						if(data.logoline > 0) {
							 $('#logoline').slideDown(500);
						} else {
							 $('#logoline').slideUp(500);							
						}
					});							

				});
		
		});
					
}

function getSlideSubContent(sTheme,sPage,sImage,sDirection) {
		$.getJSON('ajax.php', { 'theme': sTheme, 'page': sPage, 'image': sImage }, function(data) {

			theme = sTheme;
			page = sPage; 
	
			if(sDirection == "right"){
				slide2start = 990;
				slide1end = -990;
			} else {
				slide2start = -990;
				slide1end = 990;
			}	

			$('#overlayMenu').hide();
			$('#overlayContainer').hide();
			
			$('#contentSlide1').css({ 'background': $('#content').css('background'), 'height': data.height, 'left':0 });
			$('#contentSlide1').html($('#content').html());
			$('#contentSlide1').show();
			$('#contentSlide2').css({ 'background': 'url("/images/'+data.image+'") no-repeat', 'height': data.height, 'left':slide2start });
			$('#contentSlide2').html(data.content);
			$('#contentSlide2').show();

			$('#content').css({ 'background': 'url("/images/'+data.image+'") no-repeat', 'height': data.height });
			$('#content').html(data.content);

			$('#contentContainer').css({ 'height': data.height });
						
			if(activeSubButton) activeSubButton.removeClass('active');
			$('#menu3 button[page="'+sPage+'"]').addClass('active');
			activeSubButton = $('#menu3 button[page="'+sPage+'"]');

			$('#contentSlide2').animate({'left': 0},1200);
			$('#contentSlide1').animate({'left': slide1end},1200, function(){

				initOverlayMenu();
				
				$('#contentSlide2').hide();
				$('#contentSlide1').hide();

			});							

			$('#goLeft').attr('page', $('#'+sPage+"_"+sImage).attr('leftSite'));
			$('#goRight').attr('page', $('#'+sPage+"_"+sImage).attr('rightSite'));
			
		});
					
}

function openPopUp(url,name,top,left,width,height,scrollbars,toolbar,status,location){
	thirdParameter = 'top=' + top + ',left=' + left + ',width=' + width + ',height=' + height + ',scrollbars=' + scrollbars + ',toolbar=' + toolbar + ',status=' + status + ',location=' + location + ',resizable=1,menubar=no';
	openpUpObj = window.open(url,name,thirdParameter);
	openpUpObj.focus();
}
