// Create the array
photo = [
'IMG_0305.jpg', 'IMG_0306.jpg', 'IMG_0307.jpg', 'IMG_0309.jpg', 'IMG_0310.jpg', 'IMG_0311.jpg', 'IMG_0312.jpg', 'IMG_0313.jpg', 'IMG_0315.jpg', 'IMG_0317.jpg', 
'IMG_0322.jpg', 'IMG_0323.jpg', 'IMG_0324.jpg', 'IMG_0325.jpg', 'IMG_0326.jpg', 'IMG_0327.jpg', 'IMG_0331.jpg', 'IMG_0332.jpg', 'IMG_0333.jpg', 'IMG_0336.jpg', 
'IMG_0337.jpg', 'IMG_0339.jpg', 'IMG_0340.jpg', 'IMG_0341.jpg', 'IMG_0342.jpg', 'IMG_0344.jpg', 'IMG_0345.jpg', 'IMG_0346.jpg', 'IMG_0348.jpg', 'IMG_0349.jpg', 
'IMG_0350.jpg', 'IMG_0351.jpg', 'IMG_0352.jpg', 'IMG_0354.jpg', 'IMG_0355.jpg', 'IMG_0357.jpg', 'IMG_0359.jpg', 'IMG_0361.jpg', 'IMG_0365.jpg', 'IMG_0366.jpg', 
'IMG_0367.jpg', 'IMG_0368.jpg', 'IMG_0369.jpg', 'IMG_0371.jpg', 'IMG_0372.jpg', 'IMG_0373.jpg', 'IMG_0374.jpg', 'IMG_0375.jpg', 'IMG_0376.jpg', 'IMG_0378.jpg', 
'IMG_0380.jpg', 'IMG_0382.jpg', 'IMG_0384.jpg', 'IMG_0386.jpg', 'IMG_0388.jpg', 'IMG_0389.jpg', 'IMG_0391.jpg', 'IMG_0392.jpg', 'IMG_0393.jpg', 'IMG_0395.jpg', 
'IMG_0398.jpg', 'IMG_0400.jpg', 'IMG_0402.jpg', 'IMG_0403.jpg', 'IMG_0404.jpg', 'IMG_0405.jpg', 'IMG_0406.jpg', 'IMG_0407.jpg', 'IMG_0408.jpg', 'IMG_0409.jpg', 
'IMG_0410.jpg', 'IMG_0411.jpg', 'IMG_0413.jpg', 'IMG_0414.jpg', 'IMG_0415.jpg', 'IMG_0416.jpg', 'IMG_0418.jpg', 'IMG_0419.jpg', 'IMG_0420.jpg', 'IMG_0421.jpg', 
'IMG_0422.jpg', 'IMG_0424.jpg', 'IMG_0425.jpg', 'IMG_0426.jpg', 'IMG_0427.jpg', 'IMG_0428.jpg', 'IMG_0429.jpg', 'IMG_0430.jpg', 'IMG_0431.jpg', 'IMG_0432.jpg', 
'IMG_0434.jpg', 'IMG_0435.jpg', 'IMG_0437.jpg', 'IMG_0438.jpg', 'IMG_0439.jpg', 'IMG_0440.jpg', 'IMG_0441.jpg', 'IMG_0443.jpg', 'IMG_0445.jpg', 'IMG_0446.jpg', 
'IMG_0447.jpg', 'IMG_0448.jpg', 'IMG_0449.jpg', 'IMG_0450.jpg', 'IMG_0451.jpg', 'IMG_0452.jpg', 'IMG_0453.jpg', 'IMG_0454.jpg', 'IMG_0455.jpg', 'IMG_0456.jpg', 
'IMG_0457.jpg', 'IMG_0458.jpg', 'IMG_0459.jpg', 'IMG_0461.jpg', 'IMG_0462.jpg', 'IMG_0463.jpg', 'IMG_0466.jpg', 'IMG_0468.jpg', 'IMG_0469.jpg', 'IMG_0471.jpg', 
'IMG_0473.jpg', 'IMG_0474.jpg', 'IMG_0475.jpg', 'IMG_0476.jpg', 'IMG_0479.jpg', 'IMG_0482.jpg', 'IMG_0483.jpg', 'IMG_0484.jpg', 'IMG_0486.jpg', 'IMG_0487.jpg', 
'IMG_0489.jpg', 'IMG_0490.jpg', 'IMG_0491.jpg', 'IMG_0493.jpg', 'IMG_0496.jpg', 'IMG_0501.jpg', 'IMG_0502.jpg', 'IMG_0503.jpg', 'IMG_0504.jpg', 'IMG_0505.jpg', 
'IMG_0506.jpg', 'IMG_0507.jpg', 'IMG_0507A.jpg', 'IMG_0508.jpg', 'IMG_0510.jpg', 'IMG_0511.jpg', 'IMG_0512.jpg', 'IMG_0514.jpg', 'IMG_0515.jpg', 'IMG_0516.jpg', 
'IMG_0517.jpg', 'IMG_0518.jpg', 'IMG_0519.jpg', 'IMG_0520.jpg', 'IMG_0521.jpg', 'IMG_0522.jpg', 'IMG_0523.jpg', 'IMG_0524.jpg', 'IMG_0526.jpg', 'IMG_0529.jpg', 
'IMG_0530.jpg', 'IMG_0533.jpg', 'IMG_0535.jpg', 'IMG_0536.jpg', 'IMG_0538.jpg', 'IMG_0539.jpg', 'IMG_0540.jpg', 'IMG_0541.jpg', 'IMG_0542.jpg', 'IMG_0544.jpg', 
'IMG_0546.jpg', 'IMG_0547.jpg', 'IMG_0548.jpg', 'IMG_0549.jpg', 'IMG_0550.jpg', 'IMG_0552.jpg', 'IMG_0553.jpg', 'IMG_0554.jpg', 'IMG_0555.jpg', 'IMG_0557.jpg', 
'IMG_0559.jpg', 'IMG_0560.jpg', 'IMG_0561.jpg', 'IMG_0564.jpg', 'Seal-Beach 2009 001.jpg', 'Seal-Beach 2009 003.jpg', 'Seal-Beach 2009 004.jpg', 'Seal-Beach 2009 008.jpg', 'Seal-Beach 2009 010.jpg', 'Seal-Beach 2009 012.jpg', 
'Seal-Beach 2009 015.jpg', 'Seal-Beach 2009 017.jpg', 'Seal-Beach 2009 020.jpg', 'Seal-Beach 2009 021.jpg', 'Seal-Beach 2009 024.jpg', 'Seal-Beach 2009 025.jpg', 'Seal-Beach 2009 028.jpg', 'Seal-Beach 2009 033.jpg', 'Seal-Beach 2009 036.jpg', 'Seal-Beach 2009 037.jpg', 
'Seal-Beach 2009 039.jpg', 'Seal-Beach 2009 041.jpg', 'Seal-Beach 2009 043.jpg', 'Seal-Beach 2009 047.jpg', 'Seal-Beach 2009 054.jpg', 'Seal-Beach 2009 055.jpg', 'Seal-Beach 2009 059.jpg', 'Seal-Beach 2009 061.jpg', 'Seal-Beach 2009 066.jpg', 'Seal-Beach 2009 076.jpg', 
'Seal-Beach 2009 077.jpg', 'Seal-Beach 2009 079.jpg', 'Seal-Beach 2009 082.jpg', 'Seal-Beach 2009 088.jpg', 'Seal-Beach 2009 090.jpg', 'Seal-Beach 2009 091.jpg', 'Seal-Beach 2009 093.jpg', 'Seal-Beach 2009 095.jpg', 'Seal-Beach 2009 100.jpg', 'Seal-Beach 2009 105.jpg', 
'Seal-Beach 2009 108.jpg', 'Seal-Beach 2009 113.jpg', 'Seal-Beach 2009 117.jpg', 'Seal-Beach 2009 123.jpg', 'Seal-Beach 2009 124.jpg', 'Seal-Beach 2009 130.jpg', 'Seal-Beach 2009 136.jpg', 'Seal-Beach 2009 138.jpg', 'Seal-Beach 2009 140.jpg', 'Seal-Beach 2009 149.jpg', 
'Seal-Beach 2009 150.jpg', 'Seal-Beach 2009 153.jpg', 'Seal-Beach 2009 159.jpg', 'Seal-Beach 2009 165.jpg', 'Seal-Beach 2009 166.jpg', 'Seal-Beach 2009 167.jpg', 'Seal-Beach 2009 170.jpg', 'Seal-Beach 2009 173.jpg', 'Seal-Beach 2009 175.jpg', 'Seal-Beach 2009 178.jpg', 
'Seal-Beach 2009 179.jpg', 'Seal-Beach 2009 180.jpg', 'Seal-Beach 2009 185.jpg', 'Seal-Beach 2009 188.jpg', 'Seal-Beach 2009 191.jpg', 'Seal-Beach 2009 195.jpg', 'Seal-Beach 2009 199.jpg', 'Seal-Beach 2009 206.jpg', 'Seal-Beach 2009 213.jpg', 'Seal-Beach 2009 216.jpg', 
'Seal-Beach 2009 217.jpg', 'Seal-Beach 2009 220.jpg', 'Seal-Beach 2009 223.jpg', 'Seal-Beach 2009 224.jpg', 'Seal-Beach 2009 225.jpg', 'Seal-Beach 2009 237.jpg', 'Seal-Beach 2009 238.jpg', 'Seal-Beach 2009 239.jpg', 'Seal-Beach 2009 240.jpg', 'Seal-Beach 2009 242.jpg', 
'Seal-Beach 2009 245.jpg', 'Seal-Beach 2009 246.jpg', 'Seal-Beach 2009 247.jpg', 'Seal-Beach 2009 250.jpg', 'Seal-Beach 2009 254.jpg', 'Seal-Beach 2009 256.jpg', 'Seal-Beach 2009 260.jpg', 'Seal-Beach 2009 261.jpg', 'Seal-Beach 2009 263.jpg', 'Seal-Beach 2009 265.jpg', 
'Seal-Beach 2009 272.jpg', 'Seal-Beach 2009 273.jpg', 'Seal-Beach 2009 277.jpg', 'Seal-Beach 2009 278.jpg', 'Seal-Beach 2009 280.jpg', 'Seal-Beach 2009 281.jpg', 'Seal-Beach 2009 284.jpg', 'Seal-Beach 2009 287.jpg', 'Seal-Beach 2009 292.jpg', 'Seal-Beach 2009 293.jpg', 
'Seal-Beach 2009 295.jpg', 'Seal-Beach 2009 298.jpg', 'Seal-Beach 2009 301.jpg', 'Seal-Beach 2009 304.jpg', 'Seal-Beach 2009 305.jpg', 'Seal-Beach 2009 313.jpg', 'Seal-Beach 2009 318.jpg', 'Seal-Beach 2009 324.jpg', 'Seal-Beach 2009 326.jpg', 'Seal Beach 2009 005.jpg', 
'Seal Beach 2009 008.jpg', 'Seal Beach 2009 009.jpg', 'Seal Beach 2009 010.jpg', 'Seal Beach 2009 011.jpg', 'Seal Beach 2009 014.jpg', 'Seal Beach 2009 018.jpg', 'Seal Beach 2009 020.jpg', 'Seal Beach 2009 023.jpg', 'Seal Beach 2009 024.jpg', 'Seal Beach 2009 027.jpg', 
'Seal Beach 2009 028.jpg', 'Seal Beach 2009 030.jpg', 'Seal Beach 2009 033.jpg', 'Seal Beach 2009 036.jpg', 'Seal Beach 2009 038.jpg', 'Seal Beach 2009 039.jpg', 'Seal Beach 2009 041.jpg', 'Seal Beach 2009 044.jpg', 'Seal Beach 2009 055.jpg', 'Seal Beach 2009 061.jpg', 
'Seal Beach 2009 064.jpg', 'Seal Beach 2009 066.jpg', 'Seal Beach 2009 070.jpg', 'Seal Beach 2009 072.jpg', 'Seal Beach 2009 078.jpg', 'Seal Beach 2009 086.jpg', 'Seal Beach 2009 087.jpg', 'Seal Beach 2009 096.jpg', 'Seal Beach 2009 100.jpg', 'Seal Beach 2009 110.jpg', 
'Seal Beach 2009 119.jpg', 'Seal Beach 2009 127.jpg', 'Seal Beach 2009 145.jpg', 'Seal Beach 2009 178.jpg', 'Seal Beach 2009 194.jpg', 'Seal Beach 2009 200.jpg', 'Seal Beach 2009 220.jpg', 'Seal Beach 2009 238.jpg', 'Seal Beach 2009 252.jpg', 'Seal Beach 2009 263.jpg', 
'Seal Beach 2009 282.jpg', 'Seal Beach 2009 294.jpg', 'Seal Beach 2009 300.jpg', 'Seal Beach 2009 313.jpg', 'Seal Beach 2009 324.jpg', 'Seal Beach 2009 327.jpg', 'Seal Beach 2009 328.jpg', 'IMG_7779.jpg', 'IMG_7781.jpg', 'IMG_7785.jpg', 
'IMG_7791.jpg', 'IMG_7792.jpg', 'IMG_7798.jpg', 'IMG_7800.jpg', 'IMG_7801.jpg', 'IMG_7802.jpg', 'IMG_7805.jpg', 'IMG_7808.jpg', 'IMG_7810.jpg', 'IMG_7812.jpg', 
'IMG_7815.jpg', 'IMG_7817.jpg', 'IMG_7819.jpg', 'IMG_7823.jpg', 'IMG_7824.jpg', 'IMG_7831.jpg', 'IMG_7833.jpg', 'IMG_7835.jpg', 'IMG_7836.jpg', 'IMG_7839.jpg', 
'IMG_7840.jpg', 'IMG_7841.jpg', 'IMG_7842.jpg', 'IMG_7844.jpg', 'IMG_7845.jpg', 'IMG_7846.jpg', 'IMG_7849.jpg', 'IMG_7855.jpg', 'IMG_7856.jpg', 'IMG_7858.jpg', 
'IMG_7862.jpg', 'IMG_7863.jpg', 'IMG_7871.jpg', 'IMG_7873.jpg', 'IMG_7875.jpg', 'IMG_7876.jpg', 'IMG_7877.jpg', 'IMG_7878.jpg', 'IMG_7880.jpg', 'IMG_7882.jpg', 
'IMG_7884.jpg', 'IMG_7886.jpg', 'IMG_7887.jpg', 'IMG_7889.jpg', 'IMG_7891.jpg', 'IMG_7896.jpg', 'IMG_7899.jpg', 'IMG_7901.jpg', 'IMG_7904.jpg', 'IMG_7905.jpg', 
'IMG_7908.jpg', 'IMG_7912.jpg', 'IMG_7913.jpg', 'IMG_7919.jpg', 'IMG_7924.jpg', 'IMG_7926.jpg', 'IMG_7930.jpg', 'IMG_7931.jpg', 'IMG_7932.jpg', 'IMG_7933.jpg', 
'IMG_7934.jpg', 'IMG_7935.jpg', 'IMG_7938.jpg', 'IMG_7939.jpg', 'IMG_7941.jpg', 'IMG_7944.jpg', 'IMG_7946.jpg', 'IMG_7949.jpg', 'IMG_7950.jpg', 'IMG_7952.jpg', 
'IMG_7953.jpg', 'IMG_7954.jpg', 'IMG_7955.jpg', 'IMG_7956.jpg', 'IMG_7957.jpg', 'IMG_7959.jpg', 'IMG_7963.jpg', 'IMG_7965.jpg', 'IMG_7966.jpg', 'IMG_7967.jpg', 
'IMG_7973.jpg', 'IMG_7974.jpg', 'IMG_7975.jpg', 'IMG_7978.jpg', 'IMG_7979.jpg', 'IMG_7980.jpg', 'IMG_7983.jpg', 'IMG_7984.jpg'

];

