/*
 * jQuery Multiteaser Plugin
 * version 1.0.3
 *
 * 26.11.2009 by Philipp Urlich (philipp@urlich.ch)
 *
 * Requires:
 * jQuery 1.2.*+
 * jquery.timers.js plugin
 *
 * 	

init script example: 

$j(function(){
	$j('div#panel1').multiteaser({ timeInterval: 7000, transitionTime: 400 });		
});	

*/

jQuery.fn.multiteaser = function(settings) {

	settings = jQuery.extend({
	     timeInterval	: 5000,
	     transitionTime	: 500,
		 transitionType : 'fade',
		 teaserFrame	: '.multiteaserframe',
		 teaserItems	: '.item',
		 teaserLink		: '.teaser_text',
		 teaserNavi		: '.multiteasernavi',
		 btnBack		: '.back_button',
		 btnNext		: '.next_button',
		 counterActive	: true,
		 counter		: '.counter'
		 
	}, settings);

  return this.each(function(){

  	/* SET REFERENCE VAR TO OBJECT */
	var mt = jQuery(this);   
	var panelName = jQuery(this).attr('id');   

    /* count items in panel */
    var count = jQuery('div'+settings.teaserFrame+' '+settings.teaserItems, this).size();
	
	var currentItem = 1;
	var currentItemTemp = 1; 
	//var currentItemBack;
	//var currentItemForward;
	var itemArray = new Array(count);

	/* if transition type = slide we need the width of the frame */
	var frameWidth = jQuery('div'+settings.teaserFrame+' '+settings.teaserItems , this).width();
	

	/* ref teaserlink and teasertext object */
	/*-------------------------------------*/	
	
	currentTeaserObject = jQuery('div'+settings.teaserFrame+' '+settings.teaserItems+':first', this);
	
	
	/* init display */ 
	/*-------------------------------------*/	
	
	// only init counter if counterActive set to true
	settings.counterActive == true ? jQuery('div'+settings.counter, this).html(currentItem+' / '+count) : jQuery('div'+settings.counter, this).hide() ;
	
	jQuery('div'+settings.teaserFrame+' '+settings.teaserItems, this).each( function(i){
		jQuery(this).attr({id:panelName+"_teaser"+(i+1)}).css({zIndex:1,left:0});
	});
	
	/* Functions navigation Link "goback" */
	/*-------------------------------------*/	
	jQuery('a'+settings.btnBack, this).click(function(){
		setTeasers('back', settings.fadeTime);
		updateCounterDisplay();	
		jQuery('body').stopTime('itemRotation'+panelName);
		startTimedTransition();	
	});
	
	/* Functions navigation Link "goforward" */
	/*-------------------------------------*/
	jQuery('a'+settings.btnNext, this).click(function(){
		setTeasers('next', settings.fadeTime);
		updateCounterDisplay();
		jQuery('body').stopTime('itemRotation'+panelName);
		startTimedTransition();	
	});	

	/* Event hover function for stoping rotation */
	/*-------------------------------------*/
    jQuery(mt).hover(
		function(){ jQuery('body').stopTime('itemRotation'+panelName); },		 
		function(){ startTimedTransition(); }
	);
	jQuery(mt).mousemove(
		function(){ jQuery('body').stopTime('itemRotation'+panelName); }
	);
					 
 
/* ##############################################*/
/* GLOBAL STATIC FUNCTIONS ------------- */
    
    /* Start Sequence interval
 	*/
    var startTimedTransition = function(){
		jQuery('body').stopTime('itemRotation'+panelName);
    	jQuery('body').everyTime(settings.timeInterval, 'itemRotation'+panelName, function(){
			setTeasers('next', settings.transitionTime);
			updateCounterDisplay();
		});
    };
    	
    
        
    /* Update the display of the current active and total artikels eg: 1 / 8
    */
    var updateCounterDisplay = function(){
		// only update counter if set to true
    	settings.counterActive == true ? jQuery('div'+settings.teaserNavi+' div'+settings.counter, mt).html(currentItem+' / '+count) : '';
    };
	
	
	
	 /* Update teaserlink and text
    */
    var setTeaserLink = function(teaser){
    	teaserText = jQuery(teaser, mt).children('a').attr('title');
		teaserHref = jQuery(teaser, mt).children('a').attr('href');
		jQuery(settings.teaserLink+' a', mt).text(teaserText); 
		jQuery(settings.teaserLink+' a', mt).attr('href',teaserHref); 
    };
    
    
    /* Set the correct menu-entry and artikel active 
     *  target = Number of the Artikel coming from the Link rel attribute
     */
    var setTeasers = function(direction,transitionTime){
	
		if(direction == 'next')
		{
			currentItemTemp = currentItem;
    		currentItem++;
			if(currentItem > count) { currentItem = 1 };
		}
		else if(direction == 'back')
		{
			currentItemTemp == currentItem ? currentItemTemp = count : currentItemTemp = currentItem;
			currentItem--;
			if(currentItem < 1) { currentItem = count };
		}
		
		if(settings.transitionType == 'fade')
		{
			jQuery('div'+settings.teaserFrame+' div#'+panelName+"_teaser"+currentItemTemp, mt).css({zIndex:100}).fadeOut(transitionTime);
			jQuery(settings.teaserLink, mt).fadeOut(transitionTime, function(){
				currentTeaser = jQuery('div'+settings.teaserFrame+' div#'+panelName+"_teaser"+currentItem, mt).css({zIndex:101}).fadeIn(transitionTime);
				setTeaserLink(currentTeaser);
				jQuery(settings.teaserLink, mt).fadeIn(transitionTime);
			});
		}
		else if(settings.transitionType == 'slide')
		{
			if(direction ==  'next'){
				// first let's fade out link text first
				jQuery(settings.teaserLink, mt).fadeOut(transitionTime, function(){
																				 
					lastObj		= jQuery('div'+settings.teaserFrame+' div#'+panelName+"_teaser"+currentItemTemp, mt);
					currentObj 	= jQuery('div'+settings.teaserFrame+' div#'+panelName+"_teaser"+currentItem, mt);
					
					// let's position and move lastItem to the left
					lastObj.css({zIndex:3,left:0}).animate({
						left: '-'+frameWidth+'px'
						},transitionTime, function(){lastObj.css({zIndex:1,left:0});} );
					
					// while position and show current item
					currentObj.css({zIndex:2,left:0}).show();
					
					// set teaserlink and fadeIn
					setTeaserLink(currentObj);
					jQuery(settings.teaserLink, mt).fadeIn(transitionTime);
				});
			}
			else
			{
				// first let's fade out link text first
				jQuery(settings.teaserLink, mt).fadeOut(transitionTime, function(){
					
					lastObj			= jQuery('div'+settings.teaserFrame+' div#'+panelName+"_teaser"+currentItemTemp, mt);
					currentObj	 	= jQuery('div'+settings.teaserFrame+' div#'+panelName+"_teaser"+currentItem, mt);
					
					lastObj.css({zIndex:2,left:0}).show();
					
					// then let's move item to the right
					currentObj.css({zIndex:3, left: '-'+frameWidth+'px'}).show().animate({
						left: 0
						},transitionTime, function(){ currentObj.css({zIndex:2,left:0}); lastObj.css({zIndex:1})});
					
					// set teaserlink and fadeIn
					setTeaserLink(currentObj);
					jQuery(settings.teaserLink, mt).fadeIn(transitionTime);
				});
			}
		}
    };
	
	// start teaser slideshow
	setTeaserLink(currentTeaserObject);
    startTimedTransition();
  
  });
};



// timer plugin

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);
		}
	});