var slider_pos = 0;
var slider_widths = [];
var slider;

$(window).load(function(){

    $('.image_silder').each(function(){
        slider = $(this);
        var images_links = $(this).find('a');

        if ( images_links.length >= 1){
            // Wie groß brauchen wir das alles so?
            /*var max_height = 0;
            var max_width = 0;
            $(images_links).each(function(){
                console.info($(this).height());
                console.info($(this).width());
            });
            return;*/

            var slider_width = 910;
            var slider_height = 378;

            var sliderpos = 0;
            var slider_code = '';
             $(images_links).each(function(){
                 var image = $(this).find('img');
                 var img_width = $(image).width();
                 var img_height = $(image).height();
                 if ( img_width > slider_width ){
                     img_height *= slider_width / img_width ;
                     img_width = slider_width;
                 }
                 if ( img_height > slider_height ){
                     img_width *= slider_height / img_height;
                     img_height = slider_height;
                 }
                 $(this).width(slider_width);
                 $(this).height(slider_height);
                 $(image).width(img_width);
                 $(image).height(img_height);
                 $(image).css('margin-left', parseInt((slider_width-img_width)/2)+'px');
                 $(image).css('margin-top', parseInt((slider_height-img_height)/2)+'px');
                 $(this).css({
                     'position': 'absolute',
                     'left' : sliderpos + 'px'
                 });

                slider_widths.push(sliderpos);
                //slider_code += '<img src="'+$(this).attr('src')+'" alt="'+$(this).attr('alt')+'" style="position: absolute; left: '+slider_width+'px;">';
                sliderpos += slider_width;
            });
            // Initialisieren
            //$(images).remove();
            $(slider).css({
                'position': 'relative',
                'display' : 'block',
                'width' : slider_width+'px',
                'height' : slider_height+'px',
                'overflow': 'hidden'
            });
            /*$(slider).append('<div>'+slider_code+'</div>');*/
            $(slider).children('div').css({
                'position': 'absolute',
                'display' : 'block',
                'width' : slider_width+'px',
                'height' : slider_height+'px'
            });




            var slider_pos = (slider_height - 60) / 2;
            slider.append( '<img src="catalog/view/javascript/slider_left.png" onClick="slide_left();" class="slider_button" style="left: 0">' );
            slider.append( '<img src="catalog/view/javascript/slider_right.png" onClick="slide_right();" class="slider_button" style="right: 0">' );
            slider.children('.slider_button').css({
                position: 'absolute',
                top: slider_pos+'px',
                cursor: 'default'
            });

        }

    });

});


function slide_left(){
    slider_pos -= 1;
    while ( slider_pos < 0 ) slider_pos += slider_widths.length;
    $(slider).children('div').animate({marginLeft: -1*slider_widths[slider_pos]});
}
function slide_right(){
    slider_pos += 1;
    while ( slider_pos >= slider_widths.length ) slider_pos -= slider_widths.length;
    $(slider).children('div').animate({marginLeft: -1*slider_widths[slider_pos]});
}