


function makePortfolioContentTable(contentType)
{

	//Get pic array
	//var picArray = document.crntMovieObject.images;
	//var picPath = "resources/" + document.crntMovie + "/113_61/";
	
	var d = document;
	
	d.writeln("<table id='PortfolioLayoutTable' cellspacing='0' cellpadding='0' border='0'>");
	//var i, picString, outputString = "";
	
	var outputString = "", colCount = 0, rowCount = 0, counter = 0;
	
	//Set catalog
	var myCatalog = document.movieCatalog[contentType];
	
	//Loop through movie catalog
	for (var prop in myCatalog)
	{
		//Get current movie object
		var crntMovie = myCatalog[prop];
		
		var introImage = "resources/" + crntMovie.ref + "/170_92/" + crntMovie.introPic;
		var portfolioLink = (crntMovie.images != null) ? "portfolio_movie.php?cType=" + contentType + "&movie=" + crntMovie.ref : "#";
		
		var isTopRow = (rowCount > 0) ? "" : " class='topRow'";
		
		//Set table data for current movie
		outputString += "<td" + isTopRow + ">";
		outputString += "	<div class='portfolioItem'>";
		outputString += "		<div class='pfContent'>";
		outputString += "			<div class='pfInfo'>";
		outputString += "				<div class='headerText'><a href='" + portfolioLink + "'>" + crntMovie.name + "</a></div>";
		outputString += "				<div class='contentText'>" + crntMovie.introCopy + "</div>";
		outputString += "			</div>";
		outputString += "			<div class='linksText'>";
		outputString += "				<a href='" + portfolioLink + "'>pics</a>";
		
		if (crntMovie.clip != null)	//if has current clip
		{
			outputString += "&nbsp;|&nbsp;<a href='javascript:showClip(\"" + contentType + "\", \"" + crntMovie.ref + "\")'>clip</a>";
		}
		else
		{
			outputString += "&nbsp;|&nbsp;<span class='noLink'>clip</span>";
		};
		
		outputString += "			</div>";
		outputString += "		</div>";
		outputString += "		<a href='" + portfolioLink + "'><img src='" + introImage + "' id='PortfolioImg_" + counter + "' class='pfPic' alt='" + crntMovie.name + "' width='170' height='92' border='0' /></a>";
		outputString += "</div>";
		outputString += "</td>\n";
		
		counter++;
		
		//Set column and row counter
		if (++colCount > 1) 
		{
			//Complete row so write it
			d.writeln("<tr>");
			d.writeln(outputString);
			d.writeln("</tr>");
			
			//Reset column and row ouput
			colCount = 0;
			outputString = "";
			
			//Set new row
			++rowCount;
		};
		
	};
	
	
	if (outputString != "")
	{
		d.writeln("<tr>");
		d.writeln(outputString);
		d.writeln("<td>&nbsp;</td>");
		d.writeln("</tr>");
	};
	
	d.write("</table>");
	
	setRollOvers(counter);
};


function setRollOvers(total)
{
	for (var i = 0; i < total; i++)
	{
		var crntImg = document.getElementById("PortfolioImg_" + i);
		
		crntImg.onmouseover = function() 
		{		
			this.style.border = "1px solid #08B6F0";
		};
		
		crntImg.onmouseout = function() 
		{		
			this.style.border = "1px solid #FFFFFF";
		};
	};
};