function SwapData(_Panel)
{
	document.getElementById("HyperLink_Details").className = "";
	document.getElementById("HyperLink_Features").className = "";
	document.getElementById("ctl00_ContentPlaceHolder_MainContent_DIV_Details").className = "usedvehicledetails_hide";
	document.getElementById("ctl00_ContentPlaceHolder_MainContent_DIV_Features").className = "usedvehicledetails_hide";
	
	switch(_Panel)
	{
		case "details":
		    document.getElementById("HyperLink_Details").className = "active";
		    document.getElementById("ctl00_ContentPlaceHolder_MainContent_DIV_Details").className = "usedvehicledetails_show";
			break;
		case "features":
		    document.getElementById("HyperLink_Features").className = "active";
		    document.getElementById("ctl00_ContentPlaceHolder_MainContent_DIV_Features").className = "usedvehicledetails_show";
			break;
	}
}

function LoadPic(PhotoLink)
{
    if (document.getElementById)
    {
        var ip = new ImagePreloader(PhotoLink, ShowPic);
        return false;
    }
    else
    {
        return true;
    }
}

function ShowPic(oImage)
{
    //TBD - append child instead?
    document.getElementById("Placeholder").src = oImage.src;
    document.getElementById("ctl00_ContentPlaceHolder_MainContent_Image_Loading").style.display = "none";
    document.getElementById("Placeholder").style.display = "block";
}

function HidePic()
{
    document.getElementById("Placeholder").style.display = "none";
    document.getElementById("ctl00_ContentPlaceHolder_MainContent_Image_Loading").style.display = "block";
}

//=============================================================================
// Image Preloader
function ImagePreloader(image, callback)
{
	// store the callback
	this.callback = callback;

	// call preload()
	this.preload(image);
}

ImagePreloader.prototype.preload = function(image)
{
	// create new Image object and add to array
	this.oImage = new Image;
	
	// set up event handlers for the Image object
	this.oImage.onload = ImagePreloader.prototype.onload;
	this.oImage.onerror = ImagePreloader.prototype.onerror;
	this.oImage.onabort = ImagePreloader.prototype.onabort;
	
	// assign pointer back to this.
	this.oImage.oImagePreloader = this;
	this.oImage.bLoaded = false;
	this.oImage.source = image;
	
	// assign the .src property of the Image object
	this.oImage.src = image;
}

ImagePreloader.prototype.onComplete = function()
{
	this.callback(this.oImage);
}

ImagePreloader.prototype.onload = function()
{
	this.bLoaded = true;
	this.oImagePreloader.onComplete();
}

ImagePreloader.prototype.onerror = function()
{
	this.bError = true;
	this.oImagePreloader.onComplete();
}

ImagePreloader.prototype.onabort = function()
{
	this.bAbort = true;
	this.oImagePreloader.onComplete();
}