$(document).ready(function(){
	resizeScrollerImage();
	$(window).resize(resizeScrollerImage);
	initScrollerImage();
});

var scroller_image_change_interval = 4; // seconds
var scroller_image_ratio = 1373 / 625;
var visible_scroller_image;
var last_scroller_image;
var window_width;

function initScrollerImage() {
	visible_scroller_image = 1;
	$("img#scroller_image_1").css("opacity", 1);
	$("img#scroller_image_2").css("opacity", 0);
	$("img#scroller_image_3").css("opacity", 0);
	setInterval(switchScrollerImage, scroller_image_change_interval * 1000);
}

function switchScrollerImage() {
	$("img#scroller_image_" + visible_scroller_image).css("opacity", 0);
	visible_scroller_image++;
	if (visible_scroller_image > $("img.scroller_image").length) {
		visible_scroller_image = 1;
	}
	$("img#scroller_image_" + visible_scroller_image).css("opacity", 1);
}

function moveLastImage() {
	$("img#scroller_image_" + last_scroller_image).css("opacity", 0);
	$("img#scroller_image_" + last_scroller_image).css("left", window_width + "px");
}

function resizeScrollerImage() {
	window_width = $("div#scroller_image_container").width();
	var window_height = $("div#scroller_image_container").height();
	var window_ratio = window_width / window_height;
	if (window_ratio < scroller_image_ratio) {
		$("img.scroller_image").height(window_height);
		$("img.scroller_image").width(scroller_image_ratio * window_height);
	} else {
		$("img.scroller_image").width(window_width);
		$("img.scroller_image").height(window_width / scroller_image_ratio);
	}
	$("div.page_body_container").css("margin-top", ((window_width / scroller_image_ratio) + 100)+"px");
}