// JavaScript Document
$(function() {
	$('.scroll-pane').jScrollPane({scrollbarWidth: 6, scrollbarMargin: 4});
});

function swapImage(sourceDiv, sourceImg) {
	//alert('sourceDiv: '+sourceDiv+', sourceImg: '+sourceImg);
	var div_sourceDiv = document.getElementById(sourceDiv);	
	div_sourceDiv.style.background = 'url('+sourceImg+')';
}

function swapImage_load() {
	//alert('swapImage_load executed');
	//Get image from first swapimgs_thumb div and load it into swapimgs_display
	var swapimgs_thumb = document.getElementById('swapimgs_thumb1');
	//alert('swapimgs_thumb: '+swapimgs_thumb);
	var swapimgs_thumb_image = swapimgs_thumb.getElementsByTagName('img');
	var swapimgs_thumb_image_src = swapimgs_thumb_image[0].src;
	//alert('swapimgs_thumb_images: '+swapimgs_thumb_image[0].src);
	swapImage('swapimgs_display', swapimgs_thumb_image_src);
}