/**
 * Image Fader
 * 
 * This Javascript file starts the slideshow with a fade
 * effect for every imagewrap element (one or more images)
 * in a given container.    
 *  
 * @author Nicolas Sell
 * @date 10-12-2009
 *     
 */   
  
 // When the document is ready and loaded
 jQuery(document).ready(function() {  
  // Wait before effect starts
  var waitBeforeFadeIn = 1000;
  var wholetime = 60000;
  var wholetime2 = 60000;
         
  jQuery(this).wait(waitBeforeFadeIn, function() {
    // Calling the effect
    fadeTheImage();
  });
  
  // Webcam Refersher
  jQuery('.youtubevideo img').everyTime(60000, 'webcam', function() {
    jQuery(this).attr('src', 'fileadmin/images/webcam/bild.jpg?' + Math.random());
  });
  
  if(jQuery('.webcamoverlay').attr("yes")!="yes") {
    jQuery('.youtubevideo img').after('<div style="margin-top: -17px; color: #fff; margin-right: 4px;" yes="yes" class="webcamoverlay"></div>');
    jQuery('.webcamoverlay').everyTime(1000, 'webcamoverlay', function() {
      if(wholetime>0) wholetime = wholetime - 1000;
      if(wholetime==0) wholetime = 60000;
      jQuery(this).html("Wird in " + (wholetime/1000) + " Sekunden aktualisiert");
    });
  }   
  
  // When we are in the webcam-page
  jQuery('#content img').each(function() {
    if((jQuery(this).attr('src')).indexOf('webcam')>=0) {
      // Remove the little webcam picture on the side
      jQuery('.youtubevideo img').remove();
      
      jQuery(this).everyTime(60000, 'webcam', function() {
        jQuery(this).attr('src', 'fileadmin/images/webcam/bild.jpg?' + Math.random());
      });      
      
      // Refresher
      jQuery(this).after('<div style="margin-top: -17px; color: #fff; margin-left: 282px;" yes="yes" class="webcamoverlay2"></div>');
      jQuery('.webcamoverlay2').everyTime(1000, 'webcamoverlay', function() {
        if(wholetime2>0) wholetime2 = wholetime2 - 1000;
        if(wholetime2==0) wholetime2 = 60000;
        jQuery(this).html("Wird in " + (wholetime2/1000) + " Sekunden aktualisiert");
      });
    }
  });
      
 });
 
 
 function fadeTheImage() {
  var fadeInTime = 1500;
  var fadeInTimeOut = 5000;
  var fadeInEffect = 'fade';
  var fadeInSpeed = 1500;
   
  // FadeIn because the imagewraps are visibility: hidden    
  jQuery('#imagetop .csc-textpic-imagewrap, #imagebottom .csc-textpic-imagewrap, #content_image .csc-textpic-imagewrap').fadeIn(fadeInTime, function() {
    //After FadeIn, starting the slideshow       
    jQuery('#imagetop .csc-textpic-imagewrap, #imagebottom .csc-textpic-imagewrap, #content_image .csc-textpic-imagewrap').cycle({fx: fadeInEffect, timeout: fadeInTimeOut, speed: fadeInSpeed});
  });  
 }
















// Timer
jQuery.fn.extend({
	everyTime: function(interval, label, fn, times, belay) {
		return this.each(function() {
			jQuery.timer.add(this, interval, label, fn, times, belay);
		});
	},
	oneTime: function(interval, label, fn) {
		return this.each(function() {
			jQuery.timer.add(this, interval, label, fn, 1);
		});
	},
	stopTime: function(label, fn) {
		return this.each(function() {
			jQuery.timer.remove(this, label, fn);
		});
	}
});

jQuery.extend({
	timer: {
		guid: 1,
		global: {},
		regex: /^([0-9]+)\s*(.*s)?$/,
		powers: {
			// Yeah this is major overkill...
			'ms': 1,
			'cs': 10,
			'ds': 100,
			's': 1000,
			'das': 10000,
			'hs': 100000,
			'ks': 1000000
		},
		timeParse: function(value) {
			if (value == undefined || value == null)
				return null;
			var result = this.regex.exec(jQuery.trim(value.toString()));
			if (result[2]) {
				var num = parseInt(result[1], 10);
				var mult = this.powers[result[2]] || 1;
				return num * mult;
			} else {
				return value;
			}
		},
		add: function(element, interval, label, fn, times, belay) {
			var counter = 0;
			
			if (jQuery.isFunction(label)) {
				if (!times) 
					times = fn;
				fn = label;
				label = interval;
			}
			
			interval = jQuery.timer.timeParse(interval);

			if (typeof interval != 'number' || isNaN(interval) || interval <= 0)
				return;

			if (times && times.constructor != Number) {
				belay = !!times;
				times = 0;
			}
			
			times = times || 0;
			belay = belay || false;
			
			if (!element.$timers) 
				element.$timers = {};
			
			if (!element.$timers[label])
				element.$timers[label] = {};
			
			fn.$timerID = fn.$timerID || this.guid++;
			
			var handler = function() {
				if (belay && this.inProgress) 
					return;
				this.inProgress = true;
				if ((++counter > times && times !== 0) || fn.call(element, counter) === false)
					jQuery.timer.remove(element, label, fn);
				this.inProgress = false;
			};
			
			handler.$timerID = fn.$timerID;
			
			if (!element.$timers[label][fn.$timerID]) 
				element.$timers[label][fn.$timerID] = window.setInterval(handler,interval);
			
			if ( !this.global[label] )
				this.global[label] = [];
			this.global[label].push( element );
			
		},
		remove: function(element, label, fn) {
			var timers = element.$timers, ret;
			
			if ( timers ) {
				
				if (!label) {
					for ( label in timers )
						this.remove(element, label, fn);
				} else if ( timers[label] ) {
					if ( fn ) {
						if ( fn.$timerID ) {
							window.clearInterval(timers[label][fn.$timerID]);
							delete timers[label][fn.$timerID];
						}
					} else {
						for ( var fn in timers[label] ) {
							window.clearInterval(timers[label][fn]);
							delete timers[label][fn];
						}
					}
					
					for ( ret in timers[label] ) break;
					if ( !ret ) {
						ret = null;
						delete timers[label];
					}
				}
				
				for ( ret in timers ) break;
				if ( !ret ) 
					element.$timers = null;
			}
		}
	}
});

if (jQuery.browser.msie)
	jQuery(window).one("unload", function() {
		var global = jQuery.timer.global;
		for ( var label in global ) {
			var els = global[label], i = els.length;
			while ( --i )
				jQuery.timer.remove(els[i], label);
		}
	});
	
	
jQuery.fn.fadeToggle = function(speed, easing, callback) {
    return this.animate({opacity: 'toggle'}, speed, easing, callback);
};