$(document).ready(function(){
    getSlider();
});
var t;
function getSlider(){
    $.get("/slider", function(html){
            var slider = $('<div class="slider"></div>');
            slider.html(html);
            var height = slider.find('img.button').height();
            slider.css({
                 'height': height+'px',
                 'margin-top': -((height/2))+'px'
            });
            $('body').prepend(slider);
            slider.fadeIn('slow');
            slider.find('img').click(function(e){
                if($(this).is('.image')){
                    var y = e.pageY - $(this).offset().top;
                    if(y < 30){
                        slide();
                    }else{
                        location.href = $(this).attr('rel');
                    }
                }else{
                    slide();
                }

            });
    });
}

function sliderToggler(slider){
    var imgs = slider.find('img');
    imgs.toggle();    
}

function slide(){
    var vis = $('.slider img.toggler:visible');
    if(vis.is('.button')){
        $('.slider img.toggler').toggle();
        $('.slider').animate({
            width: $('.slider img:visible').width()+'px',
            height: $('.slider img:visible').height()+'px'
        }, 500);
    }else{
        $('.slider').animate({
            width: '-='+$('.slider').width()+'px'
        }, 500, function(){
            $('.slider img.toggler').toggle();
            $('.slider').animate({
                width: $('.slider img:visible').width()+'px',
                height: $('.slider img:visible').height()+'px'
            }, 500);    
        });

                
    }
}