this.screenshotPreview = function(){			
		xOffset = 600;
		yOffset = 180;
			$("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br>" + this.t : "";
		$("body").append("<p id='screenshot'><img src='i/preview1.jpg' alt='url preview' />"+ c +"</p>");								 
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX - xOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX - xOffset) + "px")
	});			
};

this.screenshotPreview2 = function(){			
		xOffset = 600;
		yOffset = 180;
			$("a.screenshot2").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br>" + this.t : "";
		$("body").append("<p id='screenshot'><img src='i/preview2.jpg' alt='url preview' />"+ c +"</p>");								 
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX - xOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot2").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX - xOffset) + "px")
	});			
};
this.screenshotPreview3 = function(){			
		xOffset = 600;
		yOffset = 180;
			$("a.screenshot3").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br>" + this.t : "";
		$("body").append("<p id='screenshot'><img src='i/preview3.jpg' alt='url preview' />"+ c +"</p>");								 
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX - xOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot3").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX - xOffset) + "px")
	});			
};
this.screenshotPreview4 = function(){			
		xOffset = 600;
		yOffset = 180;
			$("a.screenshot4").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br>" + this.t : "";
		$("body").append("<p id='screenshot'><img src='i/preview4.jpg' alt='url preview' />"+ c +"</p>");								 
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX - xOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot4").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX - xOffset) + "px")
	});			
};