// variable setup
var currentslide=0;
var numslides=photo.length-1;
var session = [0, 184, 289, 337, 367];
var portraitnumber = 999;
var slidesize = 500;


// setup screen
window.onload = function() {
        document.getElementById("setphoto").onclick = SetPhoto;
        
        document.getElementById("set1").onclick = function(evt) { setSessionPhoto( session[0] ); };
        document.getElementById("set2").onclick = function(evt) { setSessionPhoto( session[1] ); };
        document.getElementById("set3").onclick = function(evt) { setSessionPhoto( session[2] ); };
        document.getElementById("set4").onclick = function(evt) { setSessionPhoto( session[3] ); };
        document.getElementById("set5").onclick = function(evt) { setSessionPhoto( session[4] ); };
//        document.getElementById("set6").onclick = function(evt) { setSessionPhoto( session[5] ); };

        document.getElementById("prevphoto").onclick = PrevPhoto;
        document.getElementById("nextphoto").onclick = NextPhoto;
        document.getElementById("set500").onclick = Set500;
        document.getElementById("set1000").onclick = Set1000;
        
        document.getElementById("photomax").readOnly=true;
        document.getElementById("photomax").value=numslides+1;
        document.getElementById("set500").style.background = "#00FFFF";
        document.getElementById("set1000").style.background = "#00FFFF";
        
        document.getElementById("photosel").value = session[0]+1;
        SetPhoto();
        Set500();
}

