$(document).ready(function(){
    
    
    $('.boxMeta').hover(function(){
    $(this).stop().animate({'height' : '200px'});
    $(this).find('.moreUp').stop().animate({'opacity' : 0});
}, function(){
    $(this).stop().animate({'height' : '30px'});
    $(this).find('.moreUp').stop().animate({'opacity' : 1});
});

    //Hide Slides, Show Active:
    $('.slide').hide();
    $('.active').show();

    //Get Slider Navigation & Hide
    var $slider_nav = $('#slider_nav_container'),
        slide_count = $('#slider_nav li').length;                                

    //Multiple slide_count by <li> width to compensate for Safari outerWidth() bug (?).

    $slider_nav.css({'left': -(slide_count * 159) + 'px'});



    $('#slider_nav_container').hover(function(){
            $(this).stop().animate({'left' : '0px'}, 1000);
    }, function(){
            $(this).stop().animate({'left' : -$slider_nav.outerWidth()}, 1000);
            console.log($slider_nav.outerWidth());
    });


    $('#slider_nav li a').click(function(){
            var current_li = $(this).parent(),
                    slide_index = $('#slider_nav li').index(current_li),
                    complete = $('#slider_holder > .active').css('opacity');
            if(complete == 1){
                    $('#slider_holder > .active').fadeOut(function(){
                            $(this).removeClass('active');
                            $('#slider_holder .slide:eq('+slide_index+')').fadeIn(function(){								
                                    $(this).addClass('active');
                                    if($(this).hasClass('onloadEvent')){									
                                            if(slide_index == 1){																			

                                            }
                                    }							
                            }); 
                    });
            }					
            return false;
    });                    

///////////////////////////////////////////////////////////////////////////////////////////////////// SLIDER AUTO-ROTATION	
    var autoSlide = 1;

    if(slide_count <= 1){
        $slider_nav.hide();
        autoSlide = 0;
    }

    $('#slider_holder').hover(function(){
            autoSlide = 0;
    }, function(){
            autoSlide = 1;
            if(slide_count <= 1){
                $slider_nav.hide();
                autoSlide = 0;
            }
    });

    setInterval(function(){
            var curr_slide = $('#slider_holder > .active'),
                    slide_index = $('#slider_holder > div').index(curr_slide),
                    next_slide_index = (slide_index + 1),
                    slide_count = $('ul#slider_nav li').length;

            if(slide_count == next_slide_index){
                    next_slide_index = 0;
            }				

            if(autoSlide == 1){
                    $('ul#slider_nav li:eq('+next_slide_index+') a').trigger('click');
            }	
    }, 5000);



    
    
});