function beginDrag (container, content, scrollArea, elementToDrag, event)
{
	// collect the variables
	var container = findDOM(container);
	var content = findDOM(content);
	var scrollArea = findDOM(scrollArea);

	var docH = content.offsetHeight;
	var contH = container.offsetHeight;

	var scrollerH = elementToDrag.offsetHeight;

	var scrollAreaTop = parseInt(scrollArea.offsetTop);
	var scrollAreaH = scrollArea.offsetHeight;

	//calculate height of scroller and resize the scroller div
	//(however, we make sure that it isn't to small for long pages)
	var scrollH = 15;

	//what is the effective scroll distance once the scoller's height has been taken into account
	var scrollDist = scrollAreaH - 15 - 3; //

	var diffX = event.clientX - parseInt(elementToDrag.style.left);
	var diffY = event.clientY - parseInt(elementToDrag.style.top);

	var oldMoveHandler = null;
	var oldUpHandler = null;

	if (document.addEventListener)
	{
		document.addEventListener("mousemove", moveHandler, true);
		document.addEventListener("mouseup", upHandler, true);
	}
	else if (document.attachEvent)
	{
		document.attachEvent("onmousemove", moveHandler);
		document.attachEvent("onmouseup", upHandler);
	}
	else
	{
		oldMoveHandler = document.onmousemove;
		oldUpHandler = document.onmouseup;

		document.onmousemove = moveHandler;
		document.onmouseup = upHandler;
	}

	//elementToDrag.style.zIndex = 100;

	if (event.stopPropogation) event.stopPropogation();
	else event.cancelBubble = true;

	if (event.preventDefault) event.preventDefault();
	else event.returnValue = false;

	function moveHandler (e)
	{
		if (!e) e = window.event;

		var newY = e.clientY - diffY;

		if (newY >= 0 && newY <= (scrollAreaH - scrollerH))
		{
			var scrollY = parseInt(elementToDrag.style.top);
			var docY = 0 - (scrollY * (docH - contH) / scrollDist);
			docY = Math.floor(docY);
			content.style.position = "absolute";
			content.style.top = docY + "px";

			elementToDrag.style.top = newY + "px";
		}

		if (e.stopPropogation) e.stopPropogation();
		else e.cancelBubble = true;
	}

	function upHandler (e)
	{
		if (!e) e = window.event;

		elementToDrag.style.zIndex = 0;

		if (document.removeEventListener)
		{
			document.removeEventListener("mouseup", upHandler, true);
			document.removeEventListener("mousemove", moveHandler, true);
		}
		else if (document.detachEvent)
		{
			document.detachEvent("onmouseup", upHandler);
			document.detachEvent("onmousemove", moveHandler);
		}
		else
		{
			document.onmouseup = oldUpHandler;
			document.onmousemove = oldMoveHandler;
		}

		if (e.stopPropogation) e.stopPropogation();
		else e.cancelBubble = true;
	}
}

