jQuery.noConflict();
var showcase_area = jQuery('#showcase-area');


function et_custom_featured(){
    var slide = showcase_area.find('div.slide');
    var isAnimation = false;

    var ordernum;
    var pause_scroll = false;

    showcase_area.mouseover(function(){
        pause_scroll = true;
    }).mouseout(function(){
        pause_scroll = false;
    });

    slide.css('display','none').filter(':first').css({
        'display':'block'
    });

    slider_control_tab.click(function() {
        clearInterval(interval);
        if (!isAnimation) gonext(jQuery(this));
        return false;
    });

    function gonext(next_element){
        isAnimation = true;

        var current_tab = slider_control.children(controlTabString+".active"),
        ordernumCurrent = current_tab.prevAll(controlTabString).length+1,
        ordernumNext = next_element.prevAll(controlTabString).length+1,
        currentElement = slide.eq(ordernumCurrent-1),
        nextElement = slide.eq(ordernumNext-1),
        sliderSpeed = 100;

        var readmoreButton = "a.readmore",
        featuredImage = "img.showcase_image",
        descriptionDiv = "div.description";
   
       var doAnimation = true;
        if (ordernumCurrent === ordernumNext) {
            doAnimation = false;
            isAnimation = false;
        }

        if (doAnimation) {
            move_arrow();

            currentElement.find(readmoreButton).animate({
                'opacity':'hide'
            },sliderSpeed,function(){
                currentElement.find(featuredImage).animate({
                    'opacity':'hide'
                },sliderSpeed, function(){
                    currentElement.find(descriptionDiv).animate({
                        'opacity':'hide'
                    },sliderSpeed,function(){
                        currentElement.css('display','none');

                        nextElement.children().css('visibility','hidden').end().css('display','block').children(descriptionDiv).children().css({
                            'display':'block',
                            'visibility':'hidden'
                        }).end().css('display','block');

                        nextElement.find(readmoreButton).css({
                            'top': '-190px',
                            'display': 'block',
                            'visibility':'visible',
                            'opacity':'0'
                        }).animate({
                            top:0,
                            opacity:1
                        },1200,'easeOutBounce',function(){
                            nextElement.find(featuredImage).parent('a').css({
                                'visibility': 'visible',
                                'opacity':'0'
                            }).animate({
                                opacity:1
                            },sliderSpeed, function(){
                                nextElement.find(descriptionDiv).css({
                                    'visibility': 'visible',
                                    'opacity':'1'
                                }).children().filter(':not('+readmoreButton+')').css({
                                    'visibility': 'visible',
                                    'opacity':'0'
                                }).animate({
                                    opacity:1
                                },sliderSpeed);

                                currentElement.find(featuredImage).css({
                                    'opacity':'1',
                                    'display':'block'
                                });

                                isAnimation = false;
                            });
                        });
                    });
                });
            });
        }

        function move_arrow(){
            current_tab.removeClass('active');

            var activeLeft = next_element.position().left+8;
            slider_control.animate({
                backgroundPosition: activeLeft+'px 7px'
            },500,function(){
                next_element.addClass('active');
            });
        }
    }

    slider_arrows.click(function() {
        clearInterval(interval);

        if (jQuery(this).attr("id") === 'nextlink') {
            auto_number = slider_control.children(controlTabString+".active").prevAll(controlTabString).length+1;
            if (auto_number === slider_control_tab.length) auto_number = 0;
        } else {
            auto_number = slider_control.children(controlTabString+".active").prevAll(controlTabString).length-1;
            if (auto_number === -1) auto_number = slider_control_tab.length-1;
        }

        if (!isAnimation) gonext(slider_control_tab.eq(auto_number));
        return false;
    });

    var auto_number;
    var interval;

    slider_control_tab.bind('autonext', function autonext(){
        if (!pause_scroll) gonext(jQuery(this));
        return false;
    });


    interval = setInterval(function() {
        auto_number = slider_control.children(controlTabString+".active").prevAll(controlTabString).length+1;
        if (auto_number === slider_control_tab.length) auto_number = 0;
        slider_control_tab.eq(auto_number).trigger('autonext');
    }, 10000);

}



if (showcase_area.length) {
    var widthButtonsBg,
    controlTabString = 'a.control_tab',
    controlTab = jQuery(controlTabString),
    slider_control = jQuery('div#controls'),
    slider_control_tab = jQuery('div#controls '+controlTabString),
    slider_arrows = jQuery('#showcase-area a#prevlink, #showcase-area a#nextlink');

     et_custom_featured();
}