jQuery(document).ready(function($) {
	var imgRatio = 1400 / 1050;
	var logoRatio = 1184 / 335;
	var winWidth = $(window).width();
	var winHeight = $(window).height();
	var logoWidth = Math.ceil(winWidth * 0.85);
	var logoHeight = Math.ceil(logoWidth / logoRatio);
	var logoMargin = Math.ceil(logoHeight / 2);
	var newHeight = Math.ceil(winWidth / imgRatio);

	jQuery(".home-bg").css("width", winWidth);
	jQuery(".home-bg").css("height", winHeight);
	jQuery(".home-bg li").css("width", winWidth);
	jQuery(".home-bg li img").css("width", winWidth);
	jQuery(".home-bg li img").css("height", newHeight);
	jQuery(".logo-center img").css("width", logoWidth);
	jQuery(".logo-center img").css("height", logoHeight);
	jQuery(".logo-center").css("margin-top", -logoMargin);
	jQuery(".logo-center").css("height", logoHeight);
	jQuery(".logo-wrap").css("width", logoWidth);
	
	jQuery(".home-bg").scrollable({circular: true, speed: 0}).autoscroll({autoplay: true, interval: 2000});

	jQuery(window).bind("resize", function(){
		var imgRatio = 1400 / 1050;
		var logoRatio = 1184 / 335;
		var winWidth = $(window).width();
		var winHeight = $(window).height();
		var logoWidth = Math.ceil(winWidth * 0.85);
		var logoHeight = Math.ceil(logoWidth / logoRatio);
		var logoMargin = Math.ceil(logoHeight / 2);
		var newHeight = Math.ceil(winWidth / imgRatio);
	
		jQuery(".home-bg").css("width", winWidth);
		jQuery(".home-bg").css("height", winHeight);
		jQuery(".home-bg li").css("width", winWidth);
		jQuery(".home-bg li img").css("width", winWidth);
		jQuery(".home-bg li img").css("height", newHeight);
		jQuery(".logo-center img").css("width", logoWidth);
		jQuery(".logo-center img").css("height", logoHeight);
		jQuery(".logo-center").css("margin-top", -logoMargin);
		jQuery(".logo-center").css("height", logoHeight);
		jQuery(".logo-wrap").css("width", logoWidth);
	})
});