var currentImage = 0;

function initImages(){

try
{

document.getElementById('productPicture').innerHTML = '<img src="'+images[0].url+'" alt="'+images[0].alt+'" />';

var list = "";
var squareButtons = "";

for(i=0; i<images.length; i++){

list += '<li class="disc"><a href="#" onclick="changeImage('+i+');">'+ (images[i].alt) +'</a></li>';

}

for(i=0; i<images.length; i++){

if(i==0){

squareButtons += '<li><a href="#" class="sqButtons" onclick="changeImage('+i+');"><img src="images/page_square_on.gif" alt="Swap Images" id="sq'+i+'" /></a></li>';

}else if(i>0){
squareButtons += '<li><a href="#" class="sqButtons" onclick="changeImage('+i+');"><img src="images/page_square_off.gif" alt="Swap Images" id="sq'+i+'" /></a></li>';
}

}

document.getElementById('imageList').innerHTML = '<ul>'+list+'</ul>';


// Square buttons at the top
// Re-enable when there is somewhere to put them
 document.getElementById('ProductNav').innerHTML = '<ul>'+squareButtons+'</ul>';


}
catch(err)
{

}


}

function nextImage(){

	if(currentImage < images.length - 1){
	
	currentImage++;
		
	document.getElementById('productPicture').innerHTML = '<img src="'+images[currentImage].url+'" alt="'+images[currentImage].alt+'" />';

	}
	
updateButtons();

}

function prevImage(){

	if(currentImage>0){
	
	currentImage--;
		
	document.getElementById('productPicture').innerHTML = '<img src="'+images[currentImage].url+'" alt="'+images[currentImage].alt+'" />';

	}
	
	updateButtons();
}

function changeImage(id){

currentImage = id;

document.getElementById('productPicture').innerHTML = '<img src="'+images[currentImage].url+'" alt="'+images[currentImage].alt+'" />';

    updateButtons();
}

function updateButtons(){

if(currentImage == 0){
    document.getElementById('pImg').src = "images/left_arrow_off.gif";
}else if(currentImage == (images.length-1)){
    document.getElementById('nImg').src = "images/right_arrow_off.gif";
}

if(currentImage > 0){
    document.getElementById('pImg').src = "images/left_arrow_on.gif";
}

if(currentImage < (images.length-1)){
    document.getElementById('nImg').src = "images/right_arrow_on.gif";
}



// Square buttons at the top


for(i=0; i<images.length; i++){

btnId = "sq"+i;

if(currentImage == i){
document.getElementById(btnId).src = "images/page_square_on.gif";
}else{
document.getElementById(btnId).src = "images/page_square_off.gif";
}

}

}