$(function() 
{	
	/* Browserweiche */

	var browserversion=parseInt($.browser.version, 10);
	if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
	if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
	if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
	if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
	if (navigator.appVersion.indexOf("iPad")!=-1) OSName="iPad";
	if (navigator.appVersion.indexOf("iPhone")!=-1) OSName="iPhone";
	
	if ($.browser.msie && browserversion<8)
	{
		$(location).attr("href","http://www.art-motion.de/browserweiche.php"); 
	}

	/* Animiertes Scrollen */
	
	$("a[href*=#]").bind("click", function(event) 
	{
		event.preventDefault();
		var ziel = $(this).attr("href");
		
		if ($.browser.opera) 
		{
			var target = "html";
		}
		else
		{
			var target = "html,body";
		}

		$(target).animate({
		scrollTop: $(ziel).offset().top
		}, 2000);
	});
	
	/* Browserauflösung ermitteln */
	
	var browserbreite=$(document).width();
	var browserhoehe=$(window).height();
	
	/* Wenn IE 8, dann andere Browserbreite */
		
	if ($.browser.msie) 
	{
		if (browserversion="8")
		{
			var browserbreite=browserbreite-8;
		}
	}
	
	/* Wenn Safari unter Windows, dann andere Browserbreite */
	
	if($.browser.safari && OSName=="Windows")
	{   
		var browserbreite=browserbreite-17;
	}  
	if($.browser.safari && OSName=="MacOS")
	{   
		var browserbreite=browserbreite-17;
	}  
	if($.browser.safari && OSName=="iPad" || OSName=="iPhone")
	{   
		var browserbreite=browserbreite;
	}  
	
	/* Schriftgröße anpassen */
	
	var browserbreitestart=1024;
	var browserhoehestart=768;
	var alteschriftgroesse=12;
	
	var prozentualeabweichungbreite=(browserbreite/browserbreitestart)*100;
	var prozentualeabweichunghoehe=(browserhoehe/browserhoehestart)*100;
	var prozentualeabweichung=prozentualeabweichunghoehe;
	var neueschriftgroesse=(prozentualeabweichung/100)*alteschriftgroesse;
	
	if($.browser.safari)
	{   
		$("body").css("overflow","auto");  
	}  
	if($.browser.chrome)
	{   
		$("body").css("overflow","hidden");  
	}  
	$("body").css("font-size",neueschriftgroesse);
	
	/* Pfeile anpassen */
	
	var pfeilbreite=browserbreite-60;
	$(".pfeil").css("width",pfeilbreite);
	
	/* Animiertes Pfeile 
	
	$(".pfeil").everyTime(20,function()
	{ 
		$("#top .pfeil").animate({top: "42"}, 800 ).delay(200).animate({top: "32"}, 800 );
		$("#unten .pfeil").animate({bottom: "42"}, 800 ).delay(200).animate({bottom: "32"}, 800 );
	});*/
	
	/* Boxen anpassen */
	
	var boxbreite=parseInt((browserbreite/4)-2);
	var boxhoehe=parseInt((browserhoehe/3)-34);
	
	$(".box").css("width",boxbreite);
	$(".box").css("height",boxhoehe);
	
	/* Bilder und Texte anpassen */
	
	var quotient=(browserbreite/browserhoehe);
	if(quotient>1.8)
	{
		/* Höhe der Bilder anpassen */
		
		$(".boxinhalt img.voll").removeClass("vollbreite");
		$(".boxinhalt img.voll").addClass("vollhoehe");
		
		$(".boxinhalt img.mittel").removeClass("mittelbreite");
		$(".boxinhalt img.mittel").addClass("mittelhoehe");
		
		$(".boxinhalt img.klein").removeClass("kleinbreite");
		$(".boxinhalt img.klein").addClass("kleinhoehe");
		
		$(".scrollable .items div img.detailbild").removeClass("detailbildbreite");
		$(".scrollable .items div img.detailbild").addClass("detailbildhoehe");
		
		$(".unter_scrollable .unter_items .unter_item img.detailbild").removeClass("detailbildbreite");
		$(".unter_scrollable .unter_items .unter_item img.detailbild").addClass("detailbildhoehe");
	}
	if(quotient<1.4)
	{
		/* Breite anpassen */
		
		$(".boxinhalt img.voll").removeClass("vollhoehe");
		$(".boxinhalt img.voll").addClass("vollbreite");
		
		$(".boxinhalt img.mittel").removeClass("mittelhoehe");
		$(".boxinhalt img.mittel").addClass("mittelbreite");
		
		$(".boxinhalt img.klein").removeClass("kleinhoehe");
		$(".boxinhalt img.klein").addClass("kleinbreite");
		
		$(".scrollable .items div img.detailbild").removeClass("detailbildhoehe");
		$(".scrollable .items div img.detailbild").addClass("detailbildbreite");
		
		$(".unter_scrollable .unter_items .unter_item img.detailbild").removeClass("detailbildhoehe");
		$(".unter_scrollable .unter_items .unter_item img.detailbild").addClass("detailbildbreite");
	}
	if(quotient>=1.4 && quotient<=1.8)
	{
		$(".boxinhalt img.voll").removeClass("vollbreite");
		$(".boxinhalt img.voll").addClass("vollhoehe");
		
		$(".boxinhalt img.mittel").removeClass("mittelbreite");
		$(".boxinhalt img.mittel").addClass("mittelhoehe");
		
		$(".boxinhalt img.klein").removeClass("kleinbreite");
		$(".boxinhalt img.klein").addClass("kleinhoehe");
		
		$(".scrollable .items div img.detailbild").removeClass("detailbildbreite");
		$(".scrollable .items div img.detailbild").addClass("detailbildhoehe");
		
		$(".unter_scrollable .unter_items .unter_item img.detailbild").removeClass("detailbildbreite");
		$(".unter_scrollable .unter_items .unter_item img.detailbild").addClass("detailbildhoehe");
	}
	
	/* Overlay Effekt */
	
	$(".plusicon[rel]").each(function() 
	{
		var divid=$(this).attr("rel");
		$(this).overlay(
		{
			effect: 'apple',
			onBeforeLoad: function() 
			{
				/* Hochscrollen */
				
				if ($.browser.opera) 
				{
	                var target = 'html';
	            }
				else
				{
	                var target = 'html,body';
	            }
				$(target).animate(
				{
					scrollTop: $("#top").offset().top
				}, 0);
				
				/* Scroller verstecken */
				
				$(".pfeil").stop(true, true).fadeOut();
				
				/* Scrollen fuer Safari verbieten */
				
				if ($.browser.safari) 
				{
					$("body").css("overflow","hidden");
				}
			},
			onLoad: function() 
			{
				/* Inhalt laden */
				
				var ordnername=divid.substr(1,divid.length);
				$(""+divid+"").load(ordnername+"/index.php");
				
				/* Hoehe und Breite der Sliderboxen ermitteln und festlegen */

				var browserbreite=$(document).width();
				var browserhoehe=$(window).height();

				var divbreite=(browserbreite/100)*100;
				var divbreite2=(browserbreite/100)*60;
				var divhoehe=(browserhoehe/100)*80;
				var abstandoben=divhoehe/2;
				
				$(".beschreibung").css("margin-top",abstandoben);

				$(".scrollable").css("width",divbreite2);
				$(".scrollable").css("height",divhoehe);
				$(".scrollable .items").css("width",divbreite2);
				$(".scrollable .items div").css("width",divbreite2);
				$(".scrollable .items div").css("height",divhoehe);

				$(".hauptslider").css("width",divbreite);
				$(".hauptslider").css("height",divhoehe);
				$(".hauptslider .seiten").css("width",divbreite);
				$(".hauptslider .seiten .seite").css("width",divbreite);
				$(".hauptslider .seiten .seite").css("height",divhoehe);
				$(".hauptslider .seiten .seite .unter_scrollable").css("width",divbreite);
				$(".hauptslider .seiten .seite .unter_scrollable").css("height",divhoehe);
				$(".hauptslider .seiten .seite .unter_scrollable .unter_items").css("height",divhoehe);
				$(".hauptslider .seiten .seite .unter_scrollable .unter_items .unter_item").css("width",divbreite);
				$(".hauptslider .seiten .seite .unter_scrollable .unter_items .unter_item").css("height",divhoehe);
			},
			onClose: function()
			{
				/* Scroller zeigen */
				
				$(".pfeil").fadeIn();
				
				/* Scrollen fuer Safari erlauben */
				
				if(checkBrowserName("safari"))
				{   
					$("body").css("overflow","auto");  
				}  
				if(checkBrowserName("chrome"))
				{   
					$("body").css("overflow","hidden");  
				}  
				
				/* Inhalt loeschen */
				
				var ordnername=divid.substr(1,divid.length);
				$(""+divid+"").load("clear.php");
			}
		});			
	});
	
	$(".klick[rel]").each(function() 
	{
		var divid=$(this).attr("rel");
		$(this).overlay(
		{
			effect: 'apple',
			onBeforeLoad: function() 
			{
				/* Hochscrollen */
				
				if ($.browser.opera) 
				{
					var target = 'html';
			    }
				else
				{
			        var target = 'html,body';
			    }
				$(target).animate(
				{
					scrollTop: $("#top").offset().top
				}, 0);
						
				/* Scroller verstecken */
						
				$(".pfeil").stop(true, true).fadeOut();
						
				/* Scrollen fuer Safari verbieten */
						
				if ($.browser.safari) 
				{
					$("body").css("overflow","hidden");
				}
			},
			onLoad: function() 
			{
				/* Inhalt laden */
						
				var ordnername=divid.substr(1,divid.length);
				$(""+divid+"").load(ordnername+"/index.php");
						
				/* Hoehe und Breite der Sliderboxen ermitteln und festlegen */

				var browserbreite=$(document).width();
				var browserhoehe=$(window).height();

				var divbreite=(browserbreite/100)*100;
				var divbreite2=(browserbreite/100)*60;
				var divhoehe=(browserhoehe/100)*80;
				var abstandoben=divhoehe/2;
						
				$(".beschreibung").css("margin-top",abstandoben);

				$(".scrollable").css("width",divbreite2);
				$(".scrollable").css("height",divhoehe);
				$(".scrollable .items").css("width",divbreite2);
				$(".scrollable .items div").css("width",divbreite2);
				$(".scrollable .items div").css("height",divhoehe);

				$(".hauptslider").css("width",divbreite);
				$(".hauptslider").css("height",divhoehe);
				$(".hauptslider .seiten").css("width",divbreite);
				$(".hauptslider .seiten .seite").css("width",divbreite);
				$(".hauptslider .seiten .seite").css("height",divhoehe);
				$(".hauptslider .seiten .seite .unter_scrollable").css("width",divbreite);
				$(".hauptslider .seiten .seite .unter_scrollable").css("height",divhoehe);
				$(".hauptslider .seiten .seite .unter_scrollable .unter_items").css("height",divhoehe);
				$(".hauptslider .seiten .seite .unter_scrollable .unter_items .unter_item").css("width",divbreite);
				$(".hauptslider .seiten .seite .unter_scrollable .unter_items .unter_item").css("height",divhoehe);
			},
			onClose: function()
			{
				/* Scroller zeigen */
						
				$(".pfeil").fadeIn();
					
				/* Scrollen fuer Safari erlauben */
						
				if(checkBrowserName("safari"))
				{   
					$("body").css("overflow","auto");  
				}  
				if(checkBrowserName("chrome"))
				{   
					$("body").css("overflow","hidden");  
				}  
					
				/* Inhalt loeschen */
						
				var ordnername=divid.substr(1,divid.length);
				$(""+divid+"").load("clear.php");
			}
		});			
	});
	
	/* Hover-Effekte */
	
	$("#pfeilunten a img").live("mouseover", function() 
	{
		$(this).attr(
		{ 
			src: "images/nachunten_hover.jpg"
		});
	});
	$("#pfeilunten a img").live("mouseout", function() 
	{
		$(this).attr(
		{ 
			src: "images/nachunten.jpg"
		});
	});
	
	$("#pfeiloben a img").live("mouseover", function() 
	{
		$(this).attr(
		{ 
			src: "images/nachoben_hover.jpg"
		});
	});
	$("#pfeiloben a img").live("mouseout", function() 
	{
		$(this).attr(
		{ 
			src: "images/nachoben.jpg"
		});
	});
	
	/* Email abschicken */
	
	$("#emailsenden").click(function () 
	{
		var betreff=$("#emailbetreff").val();
		var text=$("#emailtext").val()
		var data = 'betreff=' + betreff + '&text=' +  encodeURIComponent(text);
	
		$.ajax(
		{
			url: "emailverarbeitung.php",
			type: "POST",
			data: data,
			success: function (reqCode) 
			{
				if (reqCode==1) 
				{
					$("#emailformular").fadeOut("slow");
					$("#emailabgeschickt").delay(1000).fadeIn("slow");
				} 
				else
				{
					alert("Fehler beim Abschicken des Formulares.");
				}
			}
		});
	return false;
	});
	
	/* FTP Login und Upload */
	
	$("#einloggen").click(function () 
	{
		var benutzer=$("#benutzer").val();
		var passwort=$("#passwort").val()
		var data="benutzer="+benutzer+"&passwort="+passwort;
				
		$.ajax(
		{
			url: "ftpeinloggen.php",
			type: "POST",			
			data: data,  
			success: function (reqCode) 
			{
				if (reqCode==1) 
				{
					$("#kundenlogin").fadeOut("slow");
					$("#kundenupload").delay(1000).fadeIn("slow");
				} 
				else
				{
					alert("Der Login ist nicht korrekt.");
				}
			}
		});
	return false;
	});
});

