var i = 1;
var images = new Array();

images[0] = new Object();
images[0]["left"]  = "url(../gfx/roman/roman_1_l.png)";
images[0]["right"] = "url(../gfx/steffi/steffi_7_r.png)";

images[1] = new Object();
images[1]["left"]  = "url(../gfx/roman/roman_2_l.png)";
images[1]["right"] = "url(../gfx/steffi/steffi_6_r.png)";

images[2] = new Object();
images[2]["left"]  = "url(../gfx/steffi/steffi_1_l.png)";
images[2]["right"] = "url(../gfx/roman/roman_5_r.png)";

images[3] = new Object();
images[3]["left"]  = "url(../gfx/roman/roman_3_l.png)";
images[3]["right"] = "url(../gfx/steffi/steffi_6_r.png)";

images[4] = new Object();
images[4]["left"]  = "url(../gfx/steffi/steffi_2_l.png)";
images[4]["right"] = "url(../gfx/roman/roman_6_r.png)";

images[5] = new Object();
images[5]["left"]  = "url(../gfx/roman/roman_4_l.png)";
images[5]["right"] = "url(../gfx/steffi/steffi_8_r.png)";

images[6] = new Object();
images[6]["left"]  = "url(../gfx/steffi/steffi_9_l.png)";
images[6]["right"] = "url(../gfx/roman/roman_7_r.png)";

images[7] = new Object();
images[7]["left"]  = "url(../gfx/steffi/steffi_4_l.png)";
images[7]["right"] = "url(../gfx/roman/roman_8_r.png)";

images[8] = new Object();
images[8]["left"]  = "url(../gfx/steffi/steffi_5_l.png)";
images[8]["right"] = "url(../gfx/roman/roman_9_r.png)";

images[9] = new Object();
images[9]["left"]  = "url(../gfx/roman/roman_1_l.png)";
images[9]["right"] = "url(../gfx/steffi/steffi_8_r.png)";

images[10] = new Object();
images[10]["left"]  = "url(../gfx/roman/roman_2_l.png)";
images[10]["right"] = "url(../gfx/steffi/steffi_7_r.png)";

images[11] = new Object();
images[11]["left"]  = "url(../gfx/steffi/steffi_3_l.png)";
images[11]["right"] = "url(../gfx/roman/roman_8_r.png)";

images[12] = new Object();
images[12]["left"]  = "url(../gfx/roman/roman_10_l.png)";
images[12]["right"] = "url(../gfx/steffi/steffi_8_r.png)";

images[13] = new Object();
images[13]["left"]  = "url(../gfx/roman/roman_3_l.png)";
images[13]["right"] = "url(../gfx/steffi/steffi_7_r.png)";

images[14] = new Object();
images[14]["left"]  = "url(../gfx/steffi/steffi_5_l.png)";
images[14]["right"] = "url(../gfx/roman/roman_5_r.png)";

images[15] = new Object();
images[15]["left"]  = "url(../gfx/roman/roman_4_l.png)";
images[15]["right"] = "url(../gfx/steffi/steffi_8_r.png)";

images[16] = new Object();
images[16]["left"]  = "url(../gfx/roman/roman_2_l.png)";
images[16]["right"] = "url(../gfx/steffi/steffi_6_r.png)";

images[17] = new Object();
images[17]["left"]  = "url(../gfx/steffi/steffi_3_l.png)";
images[17]["right"] = "url(../gfx/roman/roman_5_r.png)";

images[18] = new Object();
images[18]["left"]  = "url(../gfx/steffi/steffi_9_l.png)";
images[18]["right"] = "url(../gfx/roman/roman_6_r.png)";

images[19] = new Object();
images[19]["left"]  = "url(../gfx/roman/roman_1_l.png)";
images[19]["right"] = "url(../gfx/steffi/steffi_7_r.png)";

images[20] = new Object();
images[20]["left"]  = "url(../gfx/steffi/steffi_4_l.png)";
images[20]["right"] = "url(../gfx/roman/roman_9_r.png)";


Event.observe(window, 'load', function() {
	
	main_resize();
	drawImages();
	Event.observe(window, "resize", main_resize);	
});
		
function main_resize() {
		
	var h = (getInnerWindowHeight() / 98) * 100;
	var margin = Math.round((h - 650) / 2);

	if (h > 650) {
		$('container').style.top = margin + "px";
		
		
	} else {
		$('container').style.top = "0px";
		
	}
	
	$('container').style.display = "block";
	
	
}

function drawImages() {
	var index = getImageIndex();
	$('left').setStyle({backgroundImage: images[index]["left"] }); 
	$('right').setStyle({backgroundImage: images[index]["right"] }); 

}

function getInnerWindowHeight() {
	
	var y;
	if (self.innerHeight) 
	{
		y = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
	{
		y = document.documentElement.clientHeight;
	}
	else if (document.body) 
	{
		y = document.body.clientHeight;
	}
	
	return(y);
}

function getInnerWindowWidth() {
	
	var x;
	if (self.innerWidth) 
	{
		x = self.innerWidth;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
	{
		x = document.documentElement.clientWidth;
	}
	else if (document.body) 
	{
		x = document.body.clientWidth;
	}
	
	return(x);
}


function getImageIndex(){
	
	var imagenumber = images.length;

	var rand = Math.floor(Math.random()*imagenumber)

	return rand;
}