$(window).load(function () {
	
	var bgTop = $('<div/>')
		.addClass('opacityAnim')
		.appendTo($('#part_wall'));
	$('<div/>')
		.attr('id','part_wall_sky')
		.appendTo( bgTop );
	
	var bgFloor = $('<div/>')
		.addClass('opacityAnim')
		.appendTo($('#part_floor'));
	$('<div/>')
		.attr('id','part_floor_sky')
		.appendTo( bgFloor );
	
	var bgBottom = $('<div/>')
		.addClass('opacityAnim')
		.appendTo($('#part_bottom'));
	$('<div/>')
		.attr('id','part_bottom_sky')
		.appendTo( bgBottom );
	
	var bgHills = $('<div/>')
		.addClass('opacityAnim')
		.appendTo($('#part_main'));
	$('<div/>')
		.attr('id','part_wall_hills')
		.appendTo( bgHills );
	
	var bgHillsReflection = $('<div/>')
		.addClass('opacityAnim')
		.appendTo($('#part_floor'));
	$('<div/>')
		.attr('id','part_floor_hills')
		.appendTo( bgHillsReflection );
	
	if ($.browser.msie) {
		$('#part_floor_hills, #part_wall_hills').parent().removeClass('opacityAnim');
	}
	
	$('.opacityAnim').css('display','none').fadeIn(3000);
	
	//start animation
	siteSkyAnimation();
});

function siteSkyAnimation() {
	$('#part_wall_sky')
		.css( {backgroundPosition: "0 bottom"} )
		.animate({'backgroundPosition':'(-2400px bottom)'},200000,'linear');
	$('#part_floor_sky')
		.css( {backgroundPosition: "0 0"} )
		.animate({'backgroundPosition':'(-2400px 0px)'},200000,'linear', function() {
			setTimeout('siteSkyAnimation()',1);
		});
}