// JavaScript Document
jQuery(document).ready(function($) {
	
	var wert = (($(document).width()/2) - 75);
	$('#cellbau-logo').css('left',wert);

 
	// height of background image in pixels
	var backgroundheight = 4000;
 
	// get the current minute/hour of the day
	var now = new Date();
	var hour = now.getHours();
	var minute = now.getMinutes();
 
	// work out how far through the day we are as a percentage - e.g. 6pm = 75%
	var hourpercent = hour / 24 * 100;
	var minutepercent = minute / 60 / 24 * 100;
	var percentofday = Math.round(hourpercent + minutepercent);
 
	// calculate which pixel row to start graphic from based
	// on how far through the day we are
	var offset = backgroundheight / 100 * percentofday;
 
	// graphic starts at approx 6am, so adjust offset by 1/4
	var offset = offset - (backgroundheight / 4);
 
	function scrollbackground() {
		// decrease the offset by 1, or if its less than 1 increase it by
		// the background height minus 1
   		offset = (offset < 1) ? offset + (backgroundheight + 1) : offset + 1;
		// apply the background position
//   		$('#animation').css("background-position", "50% " + offset + "px");
   		$('#animation').css("background-position", offset + "px 50%");		
   		// call self to continue animation
   		setTimeout(function() {
			scrollbackground();
			}, 100
		);
   	}
 
	// Start the animation
	scrollbackground();
});



function slideSwitch() {
    var $active = $('#slideshow IMG.active');	
    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
	
	$('slideshow').css('background-image', "url:(" + $active.attr('src') + ");");	

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 5000, function() {
            $active.removeClass('active last-active');
        });
}

function slideSwitch2() {
    var $active = $('#cellbau-logo IMG.active');	
    if ( $active.length == 0 ) $active = $('#cellbau-logo IMG:last');
	
	$('cellbau-logo').css('background-image', "url:(" + $active.attr('src') + ");");	

    var $next =  $active.next().length ? $active.next()
        : $('#cellbau-logo IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 7000 );
});

$(function() {
    setInterval( "slideSwitch2()", 3000 );
});

$(function() {
	$("#cellbau-logo").click(function(event) {
	  event.preventDefault();
	  window.location = $(this).attr("url");
	});
});