function displayPreview(portfolio, img_num, orientation)
{
	var old_img = portfolio_o.cur_img;

	if(old_img > -1){
		document.getElementById("image_"+old_img+"_text").style.visibility='hidden';
	}

	portfolio_o.cur_img = img_num;

	var preview = document.getElementById('preview');
	var preview_pane = document.getElementById('preview_pane');
	var image = document.getElementById('preview_image');
	var text = document.getElementById('image_'+img_num+'_text');

	preview.style.visibility = "hidden";

	/*
	preview_pane.src='images/x.gif';
	preview_pane.src='images/portfolio/'+portfolio+'/prev/'+img_num+'.jpg';
	*/
	preview_pane.style.backgroundImage = "url(images/portfolio/"+portfolio+"/prev/"+img_num+".jpg)";

	var link = document.getElementById('preview_link');

	document.getElementById('preview_link').portfolio = portfolio;
	document.getElementById('preview_link').piece_num = img_num;
	document.getElementById('preview_link').img_num = -1;

	document.getElementById('preview_link').onclick=popupGallery;

	// hide layered clickable images

	for(i = 0; i < 3; i++){
		document.getElementById("preview_image_"+i).style.visibility="hidden";

	}

	if(orientation == "h"){

		image.style.left   = "12px";
		image.style.top    = "3px";
		image.style.width  = "282px";
		image.style.height = "201px";

		text.style.top = "306px";
		text.style.left = "400px";
		text.style.width = "280px";

	}else if(orientation == "v"){
		image.style.left   = "87px";
		image.style.top    = "5px";
		image.style.width  = "211px";
		image.style.height = "293px";

		text.style.top = "400px";
		text.style.left = "480px";
		text.style.width = "200px";
		
	}

	image.style.visibility="visible";

	text.style.visibility = "visible";
	preview.style.visibility = "visible";

	return false;
}

function displayMultiPreview(portfolio, img_num, o_array)
{
	var old_img = portfolio_o.cur_img;

	if(old_img > -1){
		document.getElementById("image_"+old_img+"_text").style.visibility='hidden';
	}

	portfolio_o.cur_img = img_num;

	var preview = document.getElementById('preview');
	var preview_pane = document.getElementById('preview_pane');
	var text = document.getElementById('image_'+img_num+'_text');

	preview.style.visibility = "hidden";

	/*
	preview_pane.src='images/x.gif';
	preview_pane.src='images/portfolio/'+portfolio+'/prev/'+img_num+'.jpg';
	*/
	preview_pane.style.backgroundImage = "url(images/portfolio/"+portfolio+"/prev/"+img_num+".jpg)";

	text.style.top = "400px";
	text.style.left = "430px";
	text.style.width = "250px";

	document.getElementById('preview_image_1').style.visibility="hidden";
	document.getElementById('preview_image_2').style.visibility="hidden";

	// hide layered clickable images

	var image = document.getElementById("preview_image");
	image.style.visibility="hidden";

	for(i = 0; i < 3; i++){
		document.getElementById("preview_image_"+i).style.visibility="hidden";

	}


	// place layered clickable images over the pictures in the preview

	for(i = 0; i < o_array.length; i++){
		var coords;

		if(o_array[i] == "h"){
			coords = portfolio_o.h_coords[i];

		}else if(o_array[i] == "v"){
			coords = portfolio_o.v_coords[i];
		}

		var link = document.getElementById("preview_link_"+i);

		link.portfolio = portfolio;
		link.piece_num = img_num;
		link.img_num = i;

		link.onclick=popupGallery;

		var image = document.getElementById("preview_image_"+i);

		image.style.visibility="hidden";

		image.style.left   = coords[0]+"px";
		image.style.top    = coords[1]+"px";
		image.style.width  = coords[2]+"px";
		image.style.height = coords[3]+"px";

		image.style.visibility="visible";

	}

	text.style.visibility = "visible";
	preview.style.visibility = "visible";

	return false;
}



function initPortfolio()
{
	portfolio_o = new Object;

	portfolio_o.h_coords = new Array(new Array(87, 4, 203, 144),
		 		         new Array(18, 153, 201, 146),
				         new Array(130, 150, 140, 110));

	portfolio_o.v_coords = new Array(new Array(146, 7, 152, 215),
		 		         new Array(40, 84, 154, 216),
				         new Array(60, 30, 113, 173));

	portfolio_o.cur_img = -1;
}

function popupGallery() {
	var properties = "location=no,scrollbars=no,menubars=no,toolbars=no,resizable=no,left=50%,top=50%,width=600,height=600";
	window.open('popup.php?portfolio='+this.portfolio+'&cur_piece='+this.piece_num+"&cur_image="+this.img_num,'Portfolio',properties);

	return false;
}