/*
* Slides, A Slideshow Plugin for jQuery
* Intructions: http://slidesjs.com
* By: Nathan Searles, http://nathansearles.com
* Version: 1.1.5
* Updated: March 7th, 2011
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

(function($) {
	$.fn.slides = function(g) {
		g = $.extend({}, $.fn.slides.option, g);
		return this.each(function() {
			$('.' + g.container, $(this)).children().wrapAll('<div class="slides_control"/>');
			var d = $(this),
				control = $('.slides_control', d),
				total = control.children().size(),
				width = control.children().outerWidth(),
				height = control.children().outerHeight(),
				start = g.start - 1,
				effect = g.effect.indexOf(',') < 0 ? g.effect : g.effect.replace(' ', '').split(',')[0],
				paginationEffect = g.effect.indexOf(',') < 0 ? effect : g.effect.replace(' ', '').split(',')[1],
				next = 0,
				prev = 0,
				number = 0,
				current = 0,
				loaded, active, clicked, position, direction, imageParent, pauseTimeout, playInterval;

			function animate(a, b, c) {
				//Stop Animation if there is queue build up
				$(".optin-1").stop();
				$(".optin-2").stop();

				//Fade in first slide
				$(".optin-1").css('opacity', 0).animate({opacity: 1},  {duration: 2000 });
				//And delay the second slide - then fade
				$(".optin-2").css('opacity', 0).delay(700).animate({opacity: 1},  {duration: 2000 });
				
/*
				$(".optin-1").css('opacity', 0).animate({opacity: 1},  { queue: false, duration: 2000 }).delay(1000);

				$(".optin-2").css('opacity', 0);
				
				$(".optin-2").delay(1000).animate({opacity: 1},  { queue: false, duration: 2000 });
*/


				if (!active && loaded) {
					active = true;
					g.animationStart(current + 1);
					switch (a) {
					case 'next':
						prev = current;
						next = current + 1;
						next = total === next ? 0 : next;
						position = width * 2;
						a = -width * 2;
						current = next;
						break;
					case 'prev':
						prev = current;
						next = current - 1;
						next = next === -1 ? total - 1 : next;
						position = 0;
						a = 0;
						current = next;
						break;
					case 'pagination':
						next = parseInt(c, 10);
						prev = $('.' + g.paginationClass + ' li.current a', d).attr('href').match('[^#/]+$');
						if (next > prev) {
							position = width * 2;
							a = -width * 2
						} else {
							position = 0;
							a = 0
						}
						current = next;
						break
					}
					if (b === 'fade') {
						if (g.crossfade) {
							control.children(':eq(' + next + ')', d).css({
								zIndex: 10
							}).fadeIn(g.fadeSpeed, g.fadeEasing, function() {
								if (g.autoHeight) {
									control.animate({
										height: control.children(':eq(' + next + ')', d).outerHeight()
									}, g.autoHeightSpeed, function() {
										control.children(':eq(' + prev + ')', d).css({
											display: 'none',
											zIndex: 0
										});
										control.children(':eq(' + next + ')', d).css({
											zIndex: 0
										});
										g.animationComplete(next + 1);
										active = false
									})
								} else {
									control.children(':eq(' + prev + ')', d).css({
										display: 'none',
										zIndex: 0
									});
									control.children(':eq(' + next + ')', d).css({
										zIndex: 0
									});
									g.animationComplete(next + 1);
									active = false
								}
							})
						} else {
							control.children(':eq(' + prev + ')', d).fadeOut(g.fadeSpeed, g.fadeEasing, function() {
								if (g.autoHeight) {
									control.animate({
										height: control.children(':eq(' + next + ')', d).outerHeight()
									}, g.autoHeightSpeed, function() {
										control.children(':eq(' + next + ')', d).fadeIn(g.fadeSpeed, g.fadeEasing)
									})
								} else {
									control.children(':eq(' + next + ')', d).fadeIn(g.fadeSpeed, g.fadeEasing, function() {
										if ($.browser.msie) {
											$(this).get(0).style.removeAttribute('filter')
										}
									})
								}
								g.animationComplete(next + 1);
								active = false
							})
						}
					} else {
						control.children(':eq(' + next + ')').css({
							left: position,
							display: 'block'
						});
						if (g.autoHeight) {
							control.animate({
								left: a,
								height: control.children(':eq(' + next + ')').outerHeight()
							}, g.slideSpeed, g.slideEasing, function() {
								control.css({
									left: -width
								});
								control.children(':eq(' + next + ')').css({
									left: width,
									zIndex: 5
								});
								control.children(':eq(' + prev + ')').css({
									left: width,
									display: 'none',
									zIndex: 0
								});
								g.animationComplete(next + 1);
								active = false
							})
						} else {
							control.animate({
								left: a
							}, g.slideSpeed, g.slideEasing, function() {
								control.css({
									left: -width
								});
								control.children(':eq(' + next + ')').css({
									left: width,
									zIndex: 5
								});
								control.children(':eq(' + prev + ')').css({
									left: width,
									display: 'none',
									zIndex: 0
								});
								g.animationComplete(next + 1);
								active = false
							})
						}
					}
					if (g.pagination) {
						$('.' + g.paginationClass + ' li.current', d).removeClass('current');
						$('.' + g.paginationClass + ' li:eq(' + next + ')', d).addClass('current')
					}
				}
			}
			function stop() {
				clearInterval(d.data('interval'))
			}
			function pause() {
				if (g.pause) {
					clearTimeout(d.data('pause'));
					clearInterval(d.data('interval'));
					pauseTimeout = setTimeout(function() {
						clearTimeout(d.data('pause'));
						playInterval = setInterval(function() {
							animate("next", effect)
						}, g.play);
						d.data('interval', playInterval)
					}, g.pause);
					d.data('pause', pauseTimeout)
				} else {
					stop()
				}
			}
			if (total < 2) {
				return
			}
			if (start < 0) {
				start = 0
			}
			if (start > total) {
				start = total - 1
			}
			if (g.start) {
				current = start
			}
			if (g.randomize) {
				control.randomize()
			}
			$('.' + g.container, d).css({
				overflow: 'hidden',
				position: 'relative'
			});
			control.children().css({
				position: 'absolute',
				top: 0,
				left: control.children().outerWidth(),
				zIndex: 0,
				display: 'none'
			});
			control.css({
				position: 'relative',
				width: (width * 3),
				height: height,
				left: -width
			});
			$('.' + g.container, d).css({
				display: 'block'
			});
			if (g.autoHeight) {
				control.children().css({
					height: 'auto'
				});
				control.animate({
					height: control.children(':eq(' + start + ')').outerHeight()
				}, g.autoHeightSpeed)
			}
			if (g.preload && control.find('img').length) {
				$('.' + g.container, d).css({
					background: 'url(' + g.preloadImage + ') no-repeat 50% 50%'
				});
				var f = control.find('img:eq(' + start + ')').attr('src') + '?' + (new Date()).getTime();
				if ($('img', d).parent().attr('class') != 'slides_control') {
					imageParent = control.children(':eq(0)')[0].tagName.toLowerCase()
				} else {
					imageParent = control.find('img:eq(' + start + ')')
				}
				control.find('img:eq(' + start + ')').attr('src', f).load(function() {
					control.find(imageParent + ':eq(' + start + ')').fadeIn(g.fadeSpeed, g.fadeEasing, function() {
						$(this).css({
							zIndex: 5
						});
						$('.' + g.container, d).css({
							background: ''
						});
						loaded = true;
						g.slidesLoaded()
					})
				})
			} else {
				control.children(':eq(' + start + ')').fadeIn(g.fadeSpeed, g.fadeEasing, function() {
					loaded = true;
					g.slidesLoaded()
				})
			}
			if (g.bigTarget) {
				control.children().css({
					cursor: 'pointer'
				});
				control.children().click(function() {
					animate('next', effect);
					return false
				})
			}
			if (g.hoverPause && g.play) {
				control.bind('mouseover', function() {
					stop()
				});
				control.bind('mouseleave', function() {
					pause()
				})
			}
			if (g.generateNextPrev) {
				$('.' + g.container, d).after('<a href="#" class="' + g.prev + '">Prev</a>');
				$('.' + g.prev, d).after('<a href="#" class="' + g.next + '">Next</a>')
			}
			$('.' + g.next, d).click(function(e) {
				e.preventDefault();
				if (g.play) {
					pause()
				}
				animate('next', effect)
			});
			$('.' + g.prev, d).click(function(e) {
				e.preventDefault();
				if (g.play) {
					pause()
				}
				animate('prev', effect)
			});
			if (g.generatePagination) {
				d.append('<ul class=' + g.paginationClass + '></ul>');
				control.children().each(function() {
					$('.' + g.paginationClass, d).append('<li><a href="#' + number + '">' + (number + 1) + '</a></li>');
					number++
				})
			} else {
				$('.' + g.paginationClass + ' li a', d).each(function() {
					$(this).attr('href', '#' + number);
					number++
				})
			}
			$('.' + g.paginationClass + ' li:eq(' + start + ')', d).addClass('current');
			$('.' + g.paginationClass + ' li a', d).click(function() {
				if (g.play) {
					pause()
				}
				clicked = $(this).attr('href').match('[^#/]+$');
				if (current != clicked) {
					animate('pagination', paginationEffect, clicked)
				}
				return false
			});
			$('a.link', d).click(function() {
				if (g.play) {
					pause()
				}
				clicked = $(this).attr('href').match('[^#/]+$') - 1;
				if (current != clicked) {
					animate('pagination', paginationEffect, clicked)
				}
				return false
			});
			if (g.play) {
				playInterval = setInterval(function() {
					animate('next', effect)
				}, g.play);
				d.data('interval', playInterval)
			}
		})
	};
	$.fn.slides.option = {
		preload: false,
		preloadImage: '/img/loading.gif',
		container: 'slides_container',
		generateNextPrev: false,
		next: 'next',
		prev: 'prev',
		pagination: true,
		generatePagination: false,
		paginationClass: 'pagination',
		fadeSpeed: 350,
		fadeEasing: '',
		slideSpeed: 350,
		slideEasing: '',
		start: 1,
		effect: 'slide',
		crossfade: false,
		randomize: false,
		play: 0,
		pause: 0,
		hoverPause: false,
		autoHeight: false,
		autoHeightSpeed: 350,
		bigTarget: false,
		animationStart: function() {},
		animationComplete: function() {},
		slidesLoaded: function() {}
	};
	$.fn.randomize = function(c) {
		function randomizeOrder() {
			return (Math.round(Math.random()) - 0.5)
		}
		return ($(this).each(function() {
			var $this = $(this);
			var $children = $this.children();
			var a = $children.length;
			if (a > 1) {
				$children.hide();
				var b = [];
				for (i = 0; i < a; i++) {
					b[b.length] = i
				}
				b = b.sort(randomizeOrder);
				$.each(b, function(j, k) {
					var $child = $children.eq(k);
					var $clone = $child.clone(true);
					$clone.show().appendTo($this);
					if (c !== undefined) {
						c($child, $clone)
					}
					$child.remove()
				})
			}
		}))
	}
})(jQuery);