function setThumbIndex(index, moveScroller)
{
	if (showImageOrText[index] == 'url')
	{
		window.location.replace(descImages[index]);
	}
	else if (showImageOrText[index] == 'textID')
	{
		var tarea = findDOM(descImages[index], 1);
		tarea.display = '';

		for (var i=0; i<showImageOrText.length; i++)
		{
			if (i != index)
			{
				tarea = findDOM(descImages[i],1);
				if (tarea != null)
				{
					tarea.display = 'none';
				}
			}
		}
	}
	else if (showImageOrText[index] == 'imageAndText')
	{
		var tarea = findDOM(descImages[index], 1);
		tarea.display = '';

		for (var i=0; i<showImageOrText.length; i++)
		{
			if (i != index)
			{
				tarea = findDOM(descImages[i],1);
				if (tarea != null)
				{
					tarea.display = 'none';
				}
			}
		}

		var bigImage = findDOM('bigImage');
		var descObj = findDOM('descImage');

		// check if we have this image loaded
		if (mainImages[index] == null || mainImages[index].src.length == 0 || mainImages[index].src.indexOf('loadimage.gif') != -1)
		{
			var newimg = new Image();
			if (mainImageSrc[index] == null || mainImageSrc[index].length == 0)
			{
				newimg.src = 'images/awaiting.gif';
			}
			else if (baseImageDir.length != 0)
			{
				newimg.src = baseImageDir + '/' + mainImageSrc[index];
			}
			else
			{
				newimg.src = mainImageSrc[index];
			}
			mainImages[index] = newimg;
		}

		if (mainImages[index].complete == false || mainImages[index].src.indexOf("loadimage.gif") != -1)
		{
			bigImage.src = "images/loadimage.gif";
		}
		else
		{
			bigImage.src = mainImages[index].src;
			if (mainImages[index].width)
			{
				bigImage.width = mainImages[index].width;
				bigImage.height = mainImages[index].height;
			}
		}
		descObj.innerHTML = descImages[index];

		var tbProductId = findDOM('productid');
		if (tbProductId != null)
		{
			tbProductId.value = productIds[index];
		}

		var about = findDOM('aboutbutton',1);
		if (about != null)
		{
			var abouttext = productAbout[index];
			if (abouttext == null || abouttext.length == 0)
			{
				about.display='none';
			}
			else
			{
				about.display='block';
			}
		}

		var buy = findDOM('buybutton',1);
		if (buy != null)
		{
			if (productPrice[index] == null || productPrice[index] == false)
			{
				buy.display='none';
			}
			else
			{
				buy.display='block';
			}
		}
	}
	else
	{
		var bigImage = findDOM('bigImage');
		var descObj = findDOM('descImage');

		// check if we have this image loaded
		if (mainImages[index] == null || mainImages[index].src.length == 0 || mainImages[index].src.indexOf('loadimage.gif') != -1)
		{
			var newimg = new Image();
			if (mainImageSrc[index] == null || mainImageSrc[index].length == 0)
			{
				newimg.src = 'images/awaiting.gif';
			}
			else if (baseImageDir.length != 0)
			{
				newimg.src = baseImageDir + '/' + mainImageSrc[index];
			}
			else
			{
				newimg.src = mainImageSrc[index];
			}
			mainImages[index] = newimg;
		}

		if (mainImages[index].complete == false || mainImages[index].src.indexOf("loadimage.gif") != -1)
		{
			bigImage.src = "images/loadimage.gif";
		}
		else
		{
			bigImage.src = mainImages[index].src;
			if (mainImages[index].width)
			{
				bigImage.width = mainImages[index].width;
				bigImage.height = mainImages[index].height;
			}
		}
		descObj.innerHTML = descImages[index];

		var tbProductId = findDOM('productid');
		if (tbProductId != null)
		{
			tbProductId.value = productIds[index];
		}

		var rowSizes = findDOM('rowProductSizes',1);
		if (rowSizes != null)
		{
			rowSizes.display = 'none';
		}

		var cbProductSizes = findDOM('cbProductSizes', 0);
		if (cbProductSizes != null)
		{
			cbProductSizes.options.length = 1;

			var sizes = productSizes[index];
			if (sizes != null)
			{
				var psIndex;
				for (psIndex=0; psIndex<sizes.length; psIndex++)
				{
					var psValue = sizes[psIndex][0];
					var psText = sizes[psIndex][1];
					if (sizes[psIndex].length >= 2)
					{
						psValue += "#" + sizes[psIndex][2];
					}

					var i = cbProductSizes.options.length;
					cbProductSizes.options.length++;
					var op = new Option(psText, psValue);
					cbProductSizes.options[i] = op;
				}
			}
		}

		var about = findDOM('aboutbutton',1);
		if (about != null)
		{
			var abouttext = productAbout[index];
			if (abouttext == null || abouttext.length == 0)
			{
				about.display='none';
			}
			else
			{
				about.display='block';
			}
		}

		var buy = findDOM('buybutton',1);
		if (buy != null)
		{
			if (productPrice[index] == null || productPrice[index] == false)
			{
				buy.display='none';
			}
			else
			{
				buy.display='block';
			}
		}
	}

	try {
		localSetThumbIndex(index);
	} catch (ex) {};

	currentIndex = index;

	var container = findDOM('container');
	var content = findDOM('content');
	var scrollArea = findDOM('scrollArea');
	var scroller = findDOM('scroller');

	if (content != null)
	{
		var docH = content.offsetHeight;
		var contH = container.offsetHeight;
		var scrollerH = scroller.offsetHeight;
		var scrollAreaTop = parseInt(scrollArea.offsetTop);
		var scrollAreaH = scrollArea.offsetHeight;
		var scrollH = 15;
		var scrollDist = scrollAreaH - 15 - 3; //

		if (moveScroller != null && mainImages.length > 1)
		{
			var newY = ((contH - scrollH) / (mainImages.length - 1)) * index;
			scroller.style.top = newY + "px";

			var scrollY = parseInt(scroller.style.top);
			var docY = 0 - (scrollY * (docH - contH) / scrollDist);
			content.style.top = docY + "px";
		}
	}
}

