/* =========================================================

// jquery.fader.js

// Datum: 2009-03-10
// Author: Philip Floetotto
// Version: 1.0
// Mail: mmeier23@gmail.com
// Web: http://philipf.alphacomplex.org/showroom/

// based on the innerfade plugin by medienfreund.de
// Web: http://medienfreunde.com/lab/innerfade/

 *
 *  <ul id="news"> 
 *      <li>content 1</li>
 *      <li>content 2</li>
 *      <li>content 3</li>
 *  </ul>
 *  
 *  $('#news').fader({ 
 *	  animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'), 
 *	  speed: Fading-/Sliding-Speed in milliseconds (Default: '600'), 
 *	  timeout: Time between the fades in milliseconds (Default: '2000'), 
 * 	  containerheight: Height of the containing element in any css-height-value (Default: 'auto'),
 *	  runningclass: CSS-Class which the container get’s applied (Default: 'fader'),
 *	  previousButtonClass: CSS-Class of the previous Button. (Default: 'previousButton') Can be used to set other elements to control the fader,
 *	  nextButtonClass: CSS-Class of the next Button. (Default: 'nextButton'),
 *	  previousButtonText: text inside the previousButton (Default: '&nbsp;') Can be an image or HTML,
 *	  nextButtonText: text inside the nextButton (Default: '&nbsp;') Can be an image or HTML,
 *	  createButtons: true for false if you want the plugin to create navigation buttons (prev and next) automatically (Default: 'true'),
 *	  play: set to start or stop animation (Default: 'true'),
 *  }); 
 *

// ========================================================= */


