$(document).ready(function() { 

/* -------------------- */
/* --- jquery.cycle --- */
/* -------------------- */


var $ss = $('#bgcontainer');
	var stack = [];

	// damit das dokument valide ist muss das ul-tag via javascript eingebaut werden
	var element_x = document.getElementById("headerimageswitcher");
	var element_a = document.createElement("ul");
	element_a.setAttribute("id", "headerimageswitcher_list");
	element_x.appendChild(element_a);
	
	// bilder defnieren, die nachgeladen werden sollen (anmerkung: ist seitenspezifisch im header zu definieren!)
	//var img_src = new Array('img/header-002-web.jpg','img/header-003-web.jpg','img/header-004-web.jpg','img/header-005-web.jpg','img/header-006-web.jpg','img/header-007-web.jpg','img/header-008-web.jpg','img/header-009-web.jpg','img/header-010-web.jpg','img/header-011-web.jpg','img/header-012-web.jpg');

	// bilder nachladen
	for (var i = 0; i < img_src.length; ++i) {
		var temp_copyright = '';
		var temp_description = '';
		if(copyright[i] || creator[i]) {
			temp_copyright = '<div class="copyright">&copy; ';
			if(copyright[i]) {
				temp_copyright += copyright[i];
			}
			if(copyright[i] && creator[i]) {
				temp_copyright += ', ';
			}
			if(creator[i]) {
				temp_copyright += creator[i];
			}
			temp_copyright += '</div>';
		}
		if(description[i]) {
			temp_description = '<div class="description">' + description[i] + '</div>';
		}
		$ss.append('<div class="bg">' + temp_copyright + temp_description + '<img src="'+ img_src[i] +'" alt="' + description[i] + '" /></div>');
	}

	// start slideshow 
	$ss.cycle({
		fx: 'fade',
		pager: '#headerimageswitcher_list',
		pagerAnchorBuilder: anchorBuilder,
		pagerClick: pausieren,
	timeout: 4000
	});

	// slideshop bei klick auf imageswitcher-item pausieren
	function pausieren() {
			$('#bgcontainer').cycle('pause');
	}
	
	//  anchorBuilder
	function anchorBuilder(idx, slide) { 
		return '<li id="headerimageswitcher' + (idx+1) + '"><a href="#">Urlaub in Bayern - Bild ' + (idx+1) + '</a></li>'; 
	}


/* ------------------- */
/* --- bgmaximizer --- */
/* ------------------- */

resize();

/* ----------------- */
/* --- jFastMenu --- */
/* ----------------- */

$.jFastMenu("#menu");

});