﻿//Global boolean variable defining image swap state
		//var mainImageId = "main-image";
		//var mainImageCaptionId = "caption";
		
		var BaseSrc = "images/options/";
		
		//i indexed arrays
		var bEnableSwapArray = new Array(10);		
		var ImageIdArray = new Array(10);
		var CaptionIdArray = new Array(10);
		
		//j indexed arrays
		var ImageSrcArray = new Array();
		var CaptionTextArray = new Array();
		
		// intialize bEnableSwayArray
		for (var i=0 ; i<10 ; i++)
		{
			bEnableSwapArray[i] = true;
		}

		
	function RemoteImageOnClick(i,j) {
 if (bEnableSwapArray[i] == true)
 {
 bEnableSwapArray[i] = false;
 }
 else
 {
 bEnableSwapArray[i] = true;
 SwapRemoteImageDeluxe(i,j)
 }

 

			
			//return null;	
		}
		
		function SwapRemoteImageDeluxe(i,j) {
			//i = index in ImageIdArray and CaptionIdArray
			//j = index in ImageSrcArray and CaptionTextArray 
		
			//check image swap state for placeholder i
			if (bEnableSwapArray[i] == true) {
				//window.alert("swap image " + i+"" +j)
				var remoteImage = document.getElementById(ImageIdArray[i]);
				var remoteCaption = document.getElementById(CaptionIdArray[i]);
				
				//check that remote image is a valid object before swapping Src
				if (remoteImage && ImageSrcArray[j]) {
					remoteImage.src=BaseSrc+ImageSrcArray[j];
				}
				
				if (remoteCaption) {
					if(CaptionTextArray[j]) {
						remoteCaption.innerHTML = CaptionTextArray[j];
					}else{
						remoteCaption.innerHTML = "";
					}
					
					//window.alert("hellow")
				}
			}
		}


//-------------i Arrays-----------------
ImageIdArray[0] = 'main-image';
CaptionIdArray[0] = 'caption';

ImageIdArray[1] = 'img';



