var Banners = [
{ index : 0, title : 'Wide Eyed "Tiger"' },
{ index : 1, title : 'Simonstown Harbor and Gull' },
{ index : 2, title : 'Seals on Seal Island, False Bay, South Africa' },
{ index : 3, title : 'Cheetah at Little Vumbura, Botswana' },
{ index : 4, title : 'Prop Planes and Sky in Botswana' },
{ index : 5, title : 'Squirrel and Birds Steal Crumbs' },
{ index : 6, title : 'Elephant Close-up' },
{ index : 7, title : 'Himba Boy at School' },
{ index : 8, title : 'Himba Village, Namibia' },
{ index : 9, title : 'Lion Cubs With "Junior"' },
{ index : 10, title : 'Landfill in Mukuni Village, Zambia' },
{ index : 11, title : 'Settlement near Walvis Bay, Namibia' },
{ index : 12, title : 'Okavango Delta, Botswana' },
{ index : 13, title : 'Okavango Delta, Botswana' },
{ index : 14, title : 'Skeleton Coast Gemsbok' },
{ index : 15, title : 'Skeleton Coast Sand Dunes' },
{ index : 16, title : 'Gravel Plains, Namibia' },
{ index : 17, title : 'Salt Pan, Skeleton Coast' },
{ index : 18, title : 'Red Dunes Near Sossusvlei, Namibia' },
{ index : 19, title : 'Tourists Sprint Down a Dune' },
{ index : 20, title : 'Sossuvlei Sand Sea' },
{ index : 21, title : 'Star Trails' },
{ index : 22, title : 'Zebra, Botswana' },
{ index : 23, title : 'E. 41st, Grand Central area, New York City' },
{ index : 24, title : 'Colorful Carpet Dyes, Pisac, Peru' },
{ index : 25, title : 'Fountain Spray' },
{ index : 26, title : 'Early Morning on the River Ganges' },
{ index : 27, title : 'Asian Grocery Store, New York City' },
{ index : 28, title : 'Storage Facility Back Entrance, New York City' },
{ index : 29, title : 'Southward View of Manhattan' },
{ index : 30, title : 'Ambulance and Fountain Spray' }
];


Banners.sort(function(a,b) { return 0.5 - Math.random(); });
var currentBanner = 0;



var ImageViews = {
'imageview_mymedical' : { 
	width:320,
	height:460,
	index:0,
	anim:null,
	images: [
		{ src:'screenshots/mymedical2.jpg' },
		{ src:'screenshots/mymedical3.jpg' },
		{ src:'screenshots/mymedical4.jpg' },
		{ src:'screenshots/mymedical5.jpg' },
		{ src:'screenshots/mymedical1.jpg' }
	]
},
'imageview_kadabra' : { 
	width:320,
	height:460,
	index:0,
	anim:null,
	images: [
		{ src:'screenshots/kadabra1.jpg' },
		{ src:'screenshots/kadabra2.jpg' },
		{ src:'screenshots/kadabra3.jpg' },
		{ src:'screenshots/kadabra4.jpg' },
		{ src:'screenshots/kadabra5.jpg' }
	]
},
'imageview_facelift' : { 
	width:320,
	height:460,
	index:0,
	anim:null,
	images: [
		{ src:'screenshots/facelift1.jpg' },
		{ src:'screenshots/facelift2.jpg' },
		{ src:'screenshots/facelift3.jpg' },
		{ src:'screenshots/facelift4.jpg' },
		{ src:'screenshots/facelift5.jpg' }
	]
},
'imageview_blackbox' : { 
	width:320,
	height:460,
	index:0,
	anim:null,
	images: [
		{ src:'screenshots/blackbox1.jpg' },
		{ src:'screenshots/blackbox2.jpg' },
		{ src:'screenshots/blackbox3.jpg' },
		{ src:'screenshots/blackbox4.jpg' },
		{ src:'screenshots/blackbox5.jpg' }
	]
},
'imageview_darkroom' : {
	width:320,
	height:460,
	index:0,
	anim:null,
	images: [
		{ src:'screenshots/darkroom1.jpg' },
		{ src:'screenshots/darkroom2.jpg' },
		{ src:'screenshots/darkroom3.jpg' },
		{ src:'screenshots/darkroom4.jpg' }
	]
},
'imageview_earthbook' : { 
	width:320,
	height:460,
	index:0,
	anim:null,
	images: [
		{ src:'screenshots/earthbook1.jpg' },
		{ src:'screenshots/earthbook2.jpg' },
		{ src:'screenshots/earthbook3.jpg' },
		{ src:'screenshots/earthbook4.jpg' },
		{ src:'screenshots/earthbook5.jpg' }
	]
},
'imageview_screenshotplus' : { 
	width:311,
	height:229,
	index:0,
	anim:null,
	images: [
		{ src:'screenshots/screenshotplus1.jpg' },
		{ src:'screenshots/screenshotplus2.jpg' },
		{ src:'screenshots/screenshotplus3.jpg' }
	]
},
'imageview_countdownplus' : { 
	width:327,
	height:135,
	index:0,
	anim:null,
	images: [
		{ src:'screenshots/countdownplus1.jpg' },
		{ src:'screenshots/countdownplus2.jpg' },
		{ src:'screenshots/countdownplus3.jpg' }
	]
}
}




function load() {
	setScheme();
	loadImageViews();
}





function setScheme() {
	var banner = document.getElementById('banner');
	banner.src = "../banners/banner" + Banners[currentBanner].index + ".jpg";
	banner.title = Banners[currentBanner].title + "\nClick to see more images";
	var blocks = getElementsByClassName('block');
	for (i in blocks) {
		blocks[i].style.backgroundImage = "url(schemes/sides" + Banners[currentBanner].index + ".png)";
		var top = document.createElement("img");
		top.src = "schemes/top" + Banners[currentBanner].index + ".png";
		top.className = "block_top";
		var bottom = document.createElement("img");
		bottom.src = "schemes/bottom" + Banners[currentBanner].index + ".png";
		bottom.className = "block_bottom";
		blocks[i].appendChild(top);
		blocks[i].appendChild(bottom);
	}
	// preload next image
	var img = new Image();
	img.src = "../banners/banner" + Banners[(currentBanner + 1) % Banners.length].index + ".jpg";
}



function resetScheme() {
	currentBanner = (currentBanner + 1) % Banners.length;

	var banner= document.getElementById('banner');
	banner.src = "../banners/banner" + Banners[currentBanner].index + ".jpg";
	if (Banners[currentBanner].title) banner.title = Banners[currentBanner].title;
	var blocks = getElementsByClassName('block');
	var tops = getElementsByClassName('block_top');
	var bottoms = getElementsByClassName('block_bottom');
	for (i in blocks) {
		blocks[i].style.backgroundImage = "url(schemes/sides" + Banners[currentBanner].index + ".png)";
		tops[i].src = "schemes/top" + Banners[currentBanner].index + ".png";
		bottoms[i].src = "schemes/bottom" + Banners[currentBanner].index + ".png";
	}
	// preload next image
	var img = new Image();
	img.src = "../banners/banner" + Banners[(currentBanner + 1) % Banners.length].index + ".jpg";	
}