function preloadImages() {
  
	pic_001 = new Image(); pic_001.src = "../images/nav1_off.jpg";
	pic_002 = new Image(); pic_002.src = "../images/nav1_on.jpg";
	pic_003 = new Image(); pic_003.src = "../images/nav2_off.jpg";	
	pic_004 = new Image(); pic_004.src = "../images/nav2_on.jpg";
	pic_005 = new Image(); pic_005.src = "../images/nav3_off.jpg";
	pic_006 = new Image(); pic_006.src = "../images/nav3_on.jpg";
	
	pic_007 = new Image(); pic_007.src = "../images/slideshow_l_off.png";
	pic_008 = new Image(); pic_008.src = "../images/slideshow_l_on.png";
	pic_009 = new Image(); pic_009.src = "../images/slideshow_r_off.png";
	pic_010 = new Image(); pic_010.src = "../images/slideshow_r_on.png";
	pic_011 = new Image(); pic_011.src = "../images/scroll.png";
	pic_012 = new Image(); pic_012.src = "../images/scroll_hover.png";
	
	pic_013 = new Image(); pic_013.src = "../images/heading_nestle.png";
	pic_014 = new Image(); pic_014.src = "../projekte/images/bg_nestle.jpg";

	pic_015 = new Image(); pic_015.src = "../images/heading_axe.png";
	pic_016 = new Image(); pic_016.src = "../projekte/images/bg_axe.jpg"; 

	pic_017 = new Image(); pic_017.src = "../images/heading_orf.png";
	pic_018 = new Image(); pic_018.src = "../projekte/images/bg_orf.jpg";

	pic_019 = new Image(); pic_019.src = "../images/heading_ist.png";
	pic_020 = new Image(); pic_020.src = "../projekte/images/bg_ist.jpg";

	pic_021 = new Image(); pic_021.src = "../images/heading_evolvienna.png";
	pic_022 = new Image(); pic_022.src = "../projekte/images/bg_evolvienna.jpg"; 

	pic_023 = new Image(); pic_023.src = "../images/heading_bluedanube.png";
	pic_024 = new Image(); pic_024.src = "../projekte/images/bg_bluedanube.jpg"; 

	pic_025 = new Image(); pic_025.src = "../images/heading_tacomedia.png";
	pic_026 = new Image(); pic_026.src = "../projekte/images/bg_tacomedia.jpg";

	pic_027 = new Image(); pic_027.src = "../images/heading_babypass.png";
	pic_028 = new Image(); pic_028.src = "../projekte/images/bg_babypass.jpg";

	pic_029 = new Image(); pic_029.src = "../images/heading_lomilomi.png";
	pic_030 = new Image(); pic_030.src = "../projekte/images/bg_lomilomi.jpg"; 

	pic_031 = new Image(); pic_031.src = "../images/heading_stift.png";
	pic_032 = new Image(); pic_032.src = "../projekte/images/bg_stift.jpg";

	pic_033 = new Image(); pic_033.src = "../images/heading_bfi.png";
	pic_034 = new Image(); pic_034.src = "../projekte/images/bg_bfi.jpg"; 

	pic_035 = new Image(); pic_035.src = "../images/heading_bfp.png";
	pic_036 = new Image(); pic_036.src = "../projekte/images/bg_bfp.jpg"; 

	pic_037 = new Image(); pic_037.src = "../images/heading_polypool.png";
	pic_038 = new Image(); pic_038.src = "../projekte/images/bg_polypool.jpg"; 

	pic_039 = new Image(); pic_039.src = "../images/heading_sonja.png";
	pic_040 = new Image(); pic_040.src = "../projekte/images/bg_sonja.jpg";

	pic_041 = new Image(); pic_041.src = "../images/heading_colgate.png";
	pic_042 = new Image(); pic_042.src = "../projekte/images/bg_colgate.jpg"; 

	pic_043 = new Image(); pic_043.src = "../images/heading_5freunde.png";
	pic_044 = new Image(); pic_044.src = "../projekte/images/bg_5freunde.jpg"; 
	
	pic_045 = new Image(); pic_045.src = "../images/heading_individuell.png";
	pic_046 = new Image(); pic_046.src = "../leistungen/images/bg_individuell.jpg"; 

	pic_047 = new Image(); pic_047.src = "../images/heading_barrierefrei.png";
	pic_048 = new Image(); pic_048.src = "../leistungen/images/bg_barrierefrei.jpg"; 

	pic_049 = new Image(); pic_049.src = "../images/heading_cms.png";
	pic_050 = new Image(); pic_050.src = "../leistungen/images/bg_cms.jpg"; 

	pic_051 = new Image(); pic_051.src = "../images/heading_seo.png";
	pic_052 = new Image(); pic_052.src = "../leistungen/images/bg_seo.jpg"; 

	pic_053 = new Image(); pic_053.src = "../images/heading_print.png";
	pic_054 = new Image(); pic_054.src = "../leistungen/images/bg_print.jpg"; 

	pic_055 = new Image(); pic_055.src = "../images/heading_web20.png";
	pic_056 = new Image(); pic_056.src = "../leistungen/images/bg_web20.jpg"; 

	pic_057 = new Image(); pic_057.src = "../images/heading_texten.png";
	pic_058 = new Image(); pic_058.src = "../leistungen/images/bg_text.jpg"; 

	pic_059 = new Image(); pic_059.src = "../images/heading_speziell.png";
	pic_060 = new Image(); pic_060.src = "../leistungen/images/bg_speziell.jpg";
}


