/*
<link rel="stylesheet" type="text/css" href="css/slideshow.css">
<script type="text/javascript" src="js/slideshows.js"></script>

<div id="slideshow2">
	<div class="container">
		<div class="slide" caption="" url="" desc="" style="display:;"><a href="#"><img src="images/v1.jpg"></a></div>
		<div class="slide" caption="" url="" desc="" style="display:none;"><a href="#"><img src="images/v2.jpg"></a></div>
	</div>
</div>

$('#slideshow2').slideshows(
{
	showcaption: false,//true
	showpreview: false,//true
	showpaging:false//true
}
);
*/
(function($) {
$.fn.slideshows = function(options){
    var object=null;
    var timer=null;
    var index=0;
    var slides=[];
    var playing=false;
	var lastslide=null;
	if (!this.length) {
		return;
	}
	options = $.extend({
		showcaption: true,
		showpreview: true,
		showpaging: true
	}, options || {});
	object = this;
	slides = object.find('.slide');
	if(options.showpaging==true){
		object.append('<div class="paging"></div>');
		object.children().eq(1).html("");
		var de;
		for(i=0;i<slides.length;i++){
			if(i==0){
				de="current";
			}else{
				de="";
			}
			object.children().eq(1).append('<a href="javascript:;" class="'+ de +'">'+ eval(i+1) +'</a>');
		}
		if(options.showpreview==true){
			object.find('.paging a').mouseleave(function() {
				object.find('.preview').empty().hide();
			});
		}
		object.find('.paging a').each(function(i) {
			$(this).click(function() {
				jump(i, $(this));
			})
			if(options.showpreview==true){
				$(this).mouseover(function() {
					preview(i);
				});
			}
		});
	}
	if(options.showpreview==true){
		object.append('<div class="preview"></div>');
	}
	if(options.showcaption==true){
		object.append('<div class="caption"></div>');
	}
	object.find('.mask').hover(
		function() { pause(); },
		function() { play(); }
	);
	if (slides.length <= 1){
		object.find('.paging').hide();
	}
	play();
	function fade(index) {
		slides.stop(true, true).fadeout('normal');
		slides.eq(index).fadein(1500);
		if(options.showcaption==true){
			var caption = object.find('.caption');
			caption.stop(true, true).fadeout('fast', function() {
				if ($(slides[index]).attr("caption")) {
					caption.html("")
						.append('<h3><a href="'+ $(slides[index]).attr("url") +'" class="link">'+ $(slides[index]).attr("caption") +'</a></h3>')
						.append($(slides[index]).attr("desc"))
						.fadein(1500);
				}
			});
		}
		if(options.showpaging==true){
			object
				.find('.paging a').removeclass('current').end()
				.find('.paging a:eq('+ index +')').addclass('current');
		}
		lastslide = index;
	}
    function jump(index, control) {
		if ((lastslide == index) || (slides.length <= 1)){
			return;
		}
        pause();
		fade(index);
        index = index;
		play();
    }
    function play() {
		if (slides.length <= 1){
			return;
		}
		if (!playing) {
            playing = true;
            timer = window.setinterval(rotate, 4000);
		}
    }
    function pause() {
		if (slides.length <= 1){
			return;
		}
        window.clearinterval(timer);
        playing = false;
    }
    function preview(index) {
		var tooltip = object.find('.preview'),
			top = (index * 15) + 15;
		if ($(slides[index]).find('img').attr("src")) {
			$('<img/>', {
				src: $(slides[index]).find('img').attr("src"),
				width: 100,
				height: 47,
				alt: ''
			}).appendto(tooltip);
		}
		tooltip.append('<span>'+ $(slides[index]).attr("caption") +'</span>').css('top', top);
		tooltip.show();
    }
    function rotate() {
        var slideindex = index + 1;
        if (slideindex > (slides.length - 1)){
            slideindex = 0;
		}
		if (lastslide == slideindex){
			return;
		}
        fade(slideindex);
        index = slideindex;
    }
};
})(jquery);