function CheckSize() {
	if (slidesize=500) {
		Set500();
	} else {
		Set1000();
	}
}

function NextPhoto() {
	currentslide++;
	if (currentslide > numslides) {
		currentslide = 0;
	}
	document.getElementById("photo1").src = photo[currentslide];
	document.getElementById("photosel").value = currentslide+1;
	CheckSize();
}

function PrevPhoto() {
	currentslide--;
	if (currentslide < 0) {
		currentslide = numslides;
	}
	document.getElementById("photo1").src = photo[currentslide];
	document.getElementById("photosel").value = currentslide+1;
	CheckSize();
}

function SetPhoto() {
	currentslide = document.getElementById("photosel").value-1;
	if (currentslide < 1) currentslide = 0;
	if (currentslide > numslides) currentslide = numslides;
	document.getElementById("photo1").src = photo[currentslide];
	document.getElementById("photosel").value = currentslide+1;
	CheckSize();
}

function setSessionPhoto(sessionStart) {
	currentslide = sessionStart;
	document.getElementById("photo1").src = photo[currentslide];
	document.getElementById("photosel").value = currentslide+1;
	CheckSize();
}

function Set1000() {
	slidesize=1000;
	if (currentslide < portraitnumber) {
		document.getElementById("photo1").width = "1000";
		document.getElementById("photo1").height = "750";
	} else {
		document.getElementById("photo1").width = "750";
		document.getElementById("photo1").height = "1000";
	}
}

function Set500() {
	slidesize=500;
	if (currentslide < portraitnumber) {
		document.getElementById("photo1").width = "500";
		document.getElementById("photo1").height = "375";
	} else {
		document.getElementById("photo1").width = "375";
		document.getElementById("photo1").height = "500";
	}
}