$(document).ready(function(){
    var current_image = 0;
    var div_width = 0;
    var child = $('#slider').children('a').length;
    var unit_width = 0;
    
    var position = function(){
        div_width = $(window).width();
        unit_width = div_width;
        
        if(div_width <= 1245){
            div_width = 1245;
        }
        
        var img = new Image();
        img.src = $('#slider > a').children('img').eq(0).attr('src');
        
        //alert(img.width + ' / ' + img.height);

        if(img.width == 0){
            img.width = 1240;
        }
        
        if(img.height == 0){
            img.height = 535;//698;
        }

        var max_h = Math.floor((img.height * div_width) / img.width);

        $('#slider a').children('img').attr('width', div_width);
        
        $('#slider a').css({
            'width': div_width,
            'height': max_h
        });
        
        $('#slider').css({
            'width': div_width * child,
            'height': max_h//$('#slider').children('img').eq(current_image).height()
        }).parent().css({
            'height': max_h//$('#slider').children('img').eq(current_image).height()
        });       
        
    }
    
    position();
    $(window).resize(position);
    
    $('.image_slide_right').unbind('click').bind('click', function(){
        var position = $('#slider').position();
        var newposition = -(div_width * (current_image+1));
        var maxposition = div_width - parseInt($('#slider').css('width'));
        
        if(Math.abs(newposition) <= Math.abs(maxposition)) {            
            $('#slider').stop().animate({
                'left': newposition
            }, 1000, function(){
                $('#slider').css({
                    'height': $('#slider a').children('img').eq(current_image).height()
                }).parent().animate({
                    'height': $('#slider a').children('img').eq(current_image).height()
                }, 1000);
            });
            current_image++;
            
            $('.pagination li[class*="current"]').removeClass('current');
            $('.pagination li a[href="#'+current_image+'"]').parent().addClass('current');
        }
        
    });
    
    $('.image_slide_left').unbind('click').bind('click', function(){
        var position = $('#slider').position();
        if(current_image > 0){            
            var newposition = -div_width * (current_image-1);
            if(newposition >= 0)
                newposition = 0;
                
            $('#slider').stop().animate({
                'left': newposition
            }, 1000, function(){
                $('#slider').css({
                    'height': $('#slider a').children('img').eq(current_image).height()
                }).parent().animate({
                    'height': $('#slider a').children('img').eq(current_image).height()
                }, 1000);
            });
            current_image--;
            
            $('.pagination li[class*="current"]').removeClass('current');
            $('.pagination li a[href="#'+current_image+'"]').parent().addClass('current');
        }
               
    });
    
    //pagination
    $('.pagination').find('a').each(function(items){
        var el = $(this);
        if(items == current_image)
            el.parent().addClass('current');
        
        el.unbind('click').bind('click', function(e){
            e.preventDefault();
            e.stopPropagation();
            
            $('.pagination li[class*="current"]').removeClass('current');
            $(this).parent().addClass('current');
            
            if($(this).attr("href").match("[^#/]+$")){
                var _goto = $(this).attr('href').replace(/#/i,'');
                
                if(_goto < current_image){
                    var position = $('#slider').position();
                    if(current_image > 0){
                        var newposition = -div_width * _goto;
                        if(newposition >= 0)
                            newposition = 0;
                
                        $('#slider').stop().animate({
                            'left': newposition
                        }, 1000, function(){
                            $('#slider').css({
                                'height': $('#slider a').children('img').eq(current_image).height()
                            }).parent().animate({
                                'height': $('#slider a').children('img').eq(current_image).height()
                            }, 1000);
                        });
                        current_image = _goto;
                    }
                }else if(_goto > current_image){
                    var position = $('#slider').position();
                    var newposition = -(div_width * _goto);//(current_image+(_goto - current_image))
                    var maxposition = div_width - parseInt($('#slider').css('width'));
        
                    if(Math.abs(newposition) <= Math.abs(maxposition)) {            
                        $('#slider').stop().animate({
                            'left': newposition
                        }, 1000, function(){
                            $('#slider').css({
                                'height': $('#slider a').children('img').eq(current_image).height()
                            }).parent().animate({
                                'height': $('#slider a').children('img').eq(current_image).height()
                            }, 1000);
                        });
                        current_image = _goto;
                    }
                }
            }
        });
    });
    
    
    var page = 0;
    var len_content = $('#bx_content .content_container').children().length;
    var width_content = $('#bx_content .content_container').children().eq(0).innerWidth(); // width: 212, margin-right: 29
    var total_margin = parseInt($('#bx_content .content_container').children().eq(0).css('margin-right')) * ($('#bx_content .content_container').children().length - 1);
    var total_width = (width_content * len_content) + total_margin;
    var show_width = parseInt($('#bx_content').innerWidth());
    
    $('#bx_content .content_container').css('width', total_width);
    
    $('.content_slide_right').unbind('click').bind('click', function(){
        var position = $('#bx_content .content_container').position();
        var newposition = position.left - show_width;
        var maxposition = show_width - total_width;
            
        if(newposition <= maxposition){
            newposition = maxposition;
        }
            
        $('#bx_content .content_container').stop().animate({
            'left': newposition
        }, 500, function(){
            page++;
        });
    });
    $('.content_slide_left').unbind('click').bind('click', function(){
        var position = $('#bx_content .content_container').position();
        if(position.left < 0){
            var newposition = position.left + show_width;
                
            if(newposition >= 0){
                newposition = 0;
            }
                
            $('#bx_content .content_container').stop().animate({
                'left': newposition
            }, 500, function(){ //, 'easeInQutCirc'
                page--;
            });
        }
    });
});