// Herbert Becker // 
// Dezember 2010 //

var savedindex;
var div="#calendar";
var events="#events";

var savepicidx=-1;

$(document).ready(function()
{

$('.piccontainer')
 .live("mouseenter", function()
 {
 $(this).siblings('.piccontainer').stop().fadeTo(300,.4)
 })
 .live("mouseleave", function() {$(this).siblings('.piccontainer').stop().fadeTo(300,1)
 });

$(window).resize(function(){
	if ($(div).is(':visible'))
	{
		var offset=$('#menu li a:eq('+savedindex+')').offset();
		var t=offset.top+30+"px";
		var l=offset.left-1;
		var l=l+"px";
		$(div).css("position","absolute");
		$(div).css("left",l);
		$(div).css("top",t);
	}

	if ($(events).is(':visible'))
	{
		var offset=$('#menu li a:eq('+savedindex+')').offset();
		var t=offset.top+30+"px";
		var l=offset.left-1;
		var l=l+"px";
		$(events).css("position","absolute");
		$(events).css("left",l);
		$(events).css("top",t);
	}
	
	if ($('#legende').is(':visible'))
	{
	var coord = $("#mypic").offset();
	var breite=$("#mypic").width();
	var hoehe=$("#mypic").height();
	var linkerrand=coord.left+3;
	var oben=coord.top;

	linkerrand+="px";
	var toplegend=oben+hoehe-57;
	toplegend+="px";
	breite+="px";
	$('#legende').css('left',linkerrand);
	$('#legende').css('top',toplegend);
	}
});

$('#menu li a').click(function(){

	var elementindex=$('#menu li a').index(this);

	if (elementindex > 5)
	{
	return;
	}

	if ($('#bildanfrage').is(':visible'))
	{
		$('#bildanfrage').hide();	
	}

	if ($('#legende').is(':visible'))
	{
		$('#legende').empty();
		$('#legende').hide();;	
	}

	
	if (elementindex != savedindex)
	{
		if ($(div).is(':visible'))
		{	
			$(div).hide();
		}

		if ($(events).is(':visible'))
		{	
			$(events).hide();
		}
	$('#menu li a:eq('+savedindex+')').removeClass("active");	
	}

savedindex=elementindex;

if (elementindex < 2)
{	
	if ($(div).is(':hidden'))
	{
		$.ajax({
		type: "POST",
		url: "calendar.php",
		async: false,
		data: "what="+elementindex,
		success: function(retData)
		{
			$(div).empty();
			var offset=$('#menu li a:eq('+elementindex+')').offset();
			$(div).html(retData);
			var t=offset.top+30+"px";
			var l=offset.left-1;
			var l=l+"px";
			$(div).css("position","absolute");
			$(div).css("left",l);
			$(div).css("top",t);
			$('#menu li a:eq('+elementindex+')').addClass("active");
			$(div).slideDown(400);
		}
		});
	}
	else
	{
		$(div).slideUp(400, function()
		{
		$('#menu li a:eq('+elementindex+')').removeClass("active");
		});
	}		
}

if (elementindex == 2)
{
	if ($(events).is(':hidden'))
	{
		$.ajax({
		type: "POST",
		url: "events.php",
		async: false,
		data: "",
		success: function(retData)
		{
			$(events).empty();
			var offset=$('#menu li a:eq('+elementindex+')').offset();
			$(events).html(retData);
			var t=offset.top+30+"px";
			var l=offset.left-1;
			var l=l+"px";
			$(events).css("position","absolute");
			$(events).css("left",l);
			$(events).css("top",t);
			$('#menu li a:eq('+elementindex+')').addClass("active");
			$(events).slideDown(400);
		}
		});
	}
	else
	{
		$(events).slideUp(400, function()
		{
		$('#menu li a:eq('+elementindex+')').removeClass("active");
		});
	}		
}

if (elementindex == 3)
{
	$.ajax({
	type: "POST",
	url: "bestellung.php",
	async: false,
	data: "",
	success: function(retData)
	{
		$('#workarea').empty().html(retData);
		$('#menu li a:eq('+elementindex+')').addClass("active");
		window.setTimeout($(':input:first').focus(),500);
	}
	});
}

if (elementindex == 4)
{
	$.ajax({
	type: "POST",
	url: "impressum.php",
	async: false,
	data: "",
	success: function(retData)
	{
		$('#workarea').empty().html(retData);
		$('#menu li a:eq('+elementindex+')').addClass("active");
	}
	});	
}

if (elementindex == 5)
{
	$.ajax({
	type: "POST",
	url: "links.php",
	async: false,
	data: "",
	success: function(retData)
	{
		$('#workarea').empty().html(retData);
		$('#menu li a:eq('+elementindex+')').addClass("active");
	}
	});	
}
this.blur();
}); 
 
$("#closecalendar").live("click", function()
{
	$(div).slideUp(400, function()
	{
	$('#menu li a:eq('+savedindex+')').removeClass("active");
	});
});

$("#closeevents").live("click", function()
{
	$(events).slideUp(400, function()
	{
	$('#menu li a:eq('+savedindex+')').removeClass("active");
	});
});

$("#bb").live("click", function()
{
	var mydata = $("form#bestellung").serialize();
		$.ajax({
		type : "POST",
		url : "bestellung-submit.php",
		async : false,
		data : "&" + mydata,
		success : function(retData) 
		{
		if (retData =="0")
		{
		alert ("Die Felder Name und Email sind Pflichtfelder!")
		$(':input:first').focus();
		}
		else if (retData =="2")
		{
		alert ("Die e-mail-Adresse ist ungültig!")
		$(':input:eq(3)').focus();
		}
		
		else
		{
		$('#bestellmsg').slideDown(400);
		}
		}
});
});

$("#closebildanfrage").live("click", function()
{
	$('#bildanfrage').slideUp(400);
});

$("#submitbildanfrage").live("click", function()
{
	var mydata = $("form#picsearch").serialize();
		$.ajax({
		type : "POST",
		url : "bildanfrage.php",
		async : false,
		data : "&" + mydata,
		success : function(retData) 
		{
		if (retData == "0")
			{
			alert ("Die Felder Bildbeschreibung und Email-Adresse sind Pflichtfelder!")
			$('#bildanfrage :input:first').focus();
			}
			else if (retData == "2")
			{
			alert ("Die e-mail-Adresse ist ungültig!")
			$('#bildanfrage :input:eq(1)').focus();
			}
			else
			{
			alert ("Ihre Anfrage ist übermittelt worden - wir setzen uns zeitnah mit Ihnen in Verbindung.")
			$('#bildanfrage').slideUp(400);
			}
		}
});
});

$("#anfrage").click(function()
{
	if ($('#bildanfrage').is(':visible'))
	{
	$('#bildanfrage').slideUp(400);
	}
	else
	{
	$('#bildanfrage').empty().html("<p style='text-align:right;margin:0;padding:0;'><a href='javascript:void(0);'><img id='closebildanfrage' style='border-left:2px solid #700;border-bottom:2px solid #700;' src='images/close.png' width='13' height='13' border='0'></a></p><form action='' method='' id='picsearch' onsubmit='return false;'><table cellpadding='0' cellspacing='10' width='100%'><tr><td>Ich suche ein Bild von:</td><td><input type='text' name='gesuchtesbild' value='' style='width:200px;' class='myinput'></td></tr><tr><td>e-mail-Adresse:</td><td><input type='text' name='emailadresse' value='' style='width:200px;' class='myinput'></td></tr><tr><td>&nbsp;</td><td><input type='submit' name='sm7575' id='submitbildanfrage' style='width:205px;' class='mybutton' value='Bildanfrage absenden'></td></tr></table></form>");
	$('#bildanfrage').slideDown(400, function()
	{
	$('#bildanfrage :input:first').focus();
	}
	);
	
	}
});

});

function SetCalendar(monat,modus)
{
	$.ajax({
    type: "POST",
    url: "calendar.php",
    async: false,
	data: "what="+modus+"&m="+monat,
    success: function(retData)
	{
	$(div).empty().html(retData);
	}
	});
}

function GetGallery(racedate,modus,picgroup,page)
{
	$.ajax({
    type: "POST",
    url: "getimages.php",
    async: false,
	data: "what="+modus+"&racedate="+racedate+"&picgroup="+picgroup+"&page="+page,
    success: function(retData)
	{
	savepicidx=-1;
	$('#workarea').empty().html(retData);
		if ($('#legende').is(':visible'))
		{
		$('#legende').hide();	
		}
	}
	});
	$(div).slideUp(400, function()
	{
	$('#menu li a:eq('+savedindex+')').removeClass("active");
	});
}

function GetEventGallery(id,page)
{
	$.ajax({
    type: "POST",
    url: "geteventimages.php",
    async: false,
	data: "id="+id+"&page="+page,
    success: function(retData)
	{
	savepicidx=-1;
	$('#workarea').empty().html(retData);
		if ($('#legende').is(':visible'))
		{
		$('#legende').css('display','none');	
		}
	}
});
	$(events).slideUp(400, function()
	{
	$('#menu li a:eq('+savedindex+')').removeClass("active");
	});

}

function DisplayPic(id, picidx)
{
	if (picidx == savepicidx)
	{
	return;
	}
	savepicidx=picidx;

	$.ajax({
    type: "POST",
    url: "getbigpic.php",
    async: false,
	data: "id="+id,
		success: function(retData)
		{
		retData=retData.replace(/"/g,"'")
			mysplit=retData.split("##");
			$('#legende').stop().fadeOut(200, function()
			{
			$('#legende').css('display','none');	
			});
			
			$("#mypic").stop().fadeOut(600, function() 
			{ 
			$("#displaypic").empty();
			$("#displaypic").append("<img id='mypic' src='"+mysplit[0]+"' style='margin-top:"+mysplit[1]+";' "+mysplit[2]+" border='0'>");
			$("#mypic").css("display","none");
				$("#mypic").stop().fadeIn(600 ,function()
				{
					var coord = $("#mypic").offset();
					var breite=$("#mypic").width();
					var hoehe=$("#mypic").height();
					var linkerrand=coord.left+3;
					var oben=coord.top;

					linkerrand+="px";
					var toplegend=oben+hoehe-57;
					toplegend+="px";
					breite+="px";

					$('#legende').css('position','absolute');
					$('#legende').css('width',breite);
					$('#legende').css('height','60px');
					$('#legende').css('left',linkerrand);
					$('#legende').css('top',toplegend);
					$('#legende').css('background-color','#111111');
					$('#legende').css('opacity','.6');
					$('#legende').empty().html('<p>'+mysplit[3]+'</p>');					
					$('#legende').stop().delay(400).fadeIn(600);
				});
			}); 
		}
	});
}