/*
 * DevotionSlideShow 1.0b.15
 *
 * Copyright (c) 2008 Devotion (www.devotion.com)
 * Date: 2008-10-21
 * Rev: 15
 */

(function ($) {
    var opt;
    $.fn.devotionSlideShow = function (options) {
        opt = $.extend({}, $.fn.devotionSlideShow.defaults, options);
        return this.each(function () {
            var container = $(this);
            container.find('div#slideshowloader').remove();
            var imageViewer = container.find('#imageviewer');
            //alert('found imageviewer ='+imageViewer);
            var imageWidth = 712;
            var imageHeight = 234;
            var imageCount = imageViewer.find('li').size();
            var viewerWidth = imageWidth * imageCount;
            imageViewer.each(function (i) {
            	//alert('imageViewer('+i+')');
                $(this).after('<div id="controllers"><ul></ul></div>');
                $(this).find('li').each(function (n) {
                    $(this).removeClass('hide').hide();
                    var index = n + 1;
                    $('div#controllers ul').append('<li><a href="#" rel="' + index + '">' + index + '</a></li>');
                    $(this).addClass('slide' + index)
                });
                $('div#controllers ul a').each(function (z) {
                    $(this).bind('click', function () {
                        $(this).addClass('active').parent().parent().find('a').not($(this)).removeClass('active');
                        var index = $(this).attr('rel');
                        var currentSlide = $('#imageviewer').find('.active').removeClass('active');
                        var newSlide = $('#imageviewer').find('.slide' + index);
                        currentSlide.css('z-index', '2');
                        newSlide.css('z-index', '1');
                        currentSlide.fadeOut($.fn.devotionSlideShow.defaults.fadeTime);
                        newSlide.show();
                        newSlide.removeClass('hide').addClass('active');
                        $.fn.devotionSlideShow.reset();
                        return false
                    })
                });
                $('div#controllers').css('z-index', $('#imageviewer').find('li').size() + 5);
                $('div#controllers').find('a:first').addClass('active')
            });
            var directLinks = $('div#controllers ul');
            directLinks.before('<a href="#" id="previous">Previous</a>');
            directLinks.after('<a href="#" id="next">Next</a><a href="#" id="control" class="play">Play</a>');
            $('#previous').click(function (event) {
                event.preventDefault();
                var currentSlide = $('#imageviewer').find('.active').removeClass('active');
                if (currentSlide.is('.slide1')) {
                    var newSlide = $('#imageviewer').find('li:last');
                    $('div#controllers ul').find('.active').removeClass('active');
                    $('div#controllers ul').find('a:last').addClass('active')
                } else {
                    var newSlide = currentSlide.prev('li');
                    $('div#controllers ul').find('.active').removeClass('active').parent().prev('li').find('a').addClass('active')
                }
                currentSlide.css('z-index', '2');
                newSlide.css('z-index', '1');
                currentSlide.fadeOut($.fn.devotionSlideShow.defaults.fadeTime);
                newSlide.show();
                newSlide.removeClass('hide').addClass('active');
                $.fn.devotionSlideShow.reset();
                return false
            });
            $('#next').click(function (event) {
                event.preventDefault();
                var currentSlide = $('#imageviewer').find('.active').removeClass('active');
                if (currentSlide.is('.slide' + $('#imageviewer').find('li').size())) {
                    var newSlide = $('#imageviewer').find('li:first');
                    $('div#controllers ul').find('.active').removeClass('active');
                    $('div#controllers ul').find('a:first').addClass('active')
                } else {
                    var newSlide = currentSlide.next('li');
                    $('div#controllers ul').find('.active').removeClass('active').parent().next('li').find('a').addClass('active')
                }
                currentSlide.css('z-index', '2');
                newSlide.css('z-index', '1');
                currentSlide.fadeOut($.fn.devotionSlideShow.defaults.fadeTime);
                newSlide.show();
                newSlide.removeClass('hide').addClass('active');
                $.fn.devotionSlideShow.reset();
                return false
            });
            $('#control').click(function (event) {
                event.preventDefault();
                if ($(this).is('.play')) {
                    $.fn.devotionSlideShow.play()
                } else {
                    $.fn.devotionSlideShow.pause()
                }
                return false
            });
            imageViewer.removeClass('hide');
            imageViewer.find('li:first').fadeIn($.fn.devotionSlideShow.defaults.fadeTime).addClass('active');
            if ($.fn.devotionSlideShow.defaults.autoPlay) {
                $.fn.devotionSlideShow.play()
            } else {
                $('#control').removeClass('pause').addClass('play').html('Play')
            }
        })
    };
    $.fn.devotionSlideShow.defaults = {
        fadeTime: 750,
        delay: 6000,
        autoPlay: true,
        timer: null
    };
    $.fn.devotionSlideShow.play = function () {
        $('#control').removeClass('play').addClass('pause').html('Pause');
        opt.timer = setInterval(this.next, opt.delay)
    };
    $.fn.devotionSlideShow.pause = function () {
        $('#control').removeClass('pause').addClass('play').html('Play');
        clearInterval(opt.timer)
    };
    $.fn.devotionSlideShow.reset = function () {
        $('#control').removeClass('play').addClass('pause').html('Pause');
        clearInterval(opt.timer);
        opt.timer = setInterval($.fn.devotionSlideShow.next, opt.delay)
    };
    $.fn.devotionSlideShow.next = function () {
        var currentSlide = $('#imageviewer').find('.active').removeClass('active');
        if (currentSlide.is('.slide' + $('#imageviewer').find('li').size())) {
            var newSlide = $('#imageviewer').find('li:first');
            $('div#controllers ul').find('.active').removeClass('active');
            $('div#controllers ul').find('a:first').addClass('active')
        } else {
            var newSlide = currentSlide.next('li');
            $('div#controllers ul').find('.active').removeClass('active').parent().next('li').find('a').addClass('active')
        }
        currentSlide.css('z-index', '2');
        newSlide.css('z-index', '1');
        currentSlide.fadeOut(opt.fadeTime);
        newSlide.show();
        newSlide.removeClass('hide').addClass('active')
    }



	var opts;
    $.fn.devotionSlideShow2 = function (options) {
        opts = $.extend({}, $.fn.devotionSlideShow2.defaults, options);
        return this.each(function () {
            var container2 = $(this);
            container2.find('div#slideshowloaders').remove();
            //alert('removed container');
            var imageViewers = container2.find('#imageviewers');
            //alert('found imageviewers ='+imageViewers);
            var imageWidth2 = 355;
            var imageHeight2 = 230;
            var imageCount2 = imageViewers.find('li').size();
            var viewerWidth2 = imageWidth2 * imageCount2;
            imageViewers.each(function (i) {
            	//alert('each imageviewers ='+i);
                $(this).after('<div id="controllerss"><ul></ul></div>');
                $(this).find('li').each(function (n) {
                    $(this).removeClass('hides').hide();
                    var index2 = n + 1;
                    $('div#controllerss ul').append('<li><a href="#" rel="' + index2 + '">' + index2 + '</a></li>');
                    $(this).addClass('slides' + index2)
                });
                $('div#controllerss ul a').each(function (z) {
            		//alert('bind click function');
                    $(this).bind('click', function () {
                        $(this).addClass('active').parent().parent().find('a').not($(this)).removeClass('active');
                        var index2 = $(this).attr('rel');
                        var currentSlide2 = $('#imageviewers').find('.active').removeClass('active');
                        var newSlide2 = $('#imageviewers').find('.slides' + index2);
                        currentSlide2.css('z-index', '2');
                        newSlide2.css('z-index', '1');
                        currentSlide2.fadeOut($.fn.devotionSlideShow2.defaults.fadeTime);
                        newSlide2.show();
                        newSlide2.removeClass('hides').addClass('active');
                        $.fn.devotionSlideShow2.reset();
                        return false
                    })
                });
                $('div#controllerss').css('z-index', $('#imageviewers').find('li').size() + 5);
                $('div#controllerss').find('a:first').addClass('active')
            });
            var directLinks = $('div#controllerss ul');
            directLinks.before('<a href="#" id="previouss">Previous</a>');
            directLinks.after('<a href="#" id="nexts">Next</a><a href="#" id="controls" class="play">Play</a>');
            $('#previouss').click(function (event) {
                event.preventDefault();
                var currentSlide2 = $('#imageviewers').find('.active').removeClass('active');
                if (currentSlide2.is('.slides1')) {
                    var newSlide2 = $('#imageviewers').find('li:last');
                    $('div#controllerss ul').find('.active').removeClass('active');
                    $('div#controllerss ul').find('a:last').addClass('active')
                } else {
                    var newSlide2 = currentSlide2.prev('li');
                    $('div#controllerss ul').find('.active').removeClass('active').parent().prev('li').find('a').addClass('active')
                }
                currentSlide2.css('z-index', '2');
                newSlide2.css('z-index', '1');
                currentSlide2.fadeOut($.fn.devotionSlideShow2.defaults.fadeTime);
                newSlide2.show();
                newSlide2.removeClass('hides').addClass('active');
                $.fn.devotionSlideShow2.reset();
                return false
            });
            $('#nexts').click(function (event) {

                event.preventDefault();
                var currentSlide2 = $('#imageviewers').find('.active').removeClass('active');
                if (currentSlide2.is('.slides' + $('#imageviewers').find('li').size())) {
                    var newSlide2 = $('#imageviewers').find('li:first');
                    $('div#controllerss ul').find('.active').removeClass('active');
                    $('div#controllerss ul').find('a:first').addClass('active')
                } else {
                    var newSlide2 = currentSlide2.next('li');
                    $('div#controllerss ul').find('.active').removeClass('active').parent().next('li').find('a').addClass('active')
                }
                currentSlide2.css('z-index', '2');
                newSlide2.css('z-index', '1');
                currentSlide2.fadeOut($.fn.devotionSlideShow2.defaults.fadeTime);
                newSlide2.show();
                newSlide2.removeClass('hides').addClass('active');
                $.fn.devotionSlideShow2.reset();
                return false
            });
            $('#controls').click(function (event) {
                event.preventDefault();
                if ($(this).is('.play')) {
                    $.fn.devotionSlideShow2.play()
                } else {
                    $.fn.devotionSlideShow2.pause()
                }
                return false
            });
            imageViewers.removeClass('hides');
            imageViewers.find('li:first').fadeIn($.fn.devotionSlideShow2.defaults.fadeTime).addClass('active');
            if ($.fn.devotionSlideShow2.defaults.autoPlay) {
                setTimeout( function() { $.fn.devotionSlideShow2.play(); }, 3000);
            } else {
                $('#controls').removeClass('pause').addClass('play').html('Play')
            }
        })
    };
    $.fn.devotionSlideShow2.defaults = {
        fadeTime: 750,
        delay: 6000,
        autoPlay: true,
        timer: null
    };
    $.fn.devotionSlideShow2.play = function () {
        $('#controls').removeClass('play').addClass('pause').html('Pause');
        opts.timer = setInterval(this.next, opts.delay)
    };
    $.fn.devotionSlideShow2.pause = function () {
        $('#controls').removeClass('pause').addClass('play').html('Play');
        clearInterval(opts.timer)
    };
    $.fn.devotionSlideShow2.reset = function () {
        $('#controls').removeClass('play').addClass('pause').html('Pause');
        clearInterval(opts.timer);
        opts.timer = setInterval($.fn.devotionSlideShow2.next, opts.delay)
    };
    $.fn.devotionSlideShow2.next = function () {
        var currentSlide2 = $('#imageviewers').find('.active').removeClass('active');
        if (currentSlide2.is('.slides' + $('#imageviewers').find('li').size())) {
          	//alert('next function find');
            var newSlide2 = $('#imageviewers').find('li:first');
            $('div#controllerss ul').find('.active').removeClass('active');
            $('div#controllerss ul').find('a:first').addClass('active');
        } else {
            var newSlide2 = currentSlide2.next('li');
          	//alert('next function else');
            $('div#controllerss ul').find('.active').removeClass('active').parent().next('li').find('a').addClass('active')
        }
        currentSlide2.css('z-index', '2');
        newSlide2.css('z-index', '1');
        currentSlide2.fadeOut(opts.fadeTime);
        newSlide2.show();
        newSlide2.removeClass('hides').addClass('active')
    }
})(jQuery);
$(window).bind("load", function () {
    if ($('div#slideshow').length) {
        $('div#slideshow').devotionSlideShow()
    }
    if ($('div#slideshows').length) {
		//alert($('div#slideshows').length);
        $('div#slideshows').devotionSlideShow2()
    }
});