var timeout = 10000;
var imageWidth = 708;
var imageHeight = 181;
var navOffsetX = 13;
var navOffsetY = 35;

var curid = 0;
var changedManual = false;
var images = new Array();
images[0] = "Solutions_to_meet_your_needs..png";
images[1] = "Maximum_production_with_increased_efficiency..png";
images[2] = "Products_and_service_that_deliver..png";

var homeFlashPic = document.getElementById('homeFlashPic');
var homeFlashNav = document.getElementById('homeFlashNav');
var homeFlashTxt = document.getElementById('homeFlashTxt');

function updatehomeFlash() {	
	if (changedManual) {
		changedManual = false;
	} else {
		updateImage(curid);
	}
	setTimeout("updatehomeFlash()",timeout);
}

function updateImageManual(id) {
	changedManual = true;
	updateImage(id);
}

function updateImage(id) {
	homeFlashPic.style.backgroundImage = 'url(/jcps/images/flash/' + images[id] + ')';	
	updateNav(id);
	
	curid = id;
	if (++curid >= images.length) {
		curid = 0;	
	}	
}

function updateNav(id) {
	var content = '';	
	for (var i=0; i < images.length; i++) {
		if (i == id) {
			content += '<a href="javascript:updateImageManual(' + i + ');void(0);" class="active">' + (i + 1) + '</a> | ';
		} else {
			content += '<a href="javascript:updateImageManual(' + i + ');void(0);">' + (i + 1) + '</a> | ';	
		}
	}
	
	homeFlashNav.innerHTML = '<div>' + content.substr(0,content.length-2) + '</div>';
	/*homeFlashTxt.innerHTML = images[id].replace('..','#.').split('.')[0].replace(/_/g,' ').replace(/~/g,'?').replace(/#/g,'.');*/
}

// initialize
homeFlashPic.style.height = imageHeight + 'px';
homeFlashPic.style.width = imageWidth + 'px';

homeFlashNav.innerHTML = '';
homeFlashNav.style.width = (images.length * 22) + 'px';
homeFlashNav.style.marginLeft = (imageWidth - (images.length * 22) - navOffsetX) + 'px';
homeFlashNav.style.marginTop = (imageHeight - navOffsetY) + 'px';
updatehomeFlash();

// preload images
for (var i=0; i < images.length; i++) {
	pic1= new Image(100,25); 
	pic1.src=images[i];
}