// Set image list for title page
var LoadBannerImg = [ pub_web_img_dir + 'JaalenWebPageCanoeBanner_09.jpg' ];
			   
var divs = ['canoes', 'shields', 'carving', 'prints'];

document.observe("dom:loaded", function() { 
	
	divs.each(function(r) {
		showLabel(r);
	});

	// Show banner
	if (identifier == 'home')
	{
		// Home page
		createDiv('wrapper', 'banner', 151, 148, 801, 348, pub_web_img_dir + 'JaalenWebPageCanoeBannerSM_10.jpg', '', 'block', 30);
		ip = new ImagePreloader(LoadBannerImg, loadingBannerStatus, onPreloadBanner);
	}
	else{
		// Content pages
		createDiv('wrapper', 'banner', 151, 148, 801, 142, pub_web_img_dir + 'JaalenWebPageCanoeBanner_09.Crop.jpg', '', 'block', 30);
	}
});

// status checker from ImagePreloader
function loadingBannerStatus(aImages, nProcessed)
{
	var num = aImages.length;
	//printOut('test', 'Loaded ' + nProcessed + ' images');
}

// Slides callback function from ImagePreloader
function onPreloadBanner(aImages, nImages) 
{ 
	if ( nImages != LoadBannerImg.length ) 
	{ 
		printOut('test', 'Images did not load properly'); 
		return; 
	}
	
	// Pass images to global array
	doImageShow(aImages[0].src);
}

function doImageShow(img_src) 
{
	// Home page
	createDiv('wrapper', 'banner_big', 151, 148, 801, 348, img_src, '', '', 30);
	new Effect.Appear('banner_big', { duration: 3.0, from: 0.0, to: 1.0, delay: 2.0 });
}


function showLabel(div)
{
	$(div).onmouseover = function(){Effect.Appear(div + '_txt', { duration: 0.3, from: 0.0, to: 1.0 })}
	$(div).onmouseout = function(){Effect.Appear(div + '_txt', { duration: 0.5, from: 1.0, to: 0.0 })}
}