(function($) {

    $.fn.fader = function(options) {
        return this.each(function() {
            $.fader(this, options);
        });
    };

    $.fader = function(container, options) {
        var o = {
            'animationType': 'fade',
            'speed': 600, // please use only numbers because of the jumpNav fade!! 600 is normal, 1200 is slow
            'type': 'sequence',
            'timeout': 2000,
            'containerHeight': 'auto',
            'runningclass': 'fader',
            'previousButtonClass': 'backward_btn increment_btn',
            'nextButtonClass': 'forward_btn increment_btn',
            'previousButtonText': '<img src="../Images/Layout/back-btn.png" alt="Previous" border="0" class="__image" />',
            'nextButtonText': '<img src="../Images/Layout/forward-btn.png" alt="Next" border="0" class="__image" />',
            'createButtons': true,
            'play': true
        };
        if (options)
            $.extend(o, options);

        // checks
        if (isNaN(o.speed)) {
            alert('The speed settings needs to be in seconds, not a string');
        }

        // wrap nav and container
        var $container = $(container);
        if (!$container.parent().hasClass('fader-container')) {

            var $faderNav = $("<div>")
    			.addClass('fader-nav')
            //.prepend($("<span>").addClass('fader-jumpNav'))
            	.prepend($("<span>").addClass('fader-navButtons'));

            $container
				.wrap('<div></div>')
				.before($faderNav)
        		.parent()
        			.addClass('fader-container');

        }

        $container.parent = $container.parent('.fader-container');
        $jumpNav = $('.fader-jumpNav', $container.parent);


        // create Buttons
        if (o.createButtons) {
            $navButtons = $('.fader-navButtons', $container.parent);
            var $previousButton = $('<a>')
	    		.addClass(o.previousButtonClass)
	    		.attr('href', 'javascript:void(0);')
	    		.html(o.previousButtonText)
	    		.attr('title', 'next slide')
                //.attr('class', '__image')
	    		.appendTo($navButtons);
            var $nextButton = $('<a>')
        		.addClass(o.nextButtonClass)
        		.attr('href', 'javascript:void(0);')
        		.html(o.nextButtonText)
        		.attr('title', 'next slide')
                //.attr('class', '__image')
        		.appendTo($navButtons);
        } else {
            var $nextButton = $('.' + o.nextButtonClass);
            var $previousButton = $('.' + o.previousButtonClass);
        }


        // hiding the elements and attaching the innerFade
        $container.o = o;
        $container.slides = [];
        $container.jumpNavAnchors = [];


        // set css properties for the elements
        var elements = $container.children();
        if (elements.length > 1) {

            $container
        		.css('position', 'relative')
        		.addClass($container.o.runningclass);

            for (var i = 0; i < elements.length; i++) {

                var anchor = $('<a>')
				            	.attr('id', "fader-jump-" + i.toString())
				            	.attr('style', 'FILTER: alpha(opacity=100); ZOOM: 1')
				            	.html(i + 1)
				            	.appendTo($jumpNav);


                var element = $(elements[i])
			                	.css('z-index', String(elements.length - i))
			                	.css('position', 'absolute')
			                	.hide();

                // assigning slide to jumpnav and vice versa
                element.slideNumber = i;
                anchor.data('slide', element);
                element.data('anchor', anchor);
                $container.slides.push(element);
                $container.jumpNavAnchors.push(anchor);
            };



            $container.currentSlide = $container.slides[0];
            $container.nextSlide = $container.slides[1];

            // initialise the sequence
            $container.currentSlide.data('anchor').addClass('active');
            $container.currentSlide.show();
            $.fader.timedChange($container);

            // set the fader container height
            if ($container.o.containerHeight == 'auto')
                $container.o.containerHeight = $container.slides[0].eq(0).get(0).clientHeight + $faderNav.eq(0).get(0).clientHeight;
            $container.parent.css({ 'height': $container.o.containerHeight });


        }

        // attach events to jumpNav
        $.each($container.jumpNavAnchors, function() {
            this.click(function() {
                $container.nextSlide = $(this).data('slide');
                $.fader.forceChange($container);
            });
        });



        // attach events to prev and next
        $nextButton.click(function() {
            if ($container.currentSlide.slideNumber + 1 > ($container.slides.length - 1)) {
                $container.nextSlide = $container.slides[0];
            } else {
                $container.nextSlide = $container.slides[$container.currentSlide.slideNumber + 1];
            }
            $.fader.forceChange($container);
            $.fader.timedChange($container);
        });

        $previousButton.click(function() {
            if ($container.currentSlide.slideNumber - 1 < 0) {
                $container.nextSlide = $container.slides[$container.slides.length - 1];
            } else {
                $container.nextSlide = $container.slides[$container.currentSlide.slideNumber - 1];
            }
            $.fader.forceChange($container);
            $.fader.timedChange($container);
        });

    };

    $.fader.forceChange = function($container) {
        clearTimeout($container.innerFadeTimer);
        $container.o.play = false;
        $container.innerFadeTimer = $.fader.next($container);
        $.fader.changeZoom($container);
    };

    $.fader.timedChange = function($container) {
        $container.innerFadeTimer = setTimeout(function() {
            $.fader.next($container);
            $.fader.changeZoom($container);
        }, $container.o.timeout);
    };

    $.fader.changeZoom = function($container) {
        $(".zoom_btn")[0].href = "../Images/ScreenShots/Zoom" + $container.currentSlide.attr("src").substring($container.currentSlide.attr("src").lastIndexOf("/"), $container.currentSlide.attr("src").length);
    };

    $.fader.next = function($container) {

        if ($container.currentSlide.slideNumber != $container.nextSlide.slideNumber) {
            if ($container.o.animationType == 'slide') {
                $container.currentSlide.slideUp($container.o.speed);
                $container.nextSlide.slideDown($container.o.speed);
            } else if ($container.o.animationType == 'fade') {
                $container.currentSlide.fadeOut($container.o.speed);
                $container.nextSlide.fadeIn($container.o.speed, function() {
                    removeFilter($(this)[0]);
                });
            } else
                alert('Innerfade-animationType must either be \'slide\' or \'fade\'');



            // sequence
            $container.currentSlide = $container.nextSlide;
            if ($container.currentSlide.slideNumber + 1 > ($container.slides.length - 1)) {
                $container.nextSlide = $container.slides[0];
            } else {
                $container.nextSlide = $container.slides[$container.currentSlide.slideNumber + 1];
            }

            // fade the jumpNav
            $('.fader-jumpNav .active', $container.parent)
	    		.animate({ opacity: 0.3 }, $container.o.speed / 2, false, function() { $(this).removeClass('active'); })
				.animate({ opacity: 1 }, $container.o.speed / 2);

            $container.currentSlide.data('anchor')
	        		.animate({ opacity: 0.3 }, $container.o.speed / 2, false, function() { $(this).addClass('active'); })
    				.animate({ opacity: 1 }, $container.o.speed / 2);
        }

        // check if play or not
        if ($container.o.play) {
            $.fader.timedChange($container);
        }
    };

})(jQuery);

// **** remove Opacity-Filter in ie ****
function removeFilter(element) {
	if(element.style.removeAttribute){
		element.style.removeAttribute('filter');
	}
}