function reinitScrollPanes() {
	$('.scroll-pane').jScrollPane(
		{
			showArrows: false, wheelSpeed: 20,
			scrollbarWidth: 21,
			dragMinHeight: 9, dragMaxHeight: 27,
			topCapHeight: 3,
			enableKeyboardNavigation: false,
			reinitialiseOnImageLoad: true
		}
	);
}


function changeValue(def_val, sender) {
    if (sender.value == def_val) {
        sender.value = "";
    } else if (sender.value == "") {
        sender.value = def_val;
    }
}


function animateOverlay(from_button) {
	$('#slideshow')
		.hover(function() {
			$('#overlay').stop(true, true).fadeIn(200);
		}, function() {
			$('#overlay').stop(true, true).fadeOut(200);
		}
	);

	if (from_button !== undefined) $('#overlay').show();
}

var services = new Array();
var projects = new Array();

function switch_project(project, from_button) {
	current_project = project;
	if (current_project < 0) current_project = projects.length - 1;
	if (current_project >= projects.length) current_project = 0;

	$.get('../projekte/'+projects[current_project]+'.html', function(data) {
		$('#slideshow_wrapper').html(data);
		$.get('../slideshow_nav.html', function(data) {
			$('#slideshow').hide();
			$('#slideshow').prepend(data);
			animateOverlay(from_button);
			$('#slideshow').fadeIn('slow');
		});

		$('#slideshow_wrapper').append(
			"<script type=\"text/javascript\">$(\"a[rel^='prettyPhoto']\").prettyPhoto();</script>");

		$('.active-arrow').remove();
		$('#projects ul li').removeClass('current');
		$('#projects ul li:nth-child('+(current_project+1)+')').addClass('current');
		$('#projects ul li:nth-child('+(current_project+1)+')').prepend('<span class="active-arrow">&raquo; </span>');
	});

	//window.location.replace('#' + projects[current_project]);

	reinitScrollPanes();
}


function switch_service(service, from_button) {
	current_service = service;
	if (current_service < 0) current_service = services.length - 1;
	if (current_service >= services.length) current_service = 0;

	$.get('../leistungen/'+services[current_service]+'.html', function(data) {
		$('#slideshow_wrapper').html(data);
		$.get('../slideshow_nav_services.html', function(data) {
			$('#slideshow').hide();
			$('#slideshow').prepend(data);
			animateOverlay(from_button);
			$('#slideshow').fadeIn('slow');
		});

		$('#slideshow_wrapper').append(
			"<script type=\"text/javascript\">$(\"a[rel^='prettyPhoto']\").prettyPhoto();</script>");

		$('.active-arrow').remove();
		$('#services ul li').removeClass('current');
		$('#services ul li:not(.services_heading):nth-child('+(current_service+1)+')').addClass('current');			
		$('#services ul li:not(.services_heading):nth-child('+(current_service+1)+')').prepend('<span class="active-arrow">&raquo; </span>');
	});

	//window.location.replace('#' + services[current_service]);

	reinitScrollPanes();
}