$(document).ready(function(){
	$('body').data('myImageFlow', 0);
	$('#c_angebot').hide();		
	$('#c_firma').hide();		
	$('#c_kontakt').hide();		
	$('#c_design').hide();		

	$('#button-design').click(function() {
		$('#button-design').width("154px")
		.attr({ src : 'images/menu/01-design-on.png'})
		.animate({"top": "-=40px"}, 0)
		.animate({"top": "+=40px"}, 1000);
		$('#c_einstieg').hide();		
		$('#c_angebot').hide();		
		$('#button-angebot').width("130px").attr({ src : 'images/menu/02-angebot-off.png'});		
		$('#c_firma').hide();		
		$('#button-firma').width("102px").attr({ src : 'images/menu/03-firma-off.png'});		
		$('#c_kontakt').hide();		
		$('#button-kontakt').width("108px").attr({ src : 'images/menu/04-kontakt-off.png'});		
		$('#c_design').show();		
		if( $('body').data('myImageFlow') == 0 ) {
			var instanceOne = new ImageFlow();
			instanceOne.init({ ImageFlowID:'myImageFlow',
							 reflectionGET: '&bgc=ffffff&fade_start=20%',
							 reflectionPNG: false,
							imageFocusM: 1.4,
							 slideshow: true,
							 slideshowAutoplay: true });
			$('body').data('myImageFlow', 1);
		}
	});
	$('#button-angebot').click(function() {
		$('#button-angebot').width("177px")
		.attr({ src : 'images/menu/02-angebot-on.png'})
		.animate({"top": "-=40px"}, 0)
		.animate({"top": "+=40px"}, 1000);
		$('#c_einstieg').hide();		
		$('#c_design').hide();		
		$('#button-design').width("112px").attr({ src : 'images/menu/01-design-off.png'});		
		$('#c_angebot').show();		
		$('#c_firma').hide();		
		$('#button-firma').width("102px").attr({ src : 'images/menu/03-firma-off.png'});		
		$('#c_kontakt').hide();		
		$('#button-kontakt').width("108px").attr({ src : 'images/menu/04-kontakt-off.png'});
		$('#angebot3-themen').attr({ src : 'images/angebot3-themen.gif?'+new Date().getTime()});
	});	
	$('#button-firma').click(function() {
		$('#button-firma').width("135px")
		.attr({ src : 'images/menu/03-firma-on.png'})
		.animate({"top": "-=40px"}, 0)
		.animate({"top": "+=40px"}, 1000);
		$('#c_einstieg').hide();		
		$('#c_design').hide();		
		$('#button-design').width("112px").attr({ src : 'images/menu/01-design-off.png'});		
		$('#c_angebot').hide();		
		$('#button-angebot').width("130px").attr({ src : 'images/menu/02-angebot-off.png'});		
		$('#c_firma').show();		
		$('#c_kontakt').hide();		
		$('#button-kontakt').width("108px").attr({ src : 'images/menu/04-kontakt-off.png'});		
	});	
	$('#button-kontakt').click(function() {
		$('#button-kontakt').width("154px")
		.attr({ src : 'images/menu/04-kontakt-on.png'})
		.animate({"top": "-=40px"}, 0)
		.animate({"top": "+=40px"}, 1000);
		$('#c_einstieg').hide();		
		$('#c_design').hide();		
		$('#button-design').width("112px").attr({ src : 'images/menu/01-design-off.png'});		
		$('#c_angebot').hide();		
		$('#button-angebot').width("130px").attr({ src : 'images/menu/02-angebot-off.png'});		
		$('#c_firma').hide();		
		$('#button-firma').width("102px").attr({ src : 'images/menu/03-firma-off.png'});		
		$('#c_kontakt').show();		
	});	
	
	$('#kontakt_link').hover(
	function(){ 
		$('#kontakt_bild').attr({ src : 'images/kontakt-on.png'});
	},
	function(){ 
		$('#kontakt_bild').attr({ src : 'images/kontakt-off.png'});
	}
	);	
	$('#impressum_link1').hover(
	function(){ 
		$('#impressum_bild').attr({ src : 'images/impressum-on1.png'});
	},
	function(){ 
		$('#impressum_bild').attr({ src : 'images/impressum-off.png'});
	}
	);	
	$('#impressum_link2').hover(
	function(){ 
		$('#impressum_bild').attr({ src : 'images/impressum-on2.png'});
	},
	function(){ 
		$('#impressum_bild').attr({ src : 'images/impressum-off.png'});
	}
	);	
	
	
});