$(document).ready(function(){
	
	screenshotPreview();
	screenshotPreview2(); 
	screenshotPreview3(); 
	screenshotPreview4(); 
	

	
	
	
	
$("#container").hide();
	
	$("#container").fadeIn(1500);
	
$("#container").delay(2000).animate({marginTop:"0px"}, 400).animate({marginTop:"0px"}, 370);				
	
$("#nav1").click(function () {$('html, body').animate({scrollTop: $("#line1").offset().top}, 600);});	
$("#nav2").click(function () {$('html, body').animate({scrollTop: $("#line2").offset().top}, 1000);});		
$("#nav3").click(function () {$('html, body').animate({scrollTop: $("#line3").offset().top}, 1500);});	
$("#nav4").click(function () {$('html, body').animate({scrollTop: $("#line4").offset().top}, 1500);});	
$("#nav5").click(function () {$('html, body').animate({scrollTop: $("#line5").offset().top}, 1500);});	

$("#firmaer").click(function () {$('html, body').animate({scrollTop: $("#firma").offset().top}, 1500);});	
$("#kontakter").click(function () {$('html, body').animate({scrollTop: $("#kontakt").offset().top}, 1500);});	

$("#top1").click(function () {$('html, body').animate({scrollTop: $("#container").offset().top}, 100);});	
$("#top2").click(function () {$('html, body').animate({scrollTop: $("#container").offset().top}, 500);});	
$("#top3").click(function () {$('html, body').animate({scrollTop: $("#container").offset().top}, 1000);});	
$("#top4").click(function () {$('html, body').animate({scrollTop: $("#container").offset().top}, 1500);});	
$("#top7").click(function () {$('html, body').animate({scrollTop: $("#container").offset().top}, 1500);});	
$("#top8").click(function () {$('html, body').animate({scrollTop: $("#container").offset().top}, 1500);});	

$("#nav1").hover(

 function () { 
 $(this).css({cursor: 'none'});
 $(".eins").css({backgroundPosition:"400px 0px", backgroundColor:"#fff"}, 200);
 $(".ausz").animate({ marginTop:"0px", backgroundPosition:"0 0"}, 200);
 $(".teaserimageinside").animate({marginTop:"0px"}, 370);
 },
function () { 
 });
 
 
 $("#nav2").hover(
 function () { 
 $(".eins").css({backgroundPosition:"460px 0px", backgroundColor:"#d3bda6"}, 200);
 $("#nav2").animate({  backgroundPosition:"320 15"}, 200);
 $(".ausz").animate({marginTop:"81px",backgroundPosition:"0 -50"}, 370);
 $(".teaserimageinside").animate({marginTop:"-350px"}, 370);
 },
function () { 
 });
 
 $("#nav3").hover(
 function () { 
 $(".eins").css({backgroundPosition:"460px 0px", backgroundColor:"#d3bda6"}, 200);
 $("#nav3").animate({ backgroundPosition:"320 15"}, 200);
 $(".ausz").animate({marginTop:"162px",backgroundPosition:"0 -100"}, 370);	
 $(".teaserimageinside").animate({marginTop:"-700px"}, 370);
 },
function () { 
 });
 
 $("#nav4").hover(
 function () { 
 $(".eins").css({backgroundPosition:"460px 0px", backgroundColor:"#d3bda6"}, 200);
 $("#nav4").animate({ backgroundPosition:"320 15"}, 200);
 $(".ausz").animate({marginTop:"243px",backgroundPosition:"0 -150"}, 370);
 $(".teaserimageinside").animate({marginTop:"-1050px"}, 370);	
 },
function () { 
 });
 


 



$(".galnav h2.yea1").hover(
 function () { $(this).animate({ 
 borderTopColor:"#535351",
 borderBottomColor:"#535351"
 }, 200);
 },
function () { $(this).animate({ 
 borderTopColor:"#ecebeb",
 borderBottomColor:"#ecebeb",
 }, 200);});

$(".galnav h2.yea2").hover(
 function () { $(this).animate({ 
 borderTopColor:"#9a824e",
 borderBottomColor:"#9a824e"
 }, 200);
 },
function () { $(this).animate({ 
 borderTopColor:"#FBEDDB",
 borderBottomColor:"#FBEDDB",
 }, 200);});

$(".galnav h2.yea3").hover(
 function () { $(this).animate({ 
 borderTopColor:"#7f895d",
 borderBottomColor:"#7f895d"
 }, 200);
 },
function () { $(this).animate({ 
 borderTopColor:"#EAE7D9",
 borderBottomColor:"#EAE7D9",
 }, 200);});

$(".galnav h2.yea4").hover(
 function () { $(this).animate({ 
 borderTopColor:"#7f895d",
 borderBottomColor:"#7f895d"
 }, 200);
 },
function () { $(this).animate({ 
 borderTopColor:"#ECDFD7",
 borderBottomColor:"#ECDFD7",
 }, 200);});

$(".galnav h2.yea5").hover(
 function () { $(this).animate({ 
 borderTopColor:"#7f895d",
 borderBottomColor:"#7f895d"
 }, 200);
 },
function () { $(this).animate({ 
 borderTopColor:"#ECDFD7",
 borderBottomColor:"#ECDFD7",
 }, 200);});

$(".galnav h2.yea6").hover(
 function () { $(this).animate({ 
 borderTopColor:"#535351",
 borderBottomColor:"#535351"
 }, 200);
 },
function () { $(this).animate({ 
 borderTopColor:"#ecebeb",
 borderBottomColor:"#ecebeb",
 }, 200);});


$(".galnav h2.yea7").hover(
 function () { $(this).animate({ 
 borderTopColor:"#535351",
 borderBottomColor:"#535351"
 }, 200);
 },
function () { $(this).animate({ 
 borderTopColor:"#e7e7e2",
 borderBottomColor:"#e7e7e2",
 }, 200);});


$(".galnav h2.yea8").hover(
 function () { $(this).animate({ 
 borderTopColor:"#535351",
 borderBottomColor:"#535351"
 }, 200);
 },
function () { $(this).animate({ 
 borderTopColor:"#D4BFAE",
 borderBottomColor:"#D4BFAE",
 }, 200);});


$("#gal1").click(function () {
	$("#galnav1").find('.selected').removeClass("selected");
	$("#gal1").addClass("selected");
	$(".p1").hide();$(".p6").hide();$("#p61").show();
	$("#galnav6").fadeIn("slow");
	$("#galnav1").animate({marginRight:"355px"});
});


/////////////////////////////////////////////////////////////////////////////////////////////////////////

$("#galnav6").hide();


$("#gal2").click(function () {
	$("#galnav1").find('.selected').removeClass("selected");
	$("#gal2").addClass("selected");
	$(".p1").hide();$(".p6").hide();$("#p12").show();

	$("#galnav6").fadeOut("fast");

	$("#galnav1").animate({marginRight:"40px"});
	
});	

////////////////////////////////////////

$("#gal3").click(function () {
	$("#galnav1").find('.selected').removeClass("selected");
	$("#gal3").addClass("selected");
	$(".p1").hide();$(".p6").hide();$("#p13").show();
	$("#galnav6").fadeOut("fast");
	$("#galnav1").animate({marginRight:"40px"});
});



$("#gal61").click(function () {
	$("#galnav6").find('.selected').removeClass("selected");
	$("#gal61").addClass("selected");
	$(".p1").hide();$(".p6").hide();$("#p61").show();
});
$("#gal62").click(function () {
	$("#galnav6").find('.selected').removeClass("selected");
	$("#gal62").addClass("selected");
	$(".p1").hide();$(".p6").hide();$("#p62").show();
});
$("#gal63").click(function () {
	$("#galnav6").find('.selected').removeClass("selected");
	$("#gal63").addClass("selected");
	$(".p1").hide();$(".p6").hide();$("#p63").show();
});
$("#gal64").click(function () {
	$("#galnav6").find('.selected').removeClass("selected");
	$("#gal64").addClass("selected");
	$(".p1").hide();$(".p6").hide();$("#p64").show();
});
$("#gal65").click(function () {
	$("#galnav6").find('.selected').removeClass("selected");
	$("#gal65").addClass("selected");
	$(".p1").hide();$(".p6").hide();$("#p65").show();
});
	

	
	

	
$("#gal21").click(function () {
	$("#galnav2").find('.selected').removeClass("selected");
	$("#gal21").addClass("selected");
	$(".p2").hide();$("#p21").show();
});

$("#gal22").click(function () {
	$("#galnav2").find('.selected').removeClass("selected");
	$("#gal22").addClass("selected");
	$(".p2").hide();$("#p22").show();
});	


$("#gal23").click(function () {
	$("#galnav2").find('.selected').removeClass("selected");
	$("#gal23").addClass("selected");
	$(".p2").hide();$("#p23").show();

});
	
$("#gal24").click(function () {
	$("#galnav2").find('.selected').removeClass("selected");
	$("#gal24").addClass("selected");
	$(".p2").hide();$("#p24").show();
});	
$("#gal25").click(function () {
	$("#galnav2").find('.selected').removeClass("selected");
	$("#gal25").addClass("selected");
	$(".p2").hide();$("#p25").show();
});	
	
	
	
	
	
$("#gal31").click(function () {
	$("#galnav3").find('.selected').removeClass("selected");
	$("#gal31").addClass("selected");
	$(".p3").hide();$("#p31").show();
});

$("#gal32").click(function () {
	$("#galnav3").find('.selected').removeClass("selected");
	$("#gal32").addClass("selected");
	$(".p3").hide();$("#p32").show();
});	



	
$("#gal34").click(function () {
	$("#galnav3").find('.selected').removeClass("selected");
	$("#gal34").addClass("selected");
	$(".p3").hide();$("#p34").show();
});	

$("#galnav5	").hide();

$("#gal41").click(function () {
	$("#galnav4").find('.selected').removeClass("selected");
	$("#gal41").addClass("selected");
	$(".p4").hide();$(".p5").hide();$("#p41").show();
	$("#galnav4").animate({marginRight:"40px"});
	$("#galnav5").fadeOut("fast");
});

$("#gal42").click(function () {
	$("#galnav4").find('.selected').removeClass("selected");
	$("#gal42").addClass("selected");
	$(".p4").hide();$("#p51").show();
	$("#galnav4").animate({marginRight:"355px"});
	$("#galnav5").fadeIn("slow");
});	

$("#gal51").click(function () {
	$("#galnav5").find('.selected').removeClass("selected");
	$("#gal51").addClass("selected");
	$(".p4").hide();$(".p5").hide();$("#p51").show();
});
$("#gal52").click(function () {
	$("#galnav5").find('.selected').removeClass("selected");
	$("#gal52").addClass("selected");
	$(".p4").hide();$(".p5").hide();$("#p52").show();
});
$("#gal53").click(function () {
	$("#galnav5").find('.selected').removeClass("selected");
	$("#gal53").addClass("selected");
	$(".p4").hide();$(".p5").hide();$("#p53").show();
});
$("#gal54").click(function () {
	$("#galnav5").find('.selected').removeClass("selected");
	$("#gal54").addClass("selected");
	$(".p4").hide();$(".p5").hide();$("#p54").show();
});
$("#gal55").click(function () {
	$("#galnav5").find('.selected').removeClass("selected");
	$("#gal55").addClass("selected");
	$(".p4").hide();$(".p5").hide();$("#p55").show();
});
	
	
	
	
	
	
$("#gal71").click(function () {
	$("#galnav7").find('.selected').removeClass("selected");
	$("#gal71").addClass("selected");
	$(".p7").hide();$("#firma_firma").show();
});	
$("#gal72").click(function () {
	$("#galnav7").find('.selected').removeClass("selected");
	$("#gal72").addClass("selected");
	$(".p7").hide();$("#firma_produktion").show();
});	
$("#gal73").click(function () {
	$("#galnav7").find('.selected').removeClass("selected");
	$("#gal73").addClass("selected");
	$(".p7").hide();$("#firma_ausstellung").show();
});
$("#gal74").click(function () {
	$("#galnav7").find('.selected').removeClass("selected");
	$("#gal74").addClass("selected");
	$(".p7").hide();$("#firma_stellenangebote").show();
});



$("#gal81").click(function () {
	$("#galnav8").find('.selected').removeClass("selected");
	$("#gal81").addClass("selected");
	$(".p8").hide();$("#kontakt_adresse").show();
});
	
$("#gal82").click(function () {
	$("#galnav8").find('.selected').removeClass("selected");
	$("#gal82").addClass("selected");
	$(".p8").hide();$("#kontakt_kontakt").show();
});	
	
	
	
	
		

$(".n").hover(
 function () { $(this).children('img').animate({ marginLeft:"8px"}, 100); },
 function () { $(this).children('img').animate({ marginLeft:"0px"}, 300); }
);
$(".p").hover(
 function () { $(this).children('img').animate({ marginLeft:"-8px"}, 100); },
 function () { $(this).children('img').animate({ marginLeft:"0px"}, 300); }
);
	
	
	
	 $(".maps").hover(
	 function () { 
	 $(this).css({backgroundPosition:"0px -604px"}, 200);
	 },
	function () { 
	$(this).css({backgroundPosition:"0px 0px"}, 200);
	 });
	
	
	
	/*
	
	
$("#up1").click(function () {$('html, body').animate({scrollTop: $("#header").offset().top}, 500);});	
$("#up2").click(function () {$('html, body').animate({scrollTop: $("#header").offset().top}, 500);});	

	


$("#b1").click(function(){$(".hellyeah").css({"margin-left":"-970px"});$('#image1').load('1.html', function() {$('#image1').fadeIn(1500);});
$('html, body').animate({scrollTop: $("#arbeiten").offset().top}, 500);});
$("#z1").click(function(){$(".hellyeah").animate({ marginLeft:"0px"}, 300);});
$("#w1").click(function(){$(".hellyeah").animate({ marginLeft:"-1940px"}, 300);$('#image2').load('2.html', function() {$('#image2').fadeIn(1500);});});




$(".cc").click(function(){$(".hellyeah").animate({ marginLeft:"0"}, 2000);  });

$("#auszugkundenliste").click(function(){$('html, body').animate({scrollTop: $("#container_bottom").offset().top}, 500);});

*/


});