var onDocumentReady = function (e) {
	
	$(window).resize(onWindowResize);
	onWindowResize();

	var img = new Image();
		img.onload = function () {
			$('#bg-image')
				.append('<img src="images/bg.jpg"/>');
				
				
			
			onWindowResize();
			init();
		}
		img.src = "images/bg.jpg";	

	
	/** bind onchange **/
	$.address.change(onLocationChange)
	
	delete onDocumentReady;
}

$(document).ready(onDocumentReady);


/** init the page **/
function init () {
	
		setTimeout (function () {
			
			$('.spin').css('background-image','none');
			
			$elems = $('#boot-screen').find('li');
			var size = $elems.length;
			
			$elems
			.each(function(index, element) {
				
				var top = $(this).position().top;
				$(this).data('top',top);
	
			})
			.each(function(index, element) {
                
				var top = $(this).data('top');
				$(this)
					.css({
						top:top,
						position:'absolute'
					});
				
				var onLastComplte = null;
			
				if (index == size-1)
					onLastComplte = function () {
						$('#boot-screen').remove();
					}
				$(element)
					.animate({height:0}, 1100,onLastComplte);
            });
		},1000);	
}



/** if the window resized **/
function onWindowResize () {
	$win = $('#page');
	
	$('#content-loader')
		.css({
			top:'120px',
			height:$win.height()-120-70
			});
}





/** location change **/
function onLocationChange (obj) {
	var page = obj.path.replace('/','');
	
	if (page == "") page = "startseite";
	
	triggers.onClose(page);
	
	$('#sitemap').stop().animate({'padding-left':'10px', opacity:0},500);
	$('#content-loader')
		.stop()
		.animate({opacity:0}, 500, function () {
			var params = obj.parameters;
				params.site = page;
			$.get('loader.php', params, function (html) {
				$('#content-loader')
					.html(html)
					.stop()
					.animate({opacity:1}, 500);
				
				$('#sitemap')
					.html(page)
					.stop().
					animate({'padding-left':'0px', opacity:1},500);
					
				triggers.onOpen(page);
			});
		});
}



function iconsSlideRight () {
	var offset = $('.pslider').scrollLeft();
	
	$('.pslider')
		.stop()
		.animate({'scrollLeft':offset+225}, 500);	
}


function iconsSlideLeft () {
	var offset = $('.pslider').scrollLeft();
	
	$('.pslider')
		.stop()
		.animate({'scrollLeft':offset-225}, 500);	
	
}


function galleryLeft () {
	var offset = $('.ga-img-list').scrollLeft();
	$('.ga-img-list')
		.stop()
		.animate({'scrollLeft':offset-900}, 500);		
}

function galleryRight () {
	var offset = $('.ga-img-list').scrollLeft();
	$('.ga-img-list')
		.stop()
		.animate({'scrollLeft':offset+900}, 500);}