window.onload = function() { initIphone(); }

var selected = 1;

function initIphone() {
	var screen1 = document.getElementById('screen1');
	var screen2 = document.getElementById('screen2');
	var screen3 = document.getElementById('screen3');
	
	var iphone = document.getElementById('iphone-inner');
	
	screen1.onmouseover = function() {
		if (selected != 1) {
			screen1.src = 'media/2009/front_ico_screen1_ro.jpg';
		}
	}
	screen1.onmouseout = function() {
		if (selected != 1) {
			screen1.src = 'media/2009/front_ico_screen1.jpg';
		}
	}
	screen1.onclick = function() {
		screen2.src = 'media/2009/front_ico_screen2.jpg';
		screen3.src = 'media/2009/front_ico_screen3.jpg';
		iphone.style.backgroundImage = 'url(media/2009/front_iphonescreen1.jpg)';
		selected = 1;
	}
	
	screen2.onmouseover = function() {
		if (selected != 2) {
			screen2.src = 'media/2009/front_ico_screen2_ro.jpg';
		}
	}
	screen2.onmouseout = function() {
		if (selected != 2) {
			screen2.src = 'media/2009/front_ico_screen2.jpg';
		}
	}
	screen2.onclick = function() {
		screen1.src = 'media/2009/front_ico_screen1.jpg';
		screen3.src = 'media/2009/front_ico_screen3.jpg';
		iphone.style.backgroundImage = 'url(media/2009/front_iphonescreen2.jpg)';
		selected = 2;
	}
	
	screen3.onmouseover = function() {
		if (selected != 3) {
			screen3.src = 'media/2009/front_ico_screen3_ro.jpg';
		}
	}
	screen3.onmouseout = function() {
		if (selected != 3) {
			screen3.src = 'media/2009/front_ico_screen3.jpg';
		}
	}
	screen3.onclick = function() {
		screen1.src = 'media/2009/front_ico_screen1.jpg';
		screen2.src = 'media/2009/front_ico_screen2.jpg';
		iphone.style.backgroundImage = 'url(media/2009/front_iphonescreen3.jpg)';
		selected = 3;
	}
}