/*
 * 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+':visible', 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).fadeOut(transitionTime);
			jQuery(settings.teaserLink, mt).fadeOut(transitionTime, function(){
				currentTeaser = jQuery('div'+settings.teaserFrame+' div#'+panelName+"_teaser"+currentItem, mt).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();
  
  });
};