//Set initial value of numbers in the page	
function setlink1(){
	document.getElementById('img1').innerHTML = "<span>1</span>";
}

//Create numbered menu
function setlinks(){
	mytext = "<ul id='img-select'>"
	+ "<li id=\"img1\"><a href=\"javascript:changeImage('1');\">1</a></li>"
	+ "<li id=\"img2\"><a href=\"javascript:changeImage('2');\">2</a></li>"
	+ "<li id=\"img3\"><a href=\"javascript:changeImage('3');\">3</a></li>";
	//If screen has 4th Screenshot, create menu item for it
	if (document.getElementById('screen-gal-4')) {
		mytext = mytext + "<li id=\"img4\"><a href=\"javascript:changeImage('4');\">4</a></li>"
		+ "</ul>";
	}else{
		mytext = mytext + "</ul>";
	}
	
	// Generate menu
	document.getElementById('num-menu').innerHTML = mytext
}


// Show/Hide respective items in the page
function changeImage(imageName){
	if(imageName == '1'){
		document.getElementById('screen-gal-1').style.display = 'block';
		document.getElementById('screen-gal-2').style.display = 'none';
		document.getElementById('screen-gal-3').style.display = 'none';
		if (document.getElementById('screen-gal-4')) {document.getElementById('screen-gal-4').style.display = 'none';}
		setlinks();
		document.getElementById('img-caption-1').style.display = 'block';
		document.getElementById('img-caption-2').style.display = 'none';
		document.getElementById('img-caption-3').style.display = 'none';
		if (document.getElementById('img-caption-4')) {document.getElementById('img-caption-4').style.display = 'none';}
		document.getElementById('img1').innerHTML = "<span>1</span>";			
	}
	else if(imageName == '2'){
		document.getElementById('screen-gal-1').style.display = 'none';
		document.getElementById('screen-gal-2').style.display = 'block';
		document.getElementById('screen-gal-3').style.display = 'none';
		if (document.getElementById('screen-gal-4')) {document.getElementById('screen-gal-4').style.display = 'none';}
		setlinks();
		document.getElementById('img-caption-1').style.display = 'none';
		document.getElementById('img-caption-2').style.display = 'block';
		document.getElementById('img-caption-3').style.display = 'none';
		if (document.getElementById('img-caption-4')) {document.getElementById('img-caption-4').style.display = 'none';}
		document.getElementById('img2').innerHTML = "<span>2</span>";			
	}
	else if(imageName == '3'){
		document.getElementById('screen-gal-1').style.display = 'none';
		document.getElementById('screen-gal-2').style.display = 'none';
		document.getElementById('screen-gal-3').style.display = 'block';
		if (document.getElementById('screen-gal-4')) {document.getElementById('screen-gal-4').style.display = 'none';}
		setlinks();
		document.getElementById('img-caption-1').style.display = 'none';
		document.getElementById('img-caption-2').style.display = 'none';
		document.getElementById('img-caption-3').style.display = 'block';
		if (document.getElementById('img-caption-4')) {document.getElementById('img-caption-4').style.display = 'none';}
		document.getElementById('img3').innerHTML = "<span>3</span>";			
	}
	else if(imageName == '4'){
		document.getElementById('screen-gal-1').style.display = 'none';
		document.getElementById('screen-gal-2').style.display = 'none';
		document.getElementById('screen-gal-3').style.display = 'none';
		document.getElementById('screen-gal-4').style.display = 'block';
		setlinks();
		document.getElementById('img-caption-1').style.display = 'none';
		document.getElementById('img-caption-2').style.display = 'none';
		document.getElementById('img-caption-3').style.display = 'none';
		document.getElementById('img-caption-4').style.display = 'block';
		document.getElementById('img4').innerHTML = "<span>4</span>";			
	}

}