// preloads images and sets up names for them.


//----------------------BEGIN FINE ART----------------------//
if (document.images) {

	port1On = new Image();
	port1On.src = "packaging/images/pac_1.jpg";
	
	port2On = new Image();
	port2On.src = "packaging/images/pac_2.jpg";

	port3On = new Image();
	port3On.src = "packaging/images/pac_3.jpg";
	
	//port4On = new Image();
	//port4On.src = "packaging/images/pac_4.jpg";
	
	port5On = new Image();
	port5On.src = "packaging/images/pac_5.jpg";
	
	port6On = new Image();
	port6On.src = "packaging/images/pac_6.jpg";
	
	port7On = new Image();
	port7On.src = "packaging/images/pac_7.jpg";
	
	port8On = new Image();
	port8On.src = "packaging/images/pac_8.jpg";
	
	//----------------------BEGIN FINE ART----------------------//
	
	pre1On = new Image();
	pre1On.src = "packaging/preview/t1_pac_1.jpg";
	
	pre1Off = new Image();
	pre1Off.src = "packaging/preview/t2_pac_1.jpg";
	
	pre2On = new Image();
	pre2On.src = "packaging/preview/t1_pac_2.jpg";
	
	pre2Off = new Image();
	pre2Off.src = "packaging/preview/t2_pac_2.jpg";
	
	pre3On = new Image();
	pre3On.src = "packaging/preview/t1_pac_3.jpg";
	
	pre3Off = new Image();
	pre3Off.src = "packaging/preview/t2_pac_3.jpg";
	
	//pre4On = new Image();
	//pre4On.src = "packaging/preview/t1_pac_4.jpg";
	
	pre4Off = new Image();
	pre4Off.src = "packaging/preview/t2_pac_4.jpg";
	
	pre5On = new Image();
	pre5On.src = "packaging/preview/t1_pac_5.jpg";
	
	pre5Off = new Image();
	pre5Off.src = "packaging/preview/t2_pac_5.jpg";
	
	pre6On = new Image();
	pre6On.src = "packaging/preview/t1_pac_6.jpg";
	
	pre6Off = new Image();
	pre6Off.src = "packaging/preview/t2_pac_6.jpg";
	
	pre7On = new Image();
	pre7On.src = "packaging/preview/t1_pac_7.jpg";
	
	pre7Off = new Image();
	pre7Off.src = "packaging/preview/t2_pac_7.jpg";
	
	pre8On = new Image();
	pre8On.src = "packaging/preview/t1_pac_8.jpg";
	
	pre8Off = new Image();
	pre8Off.src = "packaging/preview/t2_pac_8.jpg";









}


//----------------------CHANGE NOTHING BELOW----------------------//


// changes portfolio images
function changeImages() {
  if (document.images) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
      document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
    }
  }
}



// clicked is the variable that indicates whether an image has ben clicked or not.
// it is used to keep that image locked, and turn the last image to its _off state.
var clicked = 'x';


// master rollover script using above name,
// and adding an _on/_off suffix from above as well
function roll(imgName, aB) {
	if (clicked != imgName) {
		imgRoll = eval(imgName + aB + ".src");
		document [imgName].src = imgRoll;
	}
}


// the script that tests and swaps the images when clicked.
// same as above, but adding a test for lastImg (what clicked WAS),
// and locks the clicked variable to the current value.
function clicker(imgName) {
	if (clicked != 'x' && clicked != imgName) {
		lastImg = eval(clicked + "_off.src");
		document [clicked].src = lastImg;
	}
	if (clicked != imgName) {
		imgClicked = eval(imgName + "_on.src");
		document [imgName].src = imgClicked;
		clicked=imgName;
	}
}