//-------------------------------------
// Image Preloader
//-------------------------------------

if (!Array.prototype.push)
{
		Array.prototype.push = function ()
		{
				for (var i = 0; i < arguments.length; i++)
				{
						this[this.length] = arguments[i];
				}
				return this.length;      // push() should return the new array length
		};
}

var m_preloader = null;

// Image Preloader
function ImagePreloader(images, callback)
{
	// store the starttime
	this.startTime = (new Date()).getTime();

	// store the callback
	this.callback = callback;

	// initialize internal state.
	this.nLoaded = 0;
	this.nProcessed = 0;
	this.aImages = new Array();

	// record the number of images.
	this.nImages = images.length;

	// reset the count of rsafari bug
	//m_safariCount = 0;

	// for each image, call preload()
	for ( var i = 0; i < images.length; i++ )
	{
		this.preload(i, images[i]);
	}
}

ImagePreloader.prototype.preload = function(index, image)
{
	// create new Image object and add to array
	var oImage = new Image();
	this.aImages.push(oImage);

	// set up event handlers for the Image object
	oImage.onload = ImagePreloader.prototype.onload;
	oImage.onerror = ImagePreloader.prototype.onerror;
	oImage.onabort = ImagePreloader.prototype.onabort;

	// assign pointer back to this.
	oImage.oImagePreloader = this;
	oImage.bLoaded = false;
	oImage.source = image;
	oImage.index = index;

	// assign the .src property of the Image object
	oImage.src = image;

	// safari returns the window object instead of image in the event handle
	// and doesn't do onerror, so we need to poll to pick up any onerror
	if (is_safari == true)
	{
		setTimeout('pollImages()', 1000);
	}
}

// we have a poller to handle Safari as the onerror does not
// return 'this' to the image obejcts, so we don't know which
// one it was referring to
function pollImages ()
{
	var index;
	var c = 0;
	m_preloader.nLoaded = 0;
	m_preloader.nProcessed = 0;
	for (index=0; index<m_preloader.aImages.length; index++)
	{
		if (m_preloader.aImages[index].complete == true && m_preloader.aImages[index].bLoaded == false)
		{
			m_preloader.aImages[index].bLoaded = true;
			m_preloader.nLoaded++;
			m_preloader.nProcessed++;

			m_preloader.callback(m_preloader.aImages, m_preloader.startTime, index, m_preloader.nProcessed, m_preloader.nImages);
		}
	}
	if (m_preloader.nLoaded < m_preloader.nImages)
	{
		setTimeout('pollImages()', 250);
	}
}

ImagePreloader.prototype.onComplete = function(index)
{
	this.nProcessed++;
	this.callback(this.aImages, this.startTime, index, this.nProcessed, this.nImages);
}

