function portShow(pid,pimages) {
	var pidvd = "#" + pid + "_vd";
	var pidva = "#" + pid + "_details";
	var i = 0;
	var j = 0;
	var moveto = 0;
	var pdetout = "";
	var pvdout = "";
	var pexplode = pimages.split("|");
	var pimgc = pexplode.length;
	$(pidvd).slideDown(750, function() {
		$(pidvd + " .port_vd_inner").html(function() {
			for(i=0;i<=pimgc;i++) {
				j = i + 1;
				moveto = i * 860;
				if(pexplode[i] && pexplode[i] != "") {
					pvdout += "<img src='http://www.ryanbaudoin.com/images/" + pexplode[i] + "' alt='Image " + j + "'/>";
				}
			}
			return pvdout;
		});
		$(pidva).html(function() {
			for(i=0;i<=pimgc;i++) {
				j = i + 1;
				moveto = i * 860;
				if(pexplode[i] && pexplode[i] != "") {
					if(i == 0) {
						pdetout +=  "<a href='javascript:portMove(\"" + pid + "\"," + i + ");' title='Image " + j + "' id='" + pid + "_li" + i + "' class='port_image_link port_il_first pil_current'>" + j + "</a>";
					}
					else {
						pdetout +=  "<a href='javascript:portMove(\"" + pid + "\"," + i + ");' title='Image " + j + "' id='" + pid + "_li" + i + "' class='port_image_link'>" + j + "</a>";
					}
				}
			}
			pdetout += " <a href='javascript:portHide(\"" + pid + "\",\"" + pimages + "\");' title='Close' class='port_closelink'>Close</a>";
			return pdetout;
		});
	});
}
function portMove(pid,pmoveid) {
	var pmoveto = pmoveid * 860;
	var pidmvd = "#" + pid + "_vd .port_vd_inner";
	var pidva = "#" + pid + "_details";
	var pidil = "#" + pid + "_li" + pmoveid;
	
	$(pidva).children('a.port_image_link').removeClass('pil_current');

	$(pidil).addClass('pil_current');
	
	$(pidmvd).animate({
		left: -pmoveto
	}, 750, function() {});
}
function portHide(pid,pimages) {
	var pidvd = "#" + pid + "_vd";
	var pidva = "#" + pid + "_details";
	$(pidvd).slideUp(500, function() {
		$(pidvd + " .port_vd_inner").css("left", "0");
		$(pidvd + " .port_vd_inner").html(function() {
			return "";
		});
		$(pidva).html(function() {
			return "<a href='javascript:portShow(\"" + pid + "\",\"" + pimages + "\");' title='View Details' class='port_detailslink'><span>View Details</span></a>";
		});
	});
}
