/*
* Slides, A Slideshow Plugin for jQuery
* Intructions: http://slidesjs.com
* By: Nathan Searles, http://nathansearles.com
* Version: 1.0.7
* Updated: December 29th, 2010
*
* 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(option) {
		option = $.extend({},
		$.fn.slides.option, option);
		return this.each(function() {
			$('.' + option.container, $(this)).children().wrapAll('<div class="slides_control"/>');
			var elem = $(this),
			control = $('.slides_control', elem),
			total = control.children().size(),
			width = control.children().outerWidth(),
			height = control.children().outerHeight(),
			start = option.start - 1,
			effect = option.effect.indexOf(',') < 0 ? option.effect: option.effect.replace(' ', '').split(',')[0],
			paginationEffect = option.effect.indexOf(',') < 0 ? effect: option.effect.replace(' ', '').split(',')[1],
			next = 0,
			prev = 0,
			number = 0,
			current = 0,
			loaded,
			active,
			clicked,
			position,
			direction;
			if (total < 2) {
				return;
			}
			if (start < 0) {
				start = 0;
			};
			if (start > total) {
				start = total - 1;
			};
			if (option.start) {
				current = start;
			};
			if (option.randomize) {
				control.randomize();
			}
			$('.' + option.container, elem).css({
				overflow: 'hidden',
				position: 'relative'
			});
			control.css({
				position: 'relative',
				width: (width * 3),
				height: height,
				left: -width
			});
			control.children().css({
				position: 'absolute',
				top: 0,
				left: width,
				zIndex: 0,
				display: 'none'
			});
			if (option.autoHeight) {
				control.animate({
					height: control.children(':eq(' + start + ')').outerHeight()
				},
				option.autoHeightSpeed);
			}
			if (option.preload && control.children()[0].tagName == 'IMG') {
				elem.css({
					background: 'url(' + option.preloadImage + ') no-repeat 50% 50%'
				});
				
				var img = $('img:eq(' + start + ')', elem).attr('src') + '?' + (new Date()).getTime();
				$('img:eq(' + start + ')', elem).attr('src', img).load(function() {
					$(this).fadeIn(option.fadeSpeed,
					function() {
						$(this).css({
							zIndex: 5
						});
						elem.css({
							background: ''
						});
						loaded = true;
					});
				});
			} else {
				control.children(':eq(' + start + ')').fadeIn(option.fadeSpeed,
				function() {
					loaded = true;
				});
			}
			if (option.bigTarget) {
				control.children().css({
					cursor: 'pointer'
				});
				control.children().click(function() {
					animate('next', effect);
					return false;
				});
			}
			if (option.hoverPause && option.play) {
				control.children().bind('mouseover',
				function() {
					stop();
				});
				control.children().bind('mouseleave',
				function() {
					pause();
				});
			}
			if (option.generateNextPrev) {
				$('.' + option.container, elem).after('<a href="#" class="' + option.prev + '">Prev</a>');
				$('.' + option.prev, elem).after('<a href="#" class="' + option.next + '">Next</a>');
			}
			$('.' + option.next, elem).click(function(e) {
				e.preventDefault();
				if (option.play) {
					pause();
				};
				animate('next', effect);
			});
			$('.' + option.prev, elem).click(function(e) {
				e.preventDefault();
				if (option.play) {
					pause();
				};
				animate('prev', effect);
			});
			if (option.generatePagination) {
				elem.append('<ul class=' + option.paginationClass + '></ul>');
				control.children().each(function() {
					$('.' + option.paginationClass, elem).append('<li><a href="javascript:void(' + number + ')">' + (number + 1) + '</a></li>');
					number++;
				});
			} else {
				$('.' + option.paginationClass + ' li a', elem).each(function() {
				    
					$(this).attr('href', 'javascript:void(' + number + ')');
					number++;
				});
			}
			var cc=0;
			for(;cc<$('.' + option.paginationClass + ' li a').size();cc++){
			    if($('.' + option.paginationClass + ' li a').eq(cc).attr("href")=="javascript:void(" + start + ")"){
			        break;    
			    }      
			}
			$('.' + option.paginationClass + ' li a').eq(cc).parent().addClass('current');
			$('.' + option.paginationClass + ' li a', elem).click(function() {
				if (option.play) {
					pause();
				};
				clicked = $(this).attr('href').replace('javascript:void(', '').replace(')', '');
				if (current != clicked) {
					animate('pagination', paginationEffect, clicked);
				}
				return false;
			});
			$('a.link', elem).click(function() {
				if (option.play) {
					pause();
				};
				clicked = $(this).attr('href').replace('javascript:void(', '').replace(')', '') - 1;
				if (current != clicked) {
					animate('pagination', paginationEffect, clicked);
				}
				return false;
			});
			if (option.play) {
				playInterval = setInterval(function() {
					animate('next', effect);
				},
				option.play);
				elem.data('interval', playInterval);
			};
			function stop() {
				clearInterval(elem.data('interval'));
			};
			function pause() {
				if (option.pause) {
					clearTimeout(elem.data('pause'));
					clearInterval(elem.data('interval'));
					pauseTimeout = setTimeout(function() {
						clearTimeout(elem.data('pause'));
						playInterval = setInterval(function() {
							animate("next", effect);
						},
						option.play);
						elem.data('interval', playInterval);
					},
					option.pause);
					elem.data('pause', pauseTimeout);
				} else {
					stop();
				}
			};
			function animate(direction, effect, clicked) {
				if (!active && loaded) {
					active = true;
					switch (direction) {
					case 'next':
						prev = current;
						next = current + 1;
						next = total === next ? 0 : next;
						position = width * 2;
						direction = -width * 2;
						current = next;
						break;
					case 'prev':
						prev = current;
						next = current - 1;
						next = next === -1 ? total - 1 : next;
						position = 0;
						direction = 0;
						current = next;
						break;
					case 'pagination':
						next = parseInt(clicked, 10);
				        var dd=0;
			            for(;dd<$('.' + option.paginationClass + ' li').size();dd++){
			                if($('.' + option.paginationClass + ' li').eq(dd).attr("class")=="current"){
			                    break;    
			                }      
			            }
			            prev=dd;
						if (next > prev) {
							position = width * 2;
							direction = -width * 2;
						} else {
							position = 0;
							direction = 0;
						}
						current = next;
						break;
					}
					if (effect === 'fade') {
						option.animationStart();
						if (option.crossfade) {
							control.children(':eq(' + next + ')', elem).css({
								zIndex: 10
							}).fadeIn(option.fadeSpeed,
							function() {
								control.children(':eq(' + prev + ')', elem).css({
									display: 'none',
									zIndex: 0
								});
								$(this).css({
									zIndex: 0
								});
								option.animationComplete(next + 1);
								active = false;
							});
						} else {
							option.animationStart();
							control.children(':eq(' + prev + ')', elem).fadeOut(option.fadeSpeed,
							function() {
								if (option.autoHeight) {
									control.animate({
										height: control.children(':eq(' + next + ')', elem).outerHeight()
									},
									option.autoHeightSpeed,
									function() {
										control.children(':eq(' + next + ')', elem).fadeIn(option.fadeSpeed);
									});
								} else {
									control.children(':eq(' + next + ')', elem).fadeIn(option.fadeSpeed,
									function() {
										if ($.browser.msie) {
											$(this).get(0).style.removeAttribute('filter');
										}
									});
								}
								option.animationComplete(next + 1);
								active = false;
							});
						}
					} else {
						control.children(':eq(' + next + ')').css({
							left: position,
							display: 'block'
						});
						if (option.autoHeight) {
							option.animationStart();
							control.animate({
								left: direction,
								height: control.children(':eq(' + next + ')').outerHeight()
							},
							option.slideSpeed,
							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
								});
								option.animationComplete(next + 1);
								active = false;
							});
						} else {
							option.animationStart();
							control.animate({
								left: direction
							},
							option.slideSpeed,
							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
								});
								option.animationComplete(next + 1);
								active = false;
							});
						}
					}
					if (option.pagination) {
					    
					    var ee=0;
			            for(;ee<$('.' + option.paginationClass + ' li').size();ee++){
			                if($('.' + option.paginationClass + ' li').eq(ee).attr("class")=="current"){
			                    break;
			                }
			            }
			            //alert(next)
						$('.' + option.paginationClass + ' li').eq(ee).removeClass('current');
			            if(next>=$('.' + option.paginationClass + ' li').size())
			                next=0;
			            $('.' + option.paginationClass + ' li').eq(next).addClass('current');
			            
			            $("#footdiv").text($('.' + option.paginationClass + ' li').eq(0).parent().html())
			            
					}
				}
			};
		});
	};
	$.fn.slides.option = {
		preload: false,
		preloadImage: '/images/loading.gif',
		container: 'slides_container',
		generateNextPrev: false,
		next: 'next',
		prev: 'prev',
		pagination: true,
		generatePagination: true,
		paginationClass: 'pagination',
		fadeSpeed: 350,
		slideSpeed: 350,
		start: 1,
		effect: 'slide',
		crossfade: false,
		randomize: false,
		play: 0,
		pause: 0,
		hoverPause: false,
		autoHeight: false,
		autoHeightSpeed: 350,
		bigTarget: false,
		animationStart: function() {},
		animationComplete: function() {}
	};
	$.fn.randomize = function(callback) {
		function randomizeOrder() {
			return (Math.round(Math.random()) - 0.5);
		}
		return ($(this).each(function() {
			var $this = $(this);
			var $children = $this.children();
			var childCount = $children.length;
			if (childCount > 1) {
				$children.hide();
				var indices = [];
				for (i = 0; i < childCount; i++) {
					indices[indices.length] = i;
				}
				indices = indices.sort(randomizeOrder);
				$.each(indices,
				function(j, k) {
					var $child = $children.eq(k);
					var $clone = $child.clone(true);
					$clone.show().appendTo($this);
					if (callback !== undefined) {
						callback($child, $clone);
					}
					$child.remove();
				});
			}
		}));
	};
})(jQuery);