//For the profile page
function showPreview2(imagePath){
	var subImages2 = document.getElementById('previewPane').getElementsByTagName('IMG');
	if(subImages2.length==0){
		var img2 = document.createElement('IMG');
		document.getElementById('previewPane').appendChild(img2);
	}else img2 = subImages2[0];
	
	img2.src = imagePath;
}

if(document.getElementById('thumbnails')){
	previews = document.getElementById('thumbnails').getElementsByTagName('A');
	for(j=0;j<previews.length;j++){
		previews[j].onclick = function(){
			var subImages = document.getElementById('previewPane').getElementsByTagName('IMG');
			if(subImages.length==0){
				var img = document.createElement('IMG');
				document.getElementById('previewPane').appendChild(img);
			}else img = subImages[0];
			img.src = 'images/portfolio/' + this.id + '/1big.jpg';

			var nobrs = document.getElementById('horizontal_trueContainer').getElementsByTagName('SPAN');
			for(var i=0;i<nobrs.length;i++){
				spanid = nobrs[i].id;
				if(!(spanid==this.id)){
					nobrs[i].style.display="none";
				}
				else
				{
					nobrs[i].style.display="inline";
					var showh2 = document.getElementById('hide');
					showh2.style.display="inline";

				}
			}
			var relateddivs = document.getElementById('previewPane').getElementsByTagName('div');
			for(var i=0;i<relateddivs.length;i++){
				divid = relateddivs[i].id;
				if(!(divid==this.id)){
					relateddivs[i].style.display="none";
				}
				else
				{
					relateddivs[i].style.display="inline";
					pics2 = nobrs[i].getElementsByTagName('IMG');
				}
			}
			
			//h_actualwidth = 120 * pics2.length;
			//h_cross_scroll.style.left = 0;
		}
	}
}


//For the projects page, changing big picture from horizontal thumbnails
function showPreview(imagePath,imageIndex){
	var subImages = document.getElementById('previewPane').getElementsByTagName('IMG');
	if(subImages.length==0){
		var img = document.createElement('IMG');
		document.getElementById('previewPane').appendChild(img);
	}else img = subImages[0];
	
	img.src = imagePath;
}

//This script adds opacity to thumbnails on the right side and the bottom, then removes it on mouse over
if (document.getElementById('thumbnails')){
	imageGalleryObj = document.getElementById('thumbnails');
	var thumbs = imageGalleryObj.getElementsByTagName('IMG');
	for(var no=0;no<thumbs.length;no++){
		thumbs[no].style.opacity = ".45";
		thumbs[no].style.filter = "alpha(opacity=45)";
		thumbs[no].onmouseover = function(){
			this.style.filter = 'alpha(opacity=100)';
			this.style.opacity = 1;	
		}
		thumbs[no].onmouseout = function(){
			this.style.filter = 'alpha(opacity=45)';
			this.style.opacity = '.45';
		}
	}
}