//-------------j Arrays-----------------

	//classic base
		ImageSrcArray[0] = 'option2D111classic.jpg';
		CaptionTextArray[0] = 'D handle 111 classic base';
		
		ImageSrcArray[1] = 'option2D106classic.jpg';
		CaptionTextArray[1] = 'D handle 106 classic base';
		
		ImageSrcArray[2] = 'option2D108classic.jpg';
		CaptionTextArray[2] = 'D handle 108 classic base';
		
		ImageSrcArray[3] = 'option2knobclassic.jpg';
		CaptionTextArray[3] = 'knob 135 classic base';
		
		ImageSrcArray[4] = 'option2pushclassic.jpg';
		CaptionTextArray[4] = 'push catch classic base';
	
	//skid base
		ImageSrcArray[5] = 'option2D106skid.jpg';
		CaptionTextArray[5] = 'D handle 106 skid base';
		
		ImageSrcArray[6] = 'option2knobskid.jpg';
		CaptionTextArray[6] = 'knob 135 skid base';
		
		ImageSrcArray[7] = 'option2pushskid.jpg';
		CaptionTextArray[7] = 'push catch skid base';
		
	//D base
		ImageSrcArray[8] = 'option2D111Dbase.jpg';
		CaptionTextArray[8] = 'D handle 111 D base';
		
		ImageSrcArray[9] = 'option2D108Dbase.jpg';
		CaptionTextArray[9] = 'D handle 108 D base';
		
		ImageSrcArray[10] = 'option2knobDbase.jpg';
		CaptionTextArray[10] = 'knob 135 D base';
		
		ImageSrcArray[11] = 'option2pushDbase.jpg';
		CaptionTextArray[11] = 'push catch D base';
		
	
		
	//metal plinth
		ImageSrcArray[12] = 'option2D111metal.jpg';
		CaptionTextArray[12] = 'D handle 111 metal plinth';
		
		ImageSrcArray[13] = 'option2D106metal.jpg';
		CaptionTextArray[13] = 'D handle 106 metal plinth';
		
		ImageSrcArray[14] = 'option2D108metal.jpg';
		CaptionTextArray[14] = 'D handle 108 metal plinth';
	
		ImageSrcArray[15] = 'option2knobmetal.jpg';
		CaptionTextArray[15] = 'knob 135 metal plinth';
		
		ImageSrcArray[16] = 'option2pushmetal.jpg';
		CaptionTextArray[16] = 'push catch metal plinth';
	
	
	//wood plinth
		ImageSrcArray[17] = 'option2D111wood.jpg';
		CaptionTextArray[17] = 'D handle 111 wood plinth';
		
		ImageSrcArray[18] = 'option2D106wood.jpg';
		CaptionTextArray[18] = 'D handle 106 wood plinth';
		
		ImageSrcArray[19] = 'option2D108wood.jpg';
		CaptionTextArray[19] = 'D handle 108 wood plinth';
	
		ImageSrcArray[20] = 'option2knobwood.jpg';
		CaptionTextArray[20] = 'knob 135 wood plinth';
		
		ImageSrcArray[21] = 'option2pushwood.jpg';
		CaptionTextArray[21] = 'push catch wood plinth';
		
	//D skid
		ImageSrcArray[22] = 'option2D111Dskid.jpg';
		CaptionTextArray[22] = 'D handle 111 D skid';
		
		ImageSrcArray[23] = 'option2D108Dskid.jpg';
		CaptionTextArray[23] = 'D handle 108 D skid';
		
		ImageSrcArray[24] = 'option2knobDskid.jpg';
		CaptionTextArray[24] = 'knob 135 D skid';
	
		ImageSrcArray[25] = 'option2pushDskid.jpg';
		CaptionTextArray[25] = 'push catch D skid';
		
	//cocoa legs
		ImageSrcArray[26] = 'option2D106cocoa.jpg';
		CaptionTextArray[26] = 'D handle 106 cocoa legs';
		
		ImageSrcArray[27] = 'option2knobcocoa.jpg';
		CaptionTextArray[27] = 'knob 135 cocoa legs';
	
		ImageSrcArray[28] = 'option2pushcocoa.jpg';
		CaptionTextArray[28] = 'push catch cocoa legs';
		
	//inter base
		ImageSrcArray[29] = 'option2D111inter.jpg';
		CaptionTextArray[29] = 'D handle 111 inter base';
		
		ImageSrcArray[30] = 'option2D106inter.jpg';
		CaptionTextArray[30] = 'D handle 106 inter base';
		
		ImageSrcArray[31] = 'option2D108inter.jpg';
		CaptionTextArray[31] = 'D handle 108 inter base';
	
		ImageSrcArray[32] = 'option2knobinter.jpg';
		CaptionTextArray[32] = 'knob 135 inter base';
		
		ImageSrcArray[33] = 'option2pushinter.jpg';
		CaptionTextArray[33] = 'push catch inter base';
		
	//block base
		ImageSrcArray[34] = 'option2D111block.jpg';
		CaptionTextArray[34] = 'D handle 111 block base';
		
		ImageSrcArray[35] = 'option2D108block.jpg';
		CaptionTextArray[35] = 'D handle 108 block base';
	
		ImageSrcArray[36] = 'option2knobblock.jpg';
		CaptionTextArray[36] = 'knob 135 block base';
		
		ImageSrcArray[37] = 'option2pushblock.jpg';
		CaptionTextArray[37] = 'push catch block base';
		
	//front elevations
	ImageSrcArray[101] = 'front/option1-2dw.jpg';
	ImageSrcArray[102] = 'front/option2-4dw.jpg';
	ImageSrcArray[103] = 'front/option3-2dr-3dw.jpg';
	ImageSrcArray[104] = 'front/option4-2dr-4dw.jpg';
	ImageSrcArray[105] = 'front/option4-10dw.jpg';
	ImageSrcArray[106] = 'front/option3-2dr-2dw.jpg';
	ImageSrcArray[107] = 'front/option2-6dw.jpg';
	ImageSrcArray[108] = 'front/option1-3dw.jpg';
	ImageSrcArray[109] = 'front/option1-52-2dw.jpg';
	ImageSrcArray[110] = 'front/option2-52-2dw.jpg';
	ImageSrcArray[111] = 'front/option3-52-6dw.jpg';
	ImageSrcArray[112] = 'front/option4-52-6dw.jpg';
	
		
