/**
 * Teaser Startseite
 * Author: e8media
 * URL: http://www.e8media.de/
 */
jQuery(document).ready(function () {
    jQuery('div#slider a.arrow').show();
    var slider = jQuery('div#slider');
    var next = jQuery('div#slider a.right');
    var prev = jQuery('div#slider a.left');
    var first_img = jQuery('div#slider dt img:first-child');
    var second_img = jQuery('div#slider dt img:nth-child(2)');
    var third_img = jQuery('div#slider dt img:nth-child(3)');
    var current_img = first_img;
    var next_img = jQuery(current_img).next();
    var prev_img = jQuery(current_img).prev();
    var first_box = jQuery('div#slider dd p:first-child a.txt');
    var second_box = jQuery('div#slider dd p:nth-child(2) a.txt');
    var third_box = jQuery('div#slider dd p:nth-child(3) a.txt');
    current_img.addClass('current');
    next_img.addClass('next_img');
    first_box.parent().addClass('active');
    
    function showAllImages() {
        slider.find("img").each(function(i){
            jQuery(this).show();
        });
    }
    
    function checkZindex(handler) {
        if (handler == "next") {
            next_img.addClass("next");
        } else if (handler == "prev") {
            prev_img.addClass("next");
        } else if (handler == "first") {
            first_img.addClass("next");
        } else if (handler == "second") {
            second_img.addClass("next");
        } else {
            third_img.addClass("next");
        }
    }
    
    function checkButtons() { 
        if (jQuery(current_img).attr("src") == jQuery(third_img).attr("src")) {
            next.hide();
        } else {
            next.show();
        }
        if (jQuery(current_img).attr("src") == jQuery(first_img).attr("src")) {
            prev.hide();
        } else {
            prev.show();
        }
    }
    checkButtons();
    function updateSliderInfo() {
        next_img = current_img.next();
        prev_img = current_img.prev();
        current_img.addClass('current');
        next_img.addClass('next_img');
        prev_img.addClass('prev_img');
        checkButtons();
        showAllImages();
        jQuery("img.next").removeClass('next');
        slider.find("p.active").removeClass("active");
        if (jQuery(current_img).attr("src") == jQuery(first_img).attr("src")) {
            first_box.parent().addClass("active");
        } else if (jQuery(current_img).attr("src") == jQuery(second_img).attr("src")){
            second_box.parent().addClass("active");
        } else if (jQuery(current_img).attr("src") == jQuery(third_img).attr("src")){
            third_box.parent().addClass("active");
        }
    }
    
    function removeClasses() {
        current_img.removeClass('current');
        next_img.removeClass('next_img');
        prev_img.removeClass('prev_img');
    }
    jQuery(next).click(function (event) {
        event.preventDefault();
        checkZindex("next");
        current_img.fadeOut('slow', function() {
            removeClasses();
            current_img = next_img;
            updateSliderInfo();
        });
        return false;
    });
    jQuery(prev).click(function (event) {
        event.preventDefault();
        checkZindex("prev");
        current_img.fadeOut('slow', function() {
            removeClasses();
            current_img = prev_img;
            updateSliderInfo();
        });
        return false;
    });
    jQuery(first_box).click(function (event) {
        event.preventDefault();
        if (jQuery(current_img).attr("src") == jQuery(first_img).attr("src")){
            return false;
        } else {
            checkZindex("first");
            current_img.fadeOut('slow', function() {
                removeClasses();
                current_img = first_img;
                updateSliderInfo();
            });
            return false;
        }
    });
    jQuery(second_box).click(function (event) {
        event.preventDefault();
        if (jQuery(current_img).attr("src") == jQuery(second_img).attr("src")){
            return false;
        } else {
            checkZindex("second");
            current_img.fadeOut('slow', function() {
                removeClasses();
                current_img = second_img;
                updateSliderInfo();
            });
            return false;
        }
    });
    jQuery(third_box).click(function (event) {
        event.preventDefault();
        if (jQuery(current_img).attr("src") == jQuery(third_img).attr("src")){
            return false;
        } else {
            checkZindex("third");
            current_img.fadeOut('slow', function() {
                removeClasses();
                current_img = third_img;
                updateSliderInfo();
            });
            return false;
        }
    });
});