
var theCounter = ["contentPicDiv1", "contentPicDiv2", "contentPicDiv3", "contentPicDiv4", "contentPicDiv5", "contentPicDiv6", "contentPicDiv7", "contentPicDiv8", "contentPicDiv9", "contentPicDiv10"];
var emptyContentPicDiv = [];
var whichImage;
var file2SRC = 666;
var file3SRC;
var file4SRC;
var file5SRC;
var file6SRC;
var file7SRC;
var file8SRC;
var file9SRC;
var file10SRC;

function setText() {
	var firstImg = new Image();
	firstImg.src = document.getElementById('contentPic').src;//theCounter[0]).src;
	//alert(firstImg.height);
	firstImgHeight = firstImg.height + 10;
	//alert(firstImgHeight);
	document.getElementById('contentImgTxt').style.marginTop = firstImgHeight +'px';
}

function contentImageCounter() 
{
	if (file2SRC == '') {
		document.getElementById('contentPicDiv2').style.display = 'none';
		document.getElementById('contentPicDivThumb2').style.display = 'none';
		emptyContentPicDiv = theCounter.splice(1, 9);
	}
	if (file3SRC == '') {
		document.getElementById('contentPicDiv3').style.display = 'none';
		document.getElementById('contentPicDivThumb3').style.display = 'none';
		emptyContentPicDiv = theCounter.splice(2, 8);
	}
	if (file4SRC == '') {
		document.getElementById('contentPicDiv4').style.display = 'none';
		document.getElementById('contentPicDivThumb4').style.display = 'none';
		emptyContentPicDiv = theCounter.splice(3, 7);
	}
	if (file5SRC == '') {
		document.getElementById('contentPicDiv5').style.display = 'none';
		document.getElementById('contentPicDivThumb5').style.display = 'none';
		emptyContentPicDiv = theCounter.splice(4, 6);
	}
	if (file6SRC == '') {
		document.getElementById('contentPicDiv6').style.display = 'none';
		document.getElementById('contentPicDivThumb6').style.display = 'none';
		emptyContentPicDiv = theCounter.splice(5, 5);
	}
	if (file7SRC == '') {
		document.getElementById('contentPicDiv7').style.display = 'none';
		document.getElementById('contentPicDivThumb7').style.display = 'none';
		emptyContentPicDiv = theCounter.splice(6, 4);
	}
	if (file8SRC == '') {
		document.getElementById('contentPicDiv8').style.display = 'none';
		document.getElementById('contentPicDivThumb8').style.display = 'none';
		emptyContentPicDiv = theCounter.splice(7, 3);
	}
	if (file9SRC == '') {
		document.getElementById('contentPicDiv9').style.display = 'none';
		document.getElementById('contentPicDivThumb9').style.display = 'none';
		emptyContentPicDiv = theCounter.splice(8, 2);
	}
	if (file10SRC == '') {
		document.getElementById('contentPicDiv10').style.display = 'none';
		document.getElementById('contentPicDivThumb10').style.display = 'none';
		emptyContentPicDiv = theCounter.splice(9, 1);
	}
		
	for(i=0;i<theCounter.length;i++)
	{
		var contentImage = document.getElementById(theCounter[i]);
		if (contentImage) {
			contentImage.style.visibility = 'hidden';
		}
	}
	document.getElementById(theCounter[0]).style.visibility = 'visible';
	whichImage = 0;
	
	thumbDiv = document.getElementById('contentPicDivThumb1');
	thumbDiv.getElementsByTagName('img')[0].style.borderColor = '#FF6600';
	
	//setText();
}

function changePicture(x) {
	//alert(whichImage);
	document.getElementById(theCounter[whichImage]).style.visibility = 'hidden';
	for(i=0;i<11;i++)
	{
		var contentThumb = document.getElementById('contentPicDivThumb' + i);
		if (contentThumb) {
			contentThumb.getElementsByTagName('img')[0].style.borderColor = '#666666';
		}
	}
	//alert(x);
	/*if (x <= 1) {
		whichImage = 1;
	} else if (x > 1) {
		whichImage = (x - 1);
	}*/
	whichImage = (x-1);
	document.getElementById(theCounter[whichImage]).style.visibility = 'visible';
	
	var newImg = new Image();
	if(x == 1) {
		newImg.src = document.getElementById('contentPic').src; 
	}
	else if(x > 1) {
		newImg.src = document.getElementById('contentPic' + x).src; 
	}
	document.getElementById('contentImgTxt').style.marginTop = (newImg.height + 10) +'px';

	thumbDiv = document.getElementById('contentPicDivThumb' + x);
	thumbDiv.getElementsByTagName('img')[0].style.borderColor = '#FF6600';
	//document.getElementById('photoCounterCur').innerHTML = whichImage+1;
}

function setActive(x) {
	document.getElementById(x).style.color = '#FF6600';
}