//var m_safariCount = 0;
ImagePreloader.prototype.onload = function(e)
{
	var t = this;

//	if (typeof(t) == "object" && is_safari == true)
//	{
//		// safari has bugs that stop 'this' referencing the image - so we always use the last one
//		t = m_preloader.aImages[m_safariCount];
//		m_safariCount++;
//	}

	t.bLoaded = true;
	t.oImagePreloader.nLoaded++;
	t.oImagePreloader.onComplete(t.index);
}
ImagePreloader.prototype.onerror = function()
{
	if (is_safari == true)
	{
		return;
	}

	var t = this;
	this.bError = true;
	this.oImagePreloader.onComplete(t.index);
}
ImagePreloader.prototype.onabort = function()
{
	if (is_safari == true)
	{
		return;
	}

	var t = this;
	this.bAbort = true;
	this.oImagePreloader.onComplete(t.index);
}

//----------------------------------------

var baseImageDir = "/images";
var tnImageDir = "tn";
var mainImageSrc = new Array();
var tnImageSrc = new Array();

var mainImages = new Array();
var tnImages = new Array();
var titleImages = new Array();
var productAbout = new Array();
var productPrice = new Array();
var artistName = new Array();
var showImageOrText = new Array();
var descImages = new Array();
var productIds = new Array();
var productSizes = new Array();
var contactOwnArt = new Array();

var currentIndex = 0;

var m_selImageSrc = null;

