$(document).ready(function(){
    
    
    
    var ratio = .63;
    var contentWidth = 0;
    var contentHeight = 0;

    var offsetHeader = 0;

    $(window).bind('resize', function(){
        
        if(window.innerWidth < 1265 && window.innerWidth > 500){
            //width is between maximum and minimum scaling size
            contentWidth = window.innerWidth-80;
            contentHeight = Math.round(contentWidth*ratio)+offsetHeader;
            
            if(contentHeight > window.innerHeight && window.innerHeight>450){
                contentHeight = window.innerHeight - $('.header').height() - 120;
                contentWidth = contentHeight/ratio;    
            } else if(contentHeight > window.innerHeight && window.innerHeight<=450){
                contentHeight = 450 - $('.header').height() - 120;
                contentWidth = contentHeight/ratio;    
            }
            
        } else if(window.innerWidth>=1265){
            contentWidth = 1200;
            contentHeight = Math.round(contentWidth*ratio)+offsetHeader;
            
            if(contentHeight > window.innerHeight && window.innerHeight>450){
                contentHeight = window.innerHeight - $('.header').height() - 120;
                contentWidth = contentHeight/ratio;    
            } else if(contentHeight > window.innerHeight && window.innerHeight<=450){
                contentHeight = 450 - $('.header').height() - 120;
                contentWidth = contentHeight/ratio;    
            }
        } else if(window.innerWidth <= 500){
            contentWidth = 400;
            contentHeight = Math.round(contentWidth*ratio)+offsetHeader;
           
        }
        
        setSize();
            
    });
    $(window).trigger('resize');
    
    function setSize(){
        
        $('.container-slider-inner').width(contentWidth);
        $('.container-slider-inner').height(Math.round(contentWidth*ratio));
        $('.container-slider-inner').css('padding', contentWidth*10/1200);
        
        $('.container-slider-inner img').height(Math.round(contentWidth*ratio));
        
        $('.container-slider-inner .slider-navigation li').width(contentWidth/4);
        $('.container-slider-inner .slider-navigation li').height(Math.round(contentWidth*ratio));
        
        $('.container-slider-inner').fadeIn(400, function(){
			$('p.pager').show();
		});
    }
    
    $('.slider-navigation li').hover(function(){
        $('.slider-navigation .'+$(this).attr('class')+' img').css('marginTop','-14px');
    },function(){
        $('.slider-navigation .'+$(this).attr('class')+' img').css('marginTop','0');
    });

});