function preloadImgs() {

  // Don't bother if there's no document.images
  if (document.images) {
    if (typeof document.WM == 'undefined'){
      document.WM = new Object();
    }
    document.WM.loadedImages = new Array();
    // Loop through all the arguments.
    var argLength = preloadImgs.arguments.length;
    for(arg=0;arg<argLength;arg++) {
      // For each arg, create a new image.
      document.WM.loadedImages[arg] = new Image();
      // Then set the source of that image to the current argument.
      document.WM.loadedImages[arg].src = preloadImgs.arguments[arg];
    }
  }
}

function WM_imageSwap(daImage, daSrc){

  if(document.images){
    if ((typeof daImage == 'string') || (typeof daImage == 'number')) {
      document.images[daImage].src = daSrc;
      // Or if an object reference was used, make sure it's an image.
    } else if (daImage && daImage.src) {
      daImage.src = daSrc;
    }
  }
}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function img_rollover(imageID, imageSource, var3)
{
    document.getElementById(imageID).src = imageSource;
    return imageSource;
}
function img_restore(imageID, imageSource)
{
    document.getElementById(imageID).src = imageSource;
    return imageSource;
}

function getObjNN4(obj,name)
{
	var x = obj.layers;
	var foundLayer;
	for (var i=0;i<x.length;i++)
	{
		if (x[i].id == name)
		 	foundLayer = x[i];
		else if (x[i].layers.length)
			var tmp = getObjNN4(x[i],name);
		if (tmp) foundLayer = tmp;
	}
	return foundLayer;
}
	
function getStyleObject(objectId) {
	if(document.getElementById && document.getElementById(objectId)) {
		return document.getElementById(objectId).style;
	} else if (document.all && document.all(objectId)) {
		return document.all(objectId).style;
	} else if (document.layers && document.layers[objectId]) {
		return getObjNN4(document,objectId);
	} else {
		return false;
	}
} 

function changeObjectVisibility(objectId, newVisibility) {
    var styleObject = getStyleObject(objectId, document);
    if(styleObject) {
	    styleObject.visibility = newVisibility;
	    return true;
    } else {
	    return false;
    }
} 



var first = true;
var frontEl;
var backEl;
var frontImage; 
var backImage;
 	
function changeLinkTarget(img)
{
    // show the two links
    changeObjectVisibility('frontBack', 'visible');

    // add click event function
    function addEvent(elm, func) {
        if (window.addEventListener) { 	// Mozilla, Netscape, Firefox
            elm.addEventListener('click', func, false);
        }
        else {	// IE
            //element.onclick = frontClick;
            var a = elm.attachEvent('onclick', func);
            //alert(a);
        }    
    }

    frontEl = document.getElementById("front");
    backEl = document.getElementById("back");

    // the image has id of the form img<productCode> so shave off the 'img' to get the code
    frontImage = "images/"+img.id.replace(/img/,"")+"-F.jpg";
    backImage = "images/"+img.id.replace(/img/,"")+"-B.jpg";
    
    // these two are not both necessary. choose one!
    document.getElementById("Damaris").src = frontImage;
    //document.getElementById("Damaris").src = backImage; 

    // add new one
    if (first) {
        var frontClick = function() { document.getElementById("Damaris").src = frontImage; };
        var backClick = function()  { document.getElementById("Damaris").src = backImage;  };

        addEvent(frontEl, frontClick);
        addEvent(backEl, backClick);
        first = false;
    }
}