function loadImages()
{
	var i;

	// get the one we want
	m_selImageSrc = null;
	var h = window.location.href;
	if (h != null && h.length != 0)
	{
		var pos = h.indexOf('#');
		if (pos != -1)
		{
			m_selImageSrc = h.substring(pos+1);
		}
		else 
		{
			pos = h.indexOf('productid=');
			if (pos != -1)
			{
				var pid = h.substring(pos+10);
				pos = pid.indexOf('&');
				if (pos != -1)
				{
					pid = pid.substring(0, pos);
				}
				m_selImageSrc = pid;
			}
		}
	}

	loadImageDetails();
	if (mainImageSrc.length == 0)
	{
		return;
	}

	if (showImageOrText.length == 0)
	{
		for (i=0; i<mainImageSrc.length; i++)
		{
			showImageOrText[i] = 'image';
		}
	}

	if (tnImageSrc.length == 0)
	{
		for (i=0; i<mainImageSrc.length; i++)
		{
			tnImageSrc[i] = mainImageSrc[i];
		}
	}

	if (productIds.length == 0)
	{
		for (i=0; i<mainImageSrc.length; i++)
		{
			productIds[i] = 0;
		}
	}

	if (productSizes.length == 0)
	{
		for (i=0; i<mainImageSrc.length; i++)
		{
			productSizes[i] = null;
		}
	}

	for (i=0; i<mainImageSrc.length; i++)
	{
		if (showImageOrText[i] == 'textID' || showImageOrText[i] == 'url')
		{
			mainImages[i] = null;
			tnImages[i] = null;
		}
		else if (showImageOrText[i] == 'text')
		{
			mainImages[i] = new Image();
			mainImages[i].src = 'images/loadimage.gif';

			tnImages[i] = null;
		}
		else
		{
			mainImages[i] = new Image();
			mainImages[i].src = 'images/loadimage.gif';

			tnImages[i] = new Image();
			if (tnImageDir.length != 0 && baseImageDir.length != 0)
			{
				tnImages[i].src = baseImageDir + '/' + tnImageDir + '/' + tnImageSrc[i];
			}
			else if (baseImageDir.length != 0)
			{
				tnImages[i].src = baseImageDir + '/' + tnImageSrc[i];
			}
			else
			{
				tnImages[i].src = tnImageSrc[i];
			}
		}
	}

	var scrollhtml = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	scrollhtml += "<tr><td>&nbsp;</td></tr>";
	scrollhtml += "</table>";
	var contentObj = findDOM('content');
	if (contentObj != null)
	{
		contentObj.innerHTML = scrollhtml;
	}

	for (i=0; i<mainImages.length; i++)
	{
		if (titleImages[i].length != 0)
		{
			scrollhtml = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
			if (showImageOrText[i] == 'textID' || showImageOrText[i] == 'url' || showImageOrText[i] == 'text')
			{
				scrollhtml += "<tr align=\"center\"><td><img src=\"images\\spacer.gif\" width=\"1\" height=\"30\"></td><td id=\"tnback" + i + "\"><a href=\"\" onClick=\"setThumbIndex(" + i + "); return false;\" title=\"" + titleImages[i] + "\" class=\"greyLink\"><div id=\"thumb" + i + "\">" + titleImages[i] + "</div></a></td></tr>";
			}
			else
			{
				scrollhtml += "<tr align=\"center\"><td><img src=\"images\\spacer.gif\" width=\"1\" height=\"1\"></td><td id=\"tnback" + i + "\"><a href=\"\" onClick=\"setThumbIndex(" + i + "); return false;\" title=\"" + titleImages[i] + "\"><img id=\"thumb" + i + "\" src=\"" + tnImages[i].src + "\" border=\"0\" alt=\"" + titleImages[i] + "\"></a></td></tr>";
			}
			scrollhtml += "<tr><td colspan=\"2\">&nbsp;</td></tr>";
			scrollhtml += "</table>";

			var contentObj = findDOM('content');
			if (contentObj != null)
			{
				contentObj.innerHTML += scrollhtml;
			}
		}
	}

		var mainImagesToPreload = new Array();
		for (i=0; i<mainImageSrc.length; i++)
		{
			if (showImageOrText[i] != 'textID' && showImageOrText[i] != 'url')
			{
				var newimgsrc;
				if (mainImageSrc[i] == null || mainImageSrc[i].length == 0)
				{
					newimgsrc = 'images/awaiting.gif';
				}
				else if (baseImageDir.length != 0)
				{
					newimgsrc = baseImageDir + '/' + mainImageSrc[i];
				}
				else
				{
					newimgsrc = mainImageSrc[i];
				}
				mainImagesToPreload[mainImagesToPreload.length] = newimgsrc;
			}
		}
		if (mainImagesToPreload.length > 0)
		{
			m_preloader = new ImagePreloader(mainImagesToPreload, imagePreloaderCallback);
		}

/*
	// Safari is so bad we just use the old method
	if (is_safari == true)
	{
		// now load all the big images
		for (i=0; i<mainImageSrc.length; i++)
		{
			if (showImageOrText[i] != 'textID' && showImageOrText[i] != 'url')
			{
				var newimg = new Image();
				if (mainImageSrc[i] == null || mainImageSrc[i].length == 0)
				{
					newimgsrc = 'images/awaiting.gif';
				}
				else if (baseImageDir.length != 0)
				{
					newimg.src = baseImageDir + '/' + mainImageSrc[i];
				}
				else
				{
					newimg.src = mainImageSrc[i];
				}
				mainImages[i] = newimg;
			}

			if (i == 0 && contentObj != null)
			{
				setThumbIndex(getCurrentImageIndex());
			}
		}
	}
*/

	// get the one we want
	if (m_selImageSrc != null)
	{
		var isrc = '' + m_selImageSrc + '.';

		var index = -1;
		for (i=0; i<mainImageSrc.length; i++)
		{
			if (mainImageSrc[i].indexOf(isrc) != -1)
			{
				index = i;
				break;
			}
		}
		if (index == -1)
		{
			for (i=0; i<mainImageSrc.length; i++)
			{
				if (descImages[i] == m_selImageSrc)
				{
					index = i;
					break;
				}
			}
		}
		if (index == -1)
		{
			for (i=0; i<productIds.length; i++)
			{
				if (productIds[i] == m_selImageSrc)
				{
					index = i;
					break;
				}
			}
		}
		if (index == -1)
		{
			index = 0;
		}
		var contentObj = findDOM('content');
		if (contentObj != null)
		{
			setThumbIndex(index);
		}
	}
	else
	{
		setThumbIndex(0);
	}
}

