/* Copyright (c) 2008 Sean Soper
* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* jquery-glide
* Version: 1.1 (Dec 30, 2008)
* Requires: jQuery 1.2.6+
*/
 
(function($) {
  $.fn.glide = function(options) {
 
    var defaults = {
      duration: 3000,
      transition: 400,
      width: null,
      height: null,
      controller: null,
	  next_button: null,
	  previous_button: null,
      autostart: true,
      callback: null,
      initial_slide: 0,
      css_classes: {
        selected: 'selected',
        container: 'container'
      }
    }
 
    var opts = $.extend(defaults, options)
    var width = opts.width || $(this).css('width')
    var height = opts.height || $(this).css('height')
    var current = parseInt(opts.initial_slide)
    var timer = null
    var length = $(this).children().length
    var controller = opts.controller || '#' + this.id + '-controller'
    var next_button = '#' + opts.next_button
    var previous_button = '#' + opts.previous_button
	
    $(this).css({
      position: 'relative',
      overflow: 'hidden'
    })
 
    $(this).children().wrapAll('<div class="' + opts.css_classes.container + '"></div>').css({
      position: 'relative',
      width: this.width() + 'px',
      height: this.height() + 'px',
      float: 'left'
    }).parent().css({
      position: 'relative',
      width: this.parent().width() * length + 'px',
      height: this.parent().height() + 'px',
      overflow: 'hidden'
    })
 
    $(controller).children(':eq(' + current + ')').addClass(opts.css_classes.selected)
 
    var element = this
    $(controller).children().each(function(i) {
      $(this).click(function() {
        opts.autostart && dotimer(element)
        $(this).siblings().removeClass(opts.css_classes.selected)
        $(this).addClass(opts.css_classes.selected);
        var containerWidth = $(element).find('.' + opts.css_classes.container + ' :first').width()
		$(element).children('.' + opts.css_classes.container + ':first').stop()
        $(element).children('.' + opts.css_classes.container + ':first').animate({
          marginLeft: "-" + (i * containerWidth + "px")
        }, opts.transition)
        current = i
        opts.callback && opts.callback(i)
      })
    })
 
    var next = function (elem) {
      $(controller).children(':eq(' + (current) + ')').removeClass(opts.css_classes.selected)
 
      if (current < length - 1)
        current++
      else
        //current = 0
		return false;
 
      var containerWidth = $(elem).find('.' + opts.css_classes.container + ' :first').width()
 
      $(controller).children(':eq(' + current + ')').addClass(opts.css_classes.selected)
 
	  $(elem).children('.' + opts.css_classes.container + ':first').stop()
      $(elem).children('.' + opts.css_classes.container + ':first').animate({
        marginLeft: '-' + (current * containerWidth) + 'px'
      }, opts.transition)
      
      opts.callback && opts.callback(current)
    }
	
    var previous = function (elem) {
      $(controller).children(':eq(' + (current) + ')').removeClass(opts.css_classes.selected)
 
      if (current > 0)
        current--
      else
        //current = length - 1
		return false;
 
      var containerWidth = $(elem).find('.' + opts.css_classes.container + ' :first').width()
	  
      $(controller).children(':eq(' + current + ')').addClass(opts.css_classes.selected)
 
	  $(elem).children('.' + opts.css_classes.container + ':first').stop()
      $(elem).children('.' + opts.css_classes.container + ':first').animate({
        marginLeft: '-' + (current * containerWidth) + 'px'
      }, opts.transition)
      
      opts.callback && opts.callback(current)
    }
	
    var dotimer = function (elem) {
      if(timer != null) clearInterval(timer);
 
      timer = setInterval(function() {
        next(elem)
      }, opts.duration)
    }
 
    current != 0 && current-- && next(this)
    opts.autostart && dotimer(this)
	
	var temp = this
	
	next_button && $(next_button).click(function(){next(temp)})
	previous_button && $(previous_button).click(function(){previous(temp)})
  }
 
})(jQuery);