$(document).ready(function(){
			
			
			$('#piccontainer')
				.cycle({ 
					fx:     'fade', 
					speed:  '2000', 
					timeout: 0, 
					next:   '#piccontainer',
					pager:  '#slideshownav' 
				});
			
			$("[@class='navinactive']").hover(
				function () {
					  $(this).removeClass('navinactive');
					  $(this).addClass('navactive');
				},
				
				function () {
					  $(this).removeClass('navactive');
					  $(this).addClass('navinactive');
				}
			);
			
			
			$("[@id^='imprint']").click(
				function () {
					var div = $('#developmentcontent');
					if(div.attr('class') == 'visible'){
						div.removeClass('visible');
						div.addClass('invisible');
						$(this).removeClass('developmentup-s');
						$(this).addClass('development-s');
						$("#top").removeClass('top');
						$("#top").addClass('topinvis');
					}
					else
					{
						div.removeClass('invisible');
						div.addClass('visible');
						$(this).removeClass('development-s');
						$(this).addClass('developmentup-s');
						$("#top").removeClass('topinvis');
						$("#top").addClass('top');
					}
					
				}
				);
			
			$("[@id^='development']").click(
				function () {
					var div = $('#developmentcontent');
					if(div.attr('class') == 'visible'){
						div.removeClass('visible');
						div.addClass('invisible');
						$(this).removeClass('developmentup');
						$(this).addClass('development');
						$("#top").removeClass('top');
						$("#top").addClass('topinvis');
					}
					else
					{
						div.removeClass('invisible');
						div.addClass('visible');
						$(this).removeClass('development');
						$(this).addClass('developmentup');
						$("#top").removeClass('topinvis');
						$("#top").addClass('top');
					}
					
				}
				);
			
			
			$("[@id^='slideshow']").click(function(event) {
				event.preventDefault();
				var oldsrc = $("#img_slideshow").attr('src');
				var src = $(this).attr('href');
				
				$("#img_slideshow").attr('src',src);
				
				$("[@href='"+src+"']").addClass('slideactive');
				$("[@href='"+src+"']").removeClass('slideinactive');
				$("[@href='"+oldsrc+"']").removeClass('slideactive');
				$("[@href='"+oldsrc+"']").addClass('slideinactive');
			
			});
			
			/*
			$("[@class='slideinactive']").hover(
				function () {
					  $(this).removeClass('slideinactive');
					  $(this).addClass('slideactive');
				},
				
				function () {
					  $(this).removeClass('slideactive');
					  $(this).addClass('slideinactive');
				}
			);
			*/

			
	});