function imagePreloaderCallback(aImages, startTime, index, nLoaded, nTotal)
{
	// set the image
	if (aImages[index] == null || aImages[index].bError == true || aImages[index].bAbort == true)
	{
		var errorImage = new Image();
		errorImage.src = 'images/loadimageerror.gif';
		mainImages[index] = errorImage;
	}
	else
	{
		mainImages[index] = aImages[index];
	}

	// if we are taking longer than a second we show the status row
	var now = (new Date()).getTime();
	if ((now - startTime) > 1000)
	{
		var rowPreloadObj = findDOM('preloadStatusRow',1);
		if (rowPreloadObj != null)
		{
			rowPreloadObj.display='block';
			var cellPreloadObj = findDOM('preloadStatusCell');
			if (cellPreloadObj != null)
			{
				var w = Math.floor(nLoaded * 100 / nTotal);
				if (nLoaded == nTotal)
				{
					w = 100;
				}
				//w = "" + w + "%";
				cellPreloadObj.width = w*4;

				var textPreloadObj = findDOM('preloadStatusText');
				if (textPreloadObj != null)
				{
					textPreloadObj.innerText = "Loading image	 " + nLoaded + " of " + nTotal;
				}
			}
		}

		// when finished we hide the status
		if (nLoaded == nTotal)
		{
			setTimeout('hidePreloadStatus()', 100);
		}
	}

	// for the first image we set it as the current image
	if (m_selImageSrc == null && index == 0)
	{
		var contentObj = findDOM('content');
		if (contentObj != null)
		{
			setThumbIndex(getCurrentImageIndex());
		}
	}
	
	// if this is the one showing update it
	var bigImage = findDOM('bigImage');
	var src = bigImage.src;
	if (src.indexOf('loadimage.gif') != -1 && getCurrentImageIndex() == index)
	{
		bigImage.src = mainImages[index].src;
		if (mainImages[index].width)
		{
			bigImage.width = mainImages[index].width;
			bigImage.height = mainImages[index].height;
		}
	}	
}

function endswith(s, a)
{
	if (s.indexOf(a) == (s.length - a.length))
	{
		return true;
	}
	else
	{
		return false;
	}
}

function hidePreloadStatus()
{
	var rowPreloadObj = findDOM('preloadStatusRow',1);
	if (rowPreloadObj != null)
	{
		rowPreloadObj.display='none';
	}
}

function getCurrentImageIndex()
{
	return (currentIndex);
}

function slideNext()
{
	var i = getCurrentImageIndex();
	if (i >= (mainImages.length-1))
	{
		i = -1;
	}

	setThumbIndex(i+1, true);
	return (true);
}

function slidePrev()
{
	var i = getCurrentImageIndex();
	if (i <= 0)
	{
		i = mainImages.length
	}

	setThumbIndex(i-1, true);
	return (true);
}

var slideShowOn = false;
var m_nextsectionurl = null;
function slideShow(turnOn, nextsectionurl)
{
	var ss = findDOM('slideshow');

	slideShowOn = turnOn;
	if (nextsectionurl != null)
	{
		m_nextsectionurl = nextsectionurl;
	}
	if (turnOn == true)
	{
		setTimeout('slideShowTimer()', 4000);
		if (ss != null)
		{
			ss.src = 'images/stopshow.gif';
		}
	}
	else
	{
		if (ss != null)
		{
			ss.src = 'images/slideshow.gif';
		}

		// this fails under Mac IE 5.x
		try {
			clearTimeout();
		} catch (ex) {}
	}
}

function slideShowTimer()
{
	if (slideShowOn == false)
	{
		return;
	}
	if (slideNext() == false)
	{
		if (m_nextsectionurl == null)
		{
			setThumbIndex(0, true);
		}
		else
		{
			// this fails under Mac IE 5.x
			try {
				clearTimeout();
			} catch (ex) {}

			// move to next section
			window.location.href = m_nextsectionurl;
		}
	}
	var i = getCurrentImageIndex();
	window.status = "Slide Show: " + titleImages[i];
	setTimeout('slideShowTimer()', 4000);
}


function addToPortfolio(cancel)
{
	try {
		var tbpid = findDOM('productid');
		if (tbpid != null)
		{
			var pid = tbpid.value;
			if (pid != null && pid.length != 0)
			{
				// get our product sizes
				var p;
				var psize = "";
				var pframe = "";
				var cbSizes = findDOM('cbProductSizes',0);
				var rowSizes = findDOM('rowProductSizes',1);
				var optionsPos = findDOM('optionspos',0);
				if (optionsPos != null)
				{
					var rd = GetAbsolutePosition(optionsPos);
					rowSizes.top = rd.y;
					rowSizes.left = rd.x + optionsPos.width + 8;
				}
				if (cbSizes != null && rowSizes != null)
				{
					//alert(cbSizes.options.length + ":" + cbSizes.selectedIndex);

					if (cancel != null && cancel == true)
					{
						rowSizes.display = 'none';
						cbSizes.selectedIndex = 0;
						return (false);
					}
					else if (cbSizes.options.length <= 1)
					{
						alert('This product is not currently avaliable.');
						return false;
					}
					else if (cbSizes.options.length == 2)
					{
						// default
						psize = cbSizes.options[1].value;
					}
					else if (cbSizes.selectedIndex <= 0)
					{
						// no selection - show it
						rowSizes.display = 'block';
						return (false);
					}
					else
					{
						// get the option
						psize = cbSizes.options[cbSizes.selectedIndex].value;
					}
				}

				var qty = 1;
				var qtyfield = findDOM('basketItemQty',0);
				if (qtyfield != null)
				{
					qty = qtyfield.value;
				}

				// ensure we have a full URL
				var h = this.location.href;
				if (h.indexOf('.aspx') == -1)
				{
					p = h.lastIndexOf('/');
					if (p != -1)
					{
						h = h.substring(0, p) + '/index.aspx?wsid=1000&sectionid=1010' + h.substring(p+1);
					}
				}
				// strip any anchor our of the url
				p = h.indexOf('#');
				if (p != -1)
				{
					h = h.substring(0, p);
				}

				// split our the frame
				p = psize.indexOf('#');
				if (p != -1)
				{
					pframe = psize.substring(p+1);
					psize = psize.substring(0, p);
				}


				var frm = findDOM("frmAddPortfolio");
				if (frm != null)
				{
					var h = window.location.href;
					var p = h.indexOf("#");
					if (p != -1)
					{
						h = h.substring(0, p);
					}
					h = h + "#" + pid;
					frm.action = h;
					
					findDOM("productid").value = pid;
					findDOM("productsize").value = psize;
					findDOM("frame").value = pframe;
					findDOM("qty").value = qty;
					frm.submit();
				}
				else
				{
					var v = "portfolio.aspx?productid=" + pid + "&productsize=" + escape(psize) + "&frame=" + pframe;
					v += "&fromurl=" + escape(h + "#" + pid);
					window.location = v;
				}
			}
		}
	}
	catch (ex) {}
	return (false);
}

function showAbout(pid, objtype)
{
	if (pid == null)
	{
		var tbpid = findDOM('productid');
		if (tbpid != null)
		{
			pid = tbpid.value;
		}
	}
	if (pid != null)
	{
		var options = "dependent=yes,toolbar=no,location=no,resizable=yes,scrollbars=yes,width=400,height=400";
		var w = window.open("imageabout.aspx?productid="+pid+"&objtype="+objtype, "about", options);
	}

	return false;
}

document.ondragstart = new Function("return false");