/* Browserauflösung ermitteln und Boxen anpassen */

$(window).resize(function() 
{
	/* Browserauflösung ermitteln */
	
	var browserbreite=$(document).width();
	var browserhoehe=$(window).height();
	
	/* Wenn IE 8, dann andere Browserbreite */
		
	if ($.browser.msie) 
	{
		if (browserversion="8")
		{
			var browserbreite=browserbreite-8;
		}
	}
	
	/* Wenn Safari unter Windows, dann andere Browserbreite */
	
	if($.browser.safari && OSName=="Windows")
	{   
		var browserbreite=browserbreite-20;
	}  
	
	/* Schriftgröße anpassen */
	
	var browserbreitestart=1024;
	var browserhoehestart=768;
	var alteschriftgroesse=12;
	
	var prozentualeabweichungbreite=(browserbreite/browserbreitestart)*100;
	var prozentualeabweichunghoehe=(browserhoehe/browserhoehestart)*100;
	var prozentualeabweichung=prozentualeabweichunghoehe;
	var neueschriftgroesse=(prozentualeabweichung/100)*alteschriftgroesse;
	
	$("body").css("font-size",neueschriftgroesse);
	
	/* Pfeile anpassen */
	
	var pfeilbreite=browserbreite-60;
	$(".pfeil").css("width",pfeilbreite);
	
	/* Boxen anpassen */
	
	var boxbreite=parseInt((browserbreite/4)-2);
	var boxhoehe=parseInt((browserhoehe/3)-34)

	$(".box").css("width",boxbreite);
	$(".box").css("height",boxhoehe);
	
	/* Bilder anpassen */
	
	var quotient=(browserbreite/browserhoehe);
	if(quotient>1.8)
	{
		/* Höhe anpassen */
		
		$(".boxinhalt img.voll").removeClass("vollbreite");
		$(".boxinhalt img.voll").addClass("vollhoehe");
		
		$(".boxinhalt img.mittel").removeClass("mittelbreite");
		$(".boxinhalt img.mittel").addClass("mittelhoehe");
		
		$(".boxinhalt img.klein").removeClass("kleinbreite");
		$(".boxinhalt img.klein").addClass("kleinhoehe");
		
		$(".scrollable .items div img.detailbild").removeClass("detailbildbreite");
		$(".scrollable .items div img.detailbild").addClass("detailbildhoehe");
		
		$(".unter_scrollable .unter_items .unter_item img.detailbild").removeClass("detailbildbreite");
		$(".unter_scrollable .unter_items .unter_item img.detailbild").addClass("detailbildhoehe");
	}
	if(quotient<1.4)
	{
		/* Breite anpassen */
		
		$(".boxinhalt img.voll").removeClass("vollhoehe");
		$(".boxinhalt img.voll").addClass("vollbreite");
		
		$(".boxinhalt img.mittel").removeClass("mittelhoehe");
		$(".boxinhalt img.mittel").addClass("mittelbreite");
		
		$(".boxinhalt img.klein").removeClass("kleinhoehe");
		$(".boxinhalt img.klein").addClass("kleinbreite");
		
		$(".scrollable .items div img.detailbild").removeClass("detailbildhoehe");
		$(".scrollable .items div img.detailbild").addClass("detailbildbreite");
		
		$(".unter_scrollable .unter_items .unter_item img.detailbild").removeClass("detailbildhoehe");
		$(".unter_scrollable .unter_items .unter_item img.detailbild").addClass("detailbildbreite");
	}
	if(quotient>=1.4 && quotient<=1.8)
	{
		$(".boxinhalt img.voll").removeClass("vollbreite");
		$(".boxinhalt img.voll").addClass("vollhoehe");
		
		$(".boxinhalt img.mittel").removeClass("mittelbreite");
		$(".boxinhalt img.mittel").addClass("mittelhoehe");
		
		$(".boxinhalt img.klein").removeClass("kleinbreite");
		$(".boxinhalt img.klein").addClass("kleinhoehe");
		
		$(".scrollable .items div img.detailbild").removeClass("detailbildbreite");
		$(".scrollable .items div img.detailbild").addClass("detailbildhoehe");
		
		$(".unter_scrollable .unter_items .unter_item img.detailbild").removeClass("detailbildbreite");
		$(".unter_scrollable .unter_items .unter_item img.detailbild").addClass("detailbildhoehe");
	}
	
	/* Höhe und Breite der Sliderboxen ermitteln und festlegen */
	
	var divbreite=(browserbreite/100)*100;
	var divhoehe=(browserhoehe/100)*80;
	
	$(".scrollable .items div").css("height",divhoehe);
	
	$(".hauptslider").css("width",divbreite);
	$(".hauptslider").css("height",divhoehe);
	$(".hauptslider .seiten").css("width",divbreite);
	$(".hauptslider .seiten .seite").css("width",divbreite);
	$(".hauptslider .seiten .seite").css("height",divhoehe);
	$(".hauptslider .seiten .seite .unter_scrollable").css("width",divbreite);
	$(".hauptslider .seiten .seite .unter_scrollable").css("height",divhoehe);
	$(".hauptslider .seiten .seite .unter_scrollable .unter_items").css("height",divhoehe);
	$(".hauptslider .seiten .seite .unter_scrollable .unter_items .unter_item").css("width",divbreite);
	$(".hauptslider .seiten .seite .unter_scrollable .unter_items .unter_item").css("height",divhoehe);
	
	var beschreibunghoehe=$(".beschreibung").css("height");
	var beschreibunghoehe=beschreibunghoehe.replace("px","");
	var abstandoben=0-(beschreibunghoehe/2);
	$(".beschreibung").css("margin-top",abstandoben);
});

/* Funktion zur Browser-Ermittlung */

function checkBrowserName(name)
{   
	var agent = navigator.userAgent.toLowerCase();   
	if (agent.indexOf(name.toLowerCase())>-1) 
	{
		return true;   
	}
	return false;   
}

/* Funktion zum Datei-Upload */

function ajaxFileUpload()
{ 
    $.ajaxFileUpload
    (
        {
            url:'kundenupload.php', 
            secureuri:false,
            fileElementId:'fileToUpload',
            dataType: 'json',
            success: function (data, status)
            {
                if(typeof(data.error) != 'undefined')
                {
                    if(data.error != '')
                    {
                        alert(data.error);
                    }
                    else
                    {
                    	$("#kundenupload").fadeOut("slow");
                        $("#dateihochgeladen").delay(500).fadeIn("slow");
                    }
                }
            },
            error: function (data, status, e)
            {
                alert(e);
            }
        }
    )
    return false;
} 
