/*
 * 	loopedSlider - jQuery plugin
 *	written by Nathan Searles	
 *	http://code.google.com/p/loopedslider/
 *
 *	Copyright (c) 2009 Nathan Searles (http://nathansearles.com/loopedslider/)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */
(function($jq){
 	$jq.fn.extend({ 
 		banner: function(options) {
    		return this.each(function() {

				// set defaults
				var defaults = {
					container : 'container',
					slideClass : 'slide',
					pagination : 'pagination',
					navButtons : 'nav-buttons', 
					fadeSpeed : 400,
					slideSpeed : 250,
					animateSpeed : 200,
					autoHeight : true,
					padding : 20,
					easing : 'easeOutQuad'
				};

				// set variables	
				var obj = $jq(this);
				var o = $jq.extend(defaults, options);
				var u = false;
				var w = obj.width(); 
				//var h = obj.height();
				var f = $jq('.'+o.container, obj).find('li:first').attr('id');
				var l = $jq('.'+o.container, obj).find('li:last').attr('id');
				
				// funcitons
				function setToActive(c) {
					var current = $jq(c).attr('id');
					$jq('a[href$jq="'+current+'"]', obj).addClass('active');
				}
				
				// applies style to divs
				$jq('.'+o.container, obj).find('li').css({ opacity: 0 });
				
				// load first slide
				$jq('.'+o.container, obj).find('li:eq(0)').animate({ opacity: 1.0 }, o.fadeSpeed, function() {						
					$jq(this).addClass('current');
					setToActive(this);
				});		

				// fade code
				$jq('.'+o.pagination, obj).find('a').click(function(){
					if(u===false  && ($jq(this).hasClass('active')===false)) {
						u = true;
						// removes active
						$jq('a', obj).removeClass('active');

						// fades out current slide
						$jq('.'+o.container, obj).find('li').animate({ opacity: 0 }, o.fadeSpeed, function() {					
							$jq(this).removeClass('current');
						});

						// setsup value for new slide
						var x = 0;
						var parentId = $jq(this).attr('href');
						var parentSplit = parentId.split('-');
						x = ((parentSplit[1]*1));
						
						
						// fades in new slide
						$jq('#'+o.slideClass+'-'+(x), obj).animate({ opacity: 1.0 }, o.fadeSpeed, function() {
							$jq(this).addClass('current');
							u = false;
							setToActive(this);		
						});
					}
					return false;
				});

				// slide code
				$jq('.'+o.navButtons, obj).find('a').click(function(){
					if(u===false) {
						u = true;
						var loop = false;
						var fLoop = f;
						var lLoop = l;

						// removes active state
						$jq('a', obj).removeClass('active');

						// flips directions
						if ($jq(this).hasClass('next')) {
							var nextD = -w;
							var previousD = w;
							var direction = +1;
						}
						if ($jq(this).hasClass('previous')) {
							nextD = w;
							previousD = -w;
							direction = -1;
						}

						// setup the loop
						if ($jq('#'+fLoop, obj).hasClass('current')) {
							loop = 'first';
						}
						if (($jq('#'+lLoop, obj).hasClass('current'))) {
							loop = 'last';
						}

						// get the name of the new slide
						if ((loop==='first') && ($jq(this).hasClass('previous'))) {
							lLoop = lLoop.split('-');
							x = ((lLoop[1]*1));
						} else if ((loop==='last') && ($jq(this).hasClass('next'))) {
							fLoop = fLoop.split('-');
							x = ((fLoop[1]*1));
						} else {
							// setsup value for new slide
							var getCurrent = $jq('.'+o.container, obj).find('.current').attr('id');
							getCurrent = getCurrent.split('-');
							x = ((getCurrent[1]*1+direction));
						}

						
						// sets next slide to slide in position		
						$jq('#'+o.slideClass+'-'+(x), obj).css({ opacity: 1, left: previousD});
						
						// slides in new slide
						$jq('#'+o.slideClass+'-'+(x), obj).animate({ left: 0 }, o.slideSpeed, o.easing, function() {
							$jq(this).addClass('current');
							$jq(this).css({ opacity: 1 });
							u = false;
							// Sets active state for pagination a
							setToActive(this);						
						});
						
						// slides out current slide
						$jq('.'+o.container, obj).find('.current').animate({ 'left': nextD }, o.slideSpeed, o.easing, function() {					
							$jq(this).removeClass('current');
							$jq(this).css({ opacity: 0, left: 0});
						});
						
					}
				return false;
				});
			});
    	}
	});
})(jQuery);

$jq(function(){
		$jq('#banner').banner();
	});