var pictures=new Array();
pictures[0] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[0].photo.src="/show/phpslide.php?image=./IMG_0100.JPG&width=300";
pictures[1] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[1].photo.src="/show/phpslide.php?image=./IMG_8899.jpg&width=300";
pictures[2] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[2].photo.src="/show/phpslide.php?image=./P1010559.jpg&width=300";
pictures[3] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[3].photo.src="/show/phpslide.php?image=./nick162.jpg&width=300";
pictures[4] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[4].photo.src="/show/phpslide.php?image=./IMG_0138.jpg&width=300";
pictures[5] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[5].photo.src="/show/phpslide.php?image=./IMG_0257.JPG&width=300";
pictures[6] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[6].photo.src="/show/phpslide.php?image=./P1020275.jpg&width=300";
pictures[7] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[7].photo.src="/show/phpslide.php?image=./P5210110.jpg&width=300";
pictures[8] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[8].photo.src="/show/phpslide.php?image=./2007007.jpg&width=300";
pictures[9] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[9].photo.src="/show/phpslide.php?image=./IMG_8925.jpg&width=300";
pictures[10] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[10].photo.src="/show/phpslide.php?image=./castle-ride-1073.jpg&width=300";
pictures[11] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[11].photo.src="/show/phpslide.php?image=./2008002.jpg&width=300";
pictures[12] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[12].photo.src="/show/phpslide.php?image=./P1030339.jpg&width=300";
pictures[13] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[13].photo.src="/show/phpslide.php?image=./IMG_8892.jpg&width=300";
pictures[14] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[14].photo.src="/show/phpslide.php?image=./castle-ride-1007.jpg&width=300";
pictures[15] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[15].photo.src="/show/phpslide.php?image=./IMG_0152.jpg&width=300";
pictures[16] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[16].photo.src="/show/phpslide.php?image=./IMG_8748.jpg&width=300";
pictures[17] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[17].photo.src="/show/phpslide.php?image=./IMG_0151.jpg&width=300";
pictures[18] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[18].photo.src="/show/phpslide.php?image=./P1010641.jpg&width=300";
pictures[19] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[19].photo.src="/show/phpslide.php?image=./IMG_0156.jpg&width=300";
pictures[20] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[20].photo.src="/show/phpslide.php?image=./IMG_0100.jpg&width=300";
pictures[21] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[21].photo.src="/show/phpslide.php?image=./castle-ride-1027.jpg&width=300";
pictures[22] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[22].photo.src="/show/phpslide.php?image=./800px-GD-FR-Beynac-07.jpg&width=300";
pictures[23] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[23].photo.src="/show/phpslide.php?image=./pont03.jpg&width=300";
pictures[24] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[24].photo.src="/show/phpslide.php?image=./DSCN0609.JPG&width=300";
pictures[25] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[25].photo.src="/show/phpslide.php?image=./800px-Beynac_chateau_2.jpg&width=300";
pictures[26] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[26].photo.src="/show/phpslide.php?image=./jessica126.JPG&width=300";
pictures[27] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[27].photo.src="/show/phpslide.php?image=./P1010520.JPG&width=300";
pictures[28] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[28].photo.src="/show/phpslide.php?image=./jess096.JPG&width=300";
pictures[29] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[29].photo.src="/show/phpslide.php?image=./PT.Pollentier (32).jpg&width=300";
pictures[30] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[30].photo.src="/show/phpslide.php?image=./junerocamadour20081011.JPG&width=300";
pictures[31] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[31].photo.src="/show/phpslide.php?image=./P1010637.JPG&width=300";
pictures[32] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[32].photo.src="/show/phpslide.php?image=./IMG_8899.JPG&width=300";
pictures[33] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[33].photo.src="/show/phpslide.php?image=./DSCF0554.JPG&width=300";
pictures[34] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[34].photo.src="/show/phpslide.php?image=./P1010519.JPG&width=300";
pictures[35] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[35].photo.src="/show/phpslide.php?image=./P1010676.JPG&width=300";
pictures[36] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[36].photo.src="/show/phpslide.php?image=./nick162.JPG&width=300";
pictures[37] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[37].photo.src="/show/phpslide.php?image=./10.JPG&width=300";
pictures[38] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[38].photo.src="/show/phpslide.php?image=./P1010516.JPG&width=300";
pictures[39] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[39].photo.src="/show/phpslide.php?image=./beynac.JPG&width=300";
pictures[40] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[40].photo.src="/show/phpslide.php?image=./rocamadourapril2008002.JPG&width=300";
pictures[41] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[41].photo.src="/show/phpslide.php?image=./100_0188.JPG&width=300";
pictures[42] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[42].photo.src="/show/phpslide.php?image=./DSCF0049.JPG&width=300";
pictures[43] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[43].photo.src="/show/phpslide.php?image=./nick191.JPG&width=300";
pictures[44] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[44].photo.src="/show/phpslide.php?image=./isabellroc2007035.JPG&width=300";
pictures[45] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[45].photo.src="/show/phpslide.php?image=./P1010535.JPG&width=300";
pictures[46] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[46].photo.src="/show/phpslide.php?image=./nick169.JPG&width=300";
pictures[47] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[47].photo.src="/show/phpslide.php?image=./beynac_van_vooren_vanui__t_lucht.jpg&width=300";
pictures[48] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[48].photo.src="/show/phpslide.php?image=./P1010559.JPG&width=300";
pictures[49] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[49].photo.src="/show/phpslide.php?image=./andrewcrayssacokt2007078.JPG&width=300";
pictures[50] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[50].photo.src="/show/phpslide.php?image=./P1010736.JPG&width=300";
pictures[51] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[51].photo.src="/show/phpslide.php?image=./P1010641.JPG&width=300";
pictures[52] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[52].photo.src="/show/phpslide.php?image=./IMGP0568.JPG&width=300";
pictures[53] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[53].photo.src="/show/phpslide.php?image=./DSC00063.JPG&width=300";
pictures[54] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[54].photo.src="/show/phpslide.php?image=./milandes6.jpg&width=300";
pictures[55] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[55].photo.src="/show/phpslide.php?image=./ridetocrayssacokt2007007.JPG&width=300";
pictures[56] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[56].photo.src="/show/phpslide.php?image=./P1020280.JPG&width=300";
pictures[57] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[57].photo.src="/show/phpslide.php?image=./IMGP1571.JPG&width=300";
pictures[58] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[58].photo.src="/show/phpslide.php?image=./rocamajuly2008017.JPG&width=300";
pictures[59] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[59].photo.src="/show/phpslide.php?image=./castle ride 1027.JPG&width=300";
pictures[60] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[60].photo.src="/show/phpslide.php?image=./frida 2006065.JPG&width=300";
pictures[61] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[61].photo.src="/show/phpslide.php?image=./castle ride 1007.JPG&width=300";
pictures[62] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[62].photo.src="/show/phpslide.php?image=./P1020275.JPG&width=300";
pictures[63] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[63].photo.src="/show/phpslide.php?image=./junerocamadour20084007.JPG&width=300";
pictures[64] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[64].photo.src="/show/phpslide.php?image=./DSC06897.JPG&width=300";
pictures[65] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[65].photo.src="/show/phpslide.php?image=./DSC06955.JPG&width=300";
pictures[66] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[66].photo.src="/show/phpslide.php?image=./castlerideokt2008010.JPG&width=300";
pictures[67] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[67].photo.src="/show/phpslide.php?image=./25.JPG&width=300";
pictures[68] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[68].photo.src="/show/phpslide.php?image=./IMGP0872.JPG&width=300";
pictures[69] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[69].photo.src="/show/phpslide.php?image=./julierocnov2007023.JPG&width=300";
pictures[70] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[70].photo.src="/show/phpslide.php?image=./rocamadourapril2008043.JPG&width=300";
pictures[71] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[71].photo.src="/show/phpslide.php?image=./castle ride 1073.JPG&width=300";
pictures[72] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[72].photo.src="/show/phpslide.php?image=./DSCF4217.JPG&width=300";
pictures[73] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[73].photo.src="/show/phpslide.php?image=./IMGP0186.JPG&width=300";
pictures[74] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[74].photo.src="/show/phpslide.php?image=./IMG_0312.JPG&width=300";
pictures[75] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[75].photo.src="/show/phpslide.php?image=./castlerideokt2008051.JPG&width=300";
pictures[76] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[76].photo.src="/show/phpslide.php?image=./jorisjuul+fam012.JPG&width=300";
pictures[77] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[77].photo.src="/show/phpslide.php?image=./rocamajuly2008012.JPG&width=300";
pictures[78] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[78].photo.src="/show/phpslide.php?image=./IMG_2381.JPG&width=300";
pictures[79] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[79].photo.src="/show/phpslide.php?image=./DSC06984.JPG&width=300";
pictures[80] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[80].photo.src="/show/phpslide.php?image=./IMGP0979.JPG&width=300";
pictures[81] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[81].photo.src="/show/phpslide.php?image=./castlerideokt2008055.JPG&width=300";
pictures[82] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[82].photo.src="/show/phpslide.php?image=./rocamadourapril2008048.JPG&width=300";
pictures[83] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[83].photo.src="/show/phpslide.php?image=./jorisjuul+fam035.JPG&width=300";
pictures[84] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[84].photo.src="/show/phpslide.php?image=./IMG_0141.JPG&width=300";
pictures[85] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[85].photo.src="/show/phpslide.php?image=./IMG_0138.JPG&width=300";
pictures[86] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[86].photo.src="/show/phpslide.php?image=./jorisjuul+fam025.JPG&width=300";
pictures[87] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[87].photo.src="/show/phpslide.php?image=./castle ride 1066.JPG&width=300";
pictures[88] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[88].photo.src="/show/phpslide.php?image=./IMG_8763.JPG&width=300";
pictures[89] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[89].photo.src="/show/phpslide.php?image=./IMGP0317.JPG&width=300";
pictures[90] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[90].photo.src="/show/phpslide.php?image=./IMGP0880.JPG&width=300";
pictures[91] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[91].photo.src="/show/phpslide.php?image=./castle ride 1015.JPG&width=300";
pictures[92] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[92].photo.src="/show/phpslide.php?image=./P1030339.JPG&width=300";
pictures[93] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[93].photo.src="/show/phpslide.php?image=./IMG_8748.JPG&width=300";
pictures[94] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[94].photo.src="/show/phpslide.php?image=./IMG_0088.jpg&width=300";
pictures[95] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[95].photo.src="/show/phpslide.php?image=./IMG_8925.JPG&width=300";
pictures[96] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[96].photo.src="/show/phpslide.php?image=./29.jpg&width=300";
pictures[97] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[97].photo.src="/show/phpslide.php?image=./juuloktroc012.JPG&width=300";
pictures[98] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[98].photo.src="/show/phpslide.php?image=./IMG_0296.JPG&width=300";
pictures[99] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[99].photo.src="/show/phpslide.php?image=./IMG_0322.JPG&width=300";
pictures[100] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[100].photo.src="/show/phpslide.php?image=./IMG_0422.JPG&width=300";
pictures[101] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[101].photo.src="/show/phpslide.php?image=./IMG_2386.JPG&width=300";
pictures[102] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[102].photo.src="/show/phpslide.php?image=./IMG_8745.JPG&width=300";
pictures[103] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[103].photo.src="/show/phpslide.php?image=./IMG_0163.JPG&width=300";
pictures[104] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[104].photo.src="/show/phpslide.php?image=./IMG_0152.JPG&width=300";
pictures[105] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[105].photo.src="/show/phpslide.php?image=./IMG_0122.JPG&width=300";
pictures[106] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[106].photo.src="/show/phpslide.php?image=./IMGP0604.JPG&width=300";
pictures[107] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[107].photo.src="/show/phpslide.php?image=./IMG_0156.JPG&width=300";
pictures[108] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[108].photo.src="/show/phpslide.php?image=./IMG_0105.JPG&width=300";
pictures[109] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[109].photo.src="/show/phpslide.php?image=./IMG_0173.JPG&width=300";
pictures[110] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[110].photo.src="/show/phpslide.php?image=./IMG_0151.JPG&width=300";
pictures[111] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[111].photo.src="/show/phpslide.php?image=./IMGP0584.JPG&width=300";
pictures[112] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[112].photo.src="/show/phpslide.php?image=./P5210121.jpg&width=300";
pictures[113] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[113].photo.src="/show/phpslide.php?image=./juuloktroc003.JPG&width=300";
pictures[114] = {	photo: new Image, 
description: "", 
caption: "", 
trans: "", 
effect: "", 
time: "", 
title: ""};
pictures[114].photo.src="/show/phpslide.php?image=./juuloktroc021.JPG&width=300";
var phwidth = 400;
var phheight = 400;
var seconds = 3;
var randomize_photos = 0;
var display_caption = 0;
var caption_height = 50;
var caption_border = 1;
var pan_zoom = 1.3;
var trans = "random";
var effect = "none";
var cur_pic = 0;
var trans_amount = 20;
var effect_amount = 100;
var testing_mode = 0;
var flicker_time = 500;
var opacity_time = 400;
var trans_time = 32;
var effect_time = 32;
 


//<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">


/* DO NOT CHANGE ANY VARIABLES BELOW */
var ie = (document.all) // ie 5 or higher
var picture = "picture";
var picture2 = "picture2";  // Needed so Firefox and Netscape don't have javascript console errors
var pwidth;
var pheight;
var zwidth;
var zheight;
var ztimer; // timer for zoom effect
var zxstep; // zoom effect xstep
var zystep; // zoom effect ystep
var zleft = 0;
var ztop = 0;
var cleft = 0;  // to center photo
var ctop = 0; // to center photo 


function none(amount, none)
{
	// just a silly function to prevent an error for having effect none
	if (none == '1') // Means no transition
		setTimeout('changepic();', pictures[cur_pic].time);
} // end function none(amount)


function loadpics()
{
	
	if (randomize_photos == 1)
		shuffle_photos(); // shuffle or randomize photos
	
	setup_functions();
		
	init_show();

}  // function loadpics()


function init_show()
{
	// Create a loading progress bar in pictureholder
	document.getElementById('pictureholder').innerHTML = '<div style="text-align: center;'+
		'position: absolute; vertical-align: middle; font-size: 1.5em; width: 100%;">' +
		'LOADING'+
		'<span id="bar"></span></div>';
	// load 5 photos complete or pictures.length complete,  whichever is smaller
	for (i = 0; i < pictures.length && i < 5; i++)
	{	
		pcomplete = pictures[i].photo.complete;
		if (pcomplete)
		document.getElementById('bar').innerHTML = '<hr width="'
			+((phwidth/5)*i)+'" size="12" noshade="noshade" />'; 
	}

	if (!pcomplete)
	{
		setTimeout("init_show()", 10);
		return;
	}
	
	// Now create the IMG picture and picture2 inside the pictureholder DIV
	document.getElementById('pictureholder').innerHTML='<img id="picture" class="picture"'+
		' style="top: 0px; left: 0px; overflow:hidden; position:absolute;">'+
		'<img id="picture2" class="picture"'+
		' style="top: 0px; left: 0px; overflow:hidden; position:absolute;">';
		
	// make sure picture is 100% opaque
	set_opacity('picture', 0);

	// set opacity of picture2 to invisible
	set_opacity('picture2',0);
	
	document.getElementById('picture2').src = pictures[cur_pic].photo.src;
		document.getElementById('picture2').width = pictures[cur_pic].photo.width;
			document.getElementById('picture2').height = pictures[cur_pic].photo.height;
				document.getElementById('picture2').style.left = 0 + 'px';
					document.getElementById('picture2').style.top = 0 + 'px';
	center_image('picture2');
	
	// Call effectsetup for first photo
	effectsetup();
	
	// call function transition in duration 'seconds'
	setTimeout(pictures[cur_pic].trans, 0);
	
	//changepic();
		
} // end function init_show()


function center_image(obj)
{
	// since we have to make absolute positioned images
	// in order to display images on top of each other
	// for transition effects, we need to find a way
	// to place the next image on the center of
	// pictureholder
	cwidth = parseFloat(pictures[cur_pic].photo.width);
	cheight = parseFloat(pictures[cur_pic].photo.height);
	cleft = (phwidth - cwidth) / 2;
	ctop = (phheight - cheight) / 2;

	document.getElementById(obj).style.left = cleft + 'px';

	document.getElementById(obj).style.top = ctop + 'px';	
	
	//testingbox.innerHTML = cwidth+", "+cheight;

} // end function center_image()


function shuffle_photos()
{
	pictures.sort(function() 
	{
	return 0.5 - Math.random()
	}) //Array elements now scrambled
	
}  // end function shuffle()


function randomize_trans(i)
{
	rand = Math.floor(Math.random()*4) // 0 to 3
	
	if (rand == 0)
		ftype = "crossfade";
	if (rand == 1)
		ftype = "wipe";
	if (rand == 2)
		ftype = "slide";
	if (rand == 3)
		ftype = "zoom";	
		
	if (ftype == "wipe")
	 	rand = Math.floor(Math.random()*5) // 0 to 4
	else
		rand = Math.floor(Math.random()*9) // 0 to 8
	
	if (rand == 0)
		foption = "left";
	if (rand == 1)
		foption = "right";		
	if (rand == 2)
		foption = "top";
	if (rand == 3)
		foption = "bottom";
	if (rand == 4)
		foption = "center";
	if (rand == 5)
		foption = "upperright";
	if (rand == 6)
		foption = "lowerleft";
	if (rand == 7)
		foption = "lowerright";
	if (rand == 8)
		foption = "upperleft";	
		
	if (ftype == "slide" && rand == 4) // can't slide from the center
		foption = "left";

	if (ftype == "crossfade")
		pictures[i].trans = "crossfade(0);";
	else	
		pictures[i].trans = ftype+"(0, '"+foption+"')"; // slide(0, 'left');	
	
				
} // end function randomize_trans(i)


function randomize_effect(i)
{
	rand = Math.floor(Math.random()*4) // 0 to 3
	
	if (rand == 0)
		ftype = "none";
	if (rand == 1)
		ftype = "zoomin";
	if (rand == 2)
		ftype = "zoomout";
	if (rand == 3)
		ftype = "pan";	
		
	//ftype = "pan";
	
	if (ftype == "pan")
	 	rand = Math.floor(Math.random()*8) // 0 to 7 (no center for pan)
	else
		rand = Math.floor(Math.random()*9) // 0 to 8
	
	if (rand == 0)
		foption = "left";
	if (rand == 1)
		foption = "right";		
	if (rand == 2)
		foption = "top";
	if (rand == 3)
		foption = "bottom";
	if (rand == 4)
		foption = "upperleft";
	if (rand == 5)
		foption = "upperright";
	if (rand == 6)
		foption = "lowerleft";
	if (rand == 7)
		foption = "lowerright";
	if (rand == 8)
		foption = "center";	
		

	if (ftype == "none")
		pictures[i].effect = ftype;
	else	
		pictures[i].effect = ftype+"(0, '"+foption+"')"; // zoomin(0, 'left');		
				
} // end function randomize_effect(i)


function setup_functions()
{
	
	if (trans == "none")
		trans = "none(1)";
	
	// first go through and fill effects and transitions with default
	for (i = 0; i < pictures.length; i++)
	{
		// TRANSITIONS
		if (trans == "random")
			randomize_trans(i);
		else	
		{
		ftype = trans.replace(/['">)']/gi, ""); // ex: slide(left
		foption = ftype.split('('); // ex: slide     /    left
		// Check to see if the user put a real function in trans
		if (eval('typeof('+foption[0]+')') == 'function')
			pictures[i].trans = foption[0]+"(0, '"+foption[1]+"');"; // slide(0, 'left');
		else 
			pictures[i].trans = 'crossfade(0)';  // else just put crossfade for trans
		}
		// EFFECTS
		if (effect == "random")
			randomize_effect(i);
		else
		{
		ftype = effect.replace(/['">)']/gi, ""); // ex: slide(left
		foption = ftype.split('('); // ex: slide     /    left
		// Check to see if the user put a real function in effect
		if (eval('typeof('+foption[0]+')') == 'function')
			pictures[i].effect = foption[0]+"(0, '"+foption[1]+"');";
		else 
			pictures[i].effect = 'none(0)';  // else just put none effect
		}
		pictures[i].time = seconds*1000; // convert seconds into milliseconds
		//pictures[i].title = ''; // Blank the title
		
	}
	
	// Now fill in effects and transitions from descriptions
	for (i = 0; i < pictures.length; i++) 
	{
		if (pictures[i].description)
		{
		functions = pictures[i].description.split('<'); // ex: <trans="slide('left')>
		for (f = 0; f < functions.length; f++)
		{
			functions[f] = functions[f].toLowerCase();
			ftype = functions[f].split('='); // ex: trans    /   "slide('left')>
			if (ftype[1])
			{
			ftype[1] = ftype[1].replace(/['")']/gi, ""); // ex: slide(left>
			ftype[1] = ftype[1].replace(/>[\s\S]*/gi, "");
			//ftype[1] = ftype[1].replace(/>/gi, "");
			foption = ftype[1].split('('); // ex: slide     /    left
			if (ftype[0] == "trans")
			{
						// v. 1.12 4/13/09 added random to trans
			if (foption[0] == 'random') 
				randomize_trans(i);
			// Check to see if the user put a real function in trans
			// v. 1.11 4/13/09 switch from if (eval('typeof('+foption[0]+')') == 'function')
			if ((foption[0] == 'none' || foption[0] == 'crossfade' 
					|| foption[0] == 'zoom' || foption[0] == 'wipe' || foption[0] == 'slide')
					&& (foption[1] == 'upperleft' || foption[1] == 'top' || foption[1] == 'upperright'
					|| foption[1] == 'left' || foption[1] == 'center' || foption[1] == 'right'
					|| foption[1] == 'lowerleft' || foption[1] == 'bottom' || foption[1] == 'lowerright'))
				pictures[i].trans = foption[0]+"(0, '"+foption[1]+"')"; // slide(0, 'left');
			}	
			else if (ftype[0] == "effect")
			{	
			// v. 1.12 4/13/09 added random to effect
			if (foption[0] == 'random') 
				randomize_effect(i);
			// Check to see if the user put a real function in trans
			// v. 1.11 4/13/09 switch from if (eval('typeof('+foption[0]+')') == 'function'
			if ((foption[0] == 'none' || foption[0] == 'zoomin' 
					|| foption[0] == 'zoomout' || foption[0] == 'pan')
					&& (foption[1] == 'upperleft' || foption[1] == 'top' || foption[1] == 'upperright'
					|| foption[1] == 'left' || foption[1] == 'center' || foption[1] == 'right'
					|| foption[1] == 'lowerleft' || foption[1] == 'bottom' || foption[1] == 'lowerright'))
				pictures[i].effect = foption[0]+"(0, '"+foption[1]+"')";
			}
			else if (ftype[0] == "time")
			{	
				// convert seconds into milliseconds
				pictures[i].time = parseFloat(foption[0])*1000;
			}
			else if (ftype[0] == "title")
			{	
				pictures[i].title = ftype[0];
			}
			} // end if (ftype[1])
		} // end for
		} // end if pictures[i].description
	}	
	
	// Print to screen
	//for (i = 0; i < pictures.length; i++) 
		//document.write(i+". Transition: "+pictures[i].trans+". Effect: "+pictures[i].effect+"<BR>");
				

} // end function setup_functions()



function set_opacity(object, level)
{
	// The "object" is usally picture, picture2
	// or photo or photo2
	// the level is 0 (transparent) to 100 (opaque)
	if(ie)
	{
        // first create a filter
		document.getElementById(object).style.filter="alpha(opacity="+level+")";
		// then set the opacity
		//document.getElementById(object).filters.alpha.opacity = level;
    }
    else  // mozilla or netscape
	{
		// Netscape has a bug where it flickers at 100% opacity
		// so we will change 100 to 99.999%
		if (level == 100)
			level = 99.999;
		// set the opacity for firefox and netscape
		document.getElementById(object).style.MozOpacity = level/100;
    	// set the opacity for safari prior to 1.2
    	document.getElementById(object).style.KHTMLOpacity = level/100;
		// set the opacity for safari 1.2 and higher and newer firefox
		document.getElementById(object).style.opacity = level/100;
	}

} // end function set_opacity


function crossfade(opacity) 
{

  	
  if (document.getElementById) 
  {

	if (opacity <= 100) 
	{
      set_opacity('picture2', opacity);
      set_opacity('picture', 100 - opacity);
      opacity += 10;
      window.setTimeout("crossfade("+opacity+")", trans_time);
    
	}
    else
    {
    	// I had to put half the seconds here and load the image
    	// early in order to prevent a flicker in IE when
    	// on a web server
		//center_image('picture2');
		//document.getElementById('picture').src = pictures[cur_pic].photo.src;
		setTimeout('changepic();', trans_time);

    }
  }
} // end function crossfade(objID, opacity)


function wipe(amount, from)
{
	pwidth = document.getElementById('picture2').width;
	pheight = document.getElementById('picture2').height;
	xstep = pwidth / trans_amount * amount;
	ystep = pheight / trans_amount * amount;
	 
	
	if (from == "left")
	{
		// clip by rect(top, right, bottom, left)
		document.getElementById('picture2').style.clip = 'rect(' +
		'0px, ' + 
		Math.round(0+xstep) + 'px, ' +
		pheight + 'px, ' + 
		'0px)';
	}
	else if (from == "right")
	{
		// clip by rect(top, right, bottom, left)
		document.getElementById('picture2').style.clip = 'rect(' +
		'0px, ' + 
		pwidth + 'px, ' +
		pheight + 'px, ' + 
		Math.round(pwidth-xstep) + 'px)';
	}
	else if (from == "top")
	{
		// clip by rect(top, right, bottom, left)
		document.getElementById('picture2').style.clip = 'rect(' +
		'0px, ' + 
		pwidth + 'px, ' +
		Math.round(ystep) + 'px, ' + 
		'0px)';
	}
	else if (from == "bottom")
	{
		// clip by rect(top, right, bottom, left)
		document.getElementById('picture2').style.clip = 'rect(' +
		Math.round(pheight-ystep) + 'px, ' + 
		pwidth + 'px, ' +
		pheight + 'px, ' + 
		'0px)';
	}
	else  // if center or none specified
	{
		xcenter = pwidth / 2; // so 640 / 2 = 320
		ycenter = pheight / 2; // so 480 / 2 = 240
		xstep = xcenter / trans_amount * amount;
		ystep = ycenter / trans_amount * amount;
		
		// clip by rect(top, right, bottom, left)
		document.getElementById('picture2').style.clip = 'rect(' +
		Math.round(ycenter-ystep) + 'px, ' + 
		Math.round(xcenter+xstep) + 'px, ' +
		Math.round(ycenter+ystep) + 'px, ' + 
		Math.round(xcenter-xstep) + 'px)';
	}
	
	if (amount == 1)
		set_opacity('picture2', 100);
	
	amount++;
	
	if (amount < trans_amount)
		window.setTimeout("wipe("+amount+", '"+from+"');", trans_time);
	else
    {
    	// reset clip
    	document.getElementById('picture2').style.clip = 'rect(auto, auto, auto, auto)';
		// I had to put half the seconds here and load the image
    	// early in order to prevent a flicker in IE when
    	// on a web server
		//document.getElementById('picture').src = pictures[cur_pic].photo.src;
    	setTimeout('changepic();', trans_time);

    }

} // end function wipe(amount, from)


function zoomin(amount, to) // this function is a photo effect
{
	
	if (amount == 0)
	{
		zwidth = document.getElementById('picture').width;
		zheight = document.getElementById('picture').height;
		//testing.innerHTML = zwidth+", "+zheight;
		// Calculate slope.
		// Steps will be 1 each unless width is bigger than height
		// or height is bigger than width.  If that is the case
		// then the step for the bigger dimension will be the slope (ex: zwidth / zheight)
		// the 2 and the *2 is to make each step twice as big
		zxstep = 3;
		zystep = 3;
		if (zwidth > zheight)
			zxstep = (zwidth / zheight)*3;
		if (zheight > zwidth)
			zystep = (zheight / zwidth)*3;
	} 
	
	zwidth = zwidth + zxstep;
	zheight = zheight + zystep;
	
	//document.getElementById('testing').innerHTML = "xstep="+zxstep+", ystep="+zystep;
	

	document.getElementById('picture').width = zwidth;
	document.getElementById('picture').height = zheight;
	
	
	
	zzleft = parseFloat(document.getElementById('picture').style.left);
	zztop = parseFloat(document.getElementById('picture').style.top);
	
	//document.getElementById('testing').innerHTML = "left="+zleft+", top="+ztop;
	
	// Untouched is upperleft
	
	if (to == "upperright" || to == "right" || to == "lowerright")
		document.getElementById('picture').style.left = zzleft - zxstep + 'px';
	
	if (to == "top" || to == "bottom" || to == "center")
		document.getElementById('picture').style.left = zzleft - zxstep/2 + 'px';
	
	if (to == "lowerleft" || to == "bottom" || to == "lowerright")	
		document.getElementById('picture').style.top = zztop - zystep + 'px';
			
	if (to == "left" || to == "center" || to == "right")
		document.getElementById('picture').style.top = zztop - zystep/2 + 'px';
		
	amount++;
	
	//if (amount == 30) alert('hi');
	
	if (amount <= effect_amount)
		ztimer = window.setTimeout("zoomin("+amount+", '"+to+"');", effect_time);
	else
	{
		// reset left and top of picture
			//document.getElementById('picture').style.left = 0;
			//document.getElementById('picture').style.top = 0;
	}
	
} // end function zoomin(amount, to)



function effectsetup()
{
	
	//testing.innerHTML = document.getElementById('picture2').width+", "+
	//	document.getElementById('picture2').height;
	//testing.innerHTML += ". "+pictures[cur_pic].photo.width+", "+pictures[cur_pic].photo.height;
	
	ftype = pictures[cur_pic].effect.replace(/['">);']/gi, ""); // ex: slide(left
	foption = ftype.split('(0, '); // ex: slide     /    left
	
	if (foption[1])
		to = foption[1];
	else
		to = "";
	
	
	if (foption[0] == "zoomout")
	{
		document.getElementById('picture2').width = parseFloat(document.getElementById('picture2').width*2);
		document.getElementById('picture2').height = parseFloat(document.getElementById('picture2').height*2);
	
		// center enlarged image
		cwidth = parseFloat(document.getElementById('picture2').width*2);
		cheight = parseFloat(document.getElementById('picture2').height*2);
		ztop = 0;
		zleft = 0;
		
		// no to is upperleft
		
		if (to == "upperright" || to == "right" || to == "lowerright")
			zleft = (cwidth/4) * -1; // to get negative of the positive number
		
		if (to == "top" || to == "bottom" || to == "center")
			zleft = (cwidth/8) * -1;	
		
		if (to == "lowerleft" || to == "bottom" || to == "lowerright")
			ztop = (cheight/4) * -1;
		
		if (to == "left" || to == "center" || to == "right")	
			ztop = (cheight/8) * -1; 
			
			
		cleft = cleft + zleft;
		ctop = ctop + ztop;
		
		document.getElementById('picture2').style.top = ctop + 'px';
		document.getElementById('picture2').style.left = cleft + 'px';
		
		ztop = ctop;
		zleft = cleft;
		
	} // end if zoomout
	
	if (foption[0] == "pan")
	{
		document.getElementById('picture2').width = parseFloat(document.getElementById('picture2').width*pan_zoom);
		document.getElementById('picture2').height = parseFloat(document.getElementById('picture2').height*pan_zoom);
	
		// center enlarged image
		cwidth = parseFloat(document.getElementById('picture2').width*pan_zoom);
		cheight = parseFloat(document.getElementById('picture2').height*pan_zoom);
		ztop = 0;
		zleft = 0;
		
		// no to is upperleft
		
		if (to == "upperright" || to == "right" || to == "lowerright")
			zleft = (cwidth/4) * -1; // to get negative of the positive number
		
		if (to == "top" || to == "bottom" || to == "center")
			zleft = (cwidth/8) * -1;	
		
		if (to == "lowerleft" || to == "bottom" || to == "lowerright")
			ztop = (cheight/4) * -1;
		
		if (to == "left" || to == "center" || to == "right")	
			ztop = (cheight/8) * -1; 
			
			
		cleft = cleft + zleft;
		ctop = ctop + ztop;
		
		document.getElementById('picture2').style.top = ctop + 'px';
		document.getElementById('picture2').style.left = cleft + 'px';
		
		ztop = ctop;
		zleft = cleft;
		
	} // end if pan
	

} // end function effectsetup()


function zoomout(amount, to) // this function is a photo effect
{
		
	if (amount == 0)
	{
		//zwidth = document.getElementById('picture').width;
		//zheight = document.getElementById('picture').height;
		//zwidth = pictures[cur_pic].photo.width*2;
		//zheight = pictures[cur_pic].photo.height*2;
		
		// center enlarged image
		zwidth = parseFloat(document.getElementById('picture').width*2);
		zheight = parseFloat(document.getElementById('picture').height*2);

		
		//zleft = (phwidth - zwidth) / 2;
		//document.getElementById('picture').style.left = zleft;
		
		/*
		//if (to == "upperright" || to == "right" || to == "lowerright")
			zleft = (zwidth/2) * -1; // to get negative of the positive number
		
		if (to == "top" || to == "bottom" || to == "center")
			zleft = (zwidth/4) * -1;	
		
		//if (to == "lowerleft" || to == "bottom" || to == "lowerright")
			ztop = (zheight/2) * -1;
		
		if (to == "left" || to == "center" || to == "right")	
			ztop = (zheight/4) * -1;
		*/
	
		document.getElementById('picture').style.top = ztop + 'px';
		document.getElementById('picture').style.left = zleft + 'px'; 
		//ztop = ctop;
		//zleft = cleft;
		
			//testingbox.innerHTML = zwidth+', '+zheight+", "+to;
		//document.getElementById('testing').innerHTML = "width="+zwidth+", height="+zheight;
		// Calculate slope.
		// Steps will be 3 each unless width is bigger than height
		// or height is bigger than width.  If that is the case
		// then the step for the bigger dimension will be the slope (ex: zwidth / zheight)*3
		// the 3 and the *3 is to make each step twice as big
		zxstep = 3;
		zystep = 3;
		if (zwidth > zheight)
			zxstep = (zwidth / zheight)*3;
		if (zheight > zwidth)
			zystep = (zheight / zwidth)*3;	
		//document.getElementById('picture').width = zwidth*2;
		//document.getElementById('picture').height = zheight*2;	
	} 
	
	zwidth = zwidth - zxstep;
	zheight = zheight - zystep;
	

	document.getElementById('picture').width = zwidth;
	document.getElementById('picture').height = zheight;

	zzleft = parseFloat(document.getElementById('picture').style.left);
	zztop = parseFloat(document.getElementById('picture').style.top);
	//testingbox.innerHTML = zzleft+', '+zztop;
	
	// Untouched is upperleft
	
	if (to == "upperright" || to == "right" || to == "lowerright")
		document.getElementById('picture').style.left = zzleft + zxstep + 'px';
	
	if (to == "top" || to == "bottom" || to == "center")
		document.getElementById('picture').style.left = zzleft + zxstep/2 + 'px';
	
	if (to == "lowerleft" || to == "bottom" || to == "lowerright")	
		document.getElementById('picture').style.top = zztop + zystep + 'px';
			
	if (to == "left" || to == "center" || to == "right")
		document.getElementById('picture').style.top = zztop + zystep/2 + 'px';
		
	amount++;
	
	
	//if (amount == 30) alert('hi');
	
	if (amount <= effect_amount)
		ztimer = window.setTimeout("zoomout("+amount+", '"+to+"');", effect_time);
	else
	{
		
		// reset left and top of picture
		//document.getElementById('picture').style.left = 0;
		//document.getElementById('picture').style.top = 0;
		//center_image('picture');
	}
	
} // end function zoomout(amount, to)


function pan(amount, to) // This is a photo effect
{
	if (amount == 0)
	{
		//zwidth = document.getElementById('picture').width;
		//zheight = document.getElementById('picture').height;
		//zwidth = pictures[cur_pic].photo.width*2;
		//zheight = pictures[cur_pic].photo.height*2;
		
		// center enlarged image
		zwidth = parseFloat(document.getElementById('picture').width*pan_zoom);
		zheight = parseFloat(document.getElementById('picture').height*pan_zoom);
		document.getElementById('picture').width = zwidth;
		document.getElementById('picture').height = zheight;
		
		//zleft = (phwidth - zwidth) / 2;
		//document.getElementById('picture').style.left = zleft;
		
		/*
		//if (to == "upperright" || to == "right" || to == "lowerright")
			zleft = (zwidth/2) * -1; // to get negative of the positive number
		
		if (to == "top" || to == "bottom" || to == "center")
			zleft = (zwidth/4) * -1;	
		
		//if (to == "lowerleft" || to == "bottom" || to == "lowerright")
			ztop = (zheight/2) * -1;
		
		if (to == "left" || to == "center" || to == "right")	
			ztop = (zheight/4) * -1;
		*/
	
		document.getElementById('picture').style.top = ztop + 'px';
		document.getElementById('picture').style.left = zleft + 'px'; 
		//ztop = ctop;
		//zleft = cleft;
		
			//testingbox.innerHTML = zwidth+', '+zheight+", "+to;
		//document.getElementById('testing').innerHTML = "width="+zwidth+", height="+zheight;
		// Calculate slope.
		// Steps will be 3 each unless width is bigger than height
		// or height is bigger than width.  If that is the case
		// then the step for the bigger dimension will be the slope (ex: zwidth / zheight)*3
		// the 2 and the *2 is to make each step twice as big
		zxstep = 1;
		zystep = 1;
		if (zwidth > zheight)
			zxstep = (zwidth / zheight);
		if (zheight > zwidth)
			zystep = (zheight / zwidth);	
		//document.getElementById('picture').width = zwidth*2;
		//document.getElementById('picture').height = zheight*2;	
	} 
	
	/*zwidth = zwidth - zxstep;
	zheight = zheight - zystep;
	 */

	zzleft = parseFloat(document.getElementById('picture').style.left);
	zztop = parseFloat(document.getElementById('picture').style.top);
	//testingbox.innerHTML = zzleft+', '+zztop;
	
	// There is no center in pan
	
	if (to == "upperright" || to == "right" || to == "lowerright")
		document.getElementById('picture').style.left = zzleft + zxstep + 'px';
	
	if (to == "upperleft" || to == "left" || to == "lowerleft")
		document.getElementById('picture').style.left = zzleft - zxstep + 'px';
	
	if (to == "lowerleft" || to == "bottom" || to == "lowerright")	
		document.getElementById('picture').style.top = zztop + zystep + 'px';
			
	if (to == "upperleft" || to == "top" || to == "upperright")
		document.getElementById('picture').style.top = zztop - zystep + 'px';
		
	amount++;
	
	
	//if (amount == 30) alert('hi');
	
	if (amount <= effect_amount)
		ztimer = window.setTimeout("pan("+amount+", '"+to+"');", effect_time);

} // end function pan(amount, from)


function zoom(amount, from) // This function is a transition
{

	pcomplete = document.getElementById('picture2').complete;
	// i need the if statement below for mozilla firefox
	// browsers and netscape browsers.  They don't know
	// the width of the height of an image until it 
	// completes loading, so I can't zoom in at the
	// correct size.  (It sets size to 24x24).  So I use
	// the .complete element to see if the photo has loaded.
	if (!pcomplete) // if photo hasn't finished loading
	{
		// call this function again in 100ms
		// to see if the photo completes loading
		setTimeout('zoom(0,"'+from+'")', 100);
		return; // exit this function
	}
	
	if (amount == 0)
	{
		pwidth = document.getElementById('picture2').width;
		pheight = document.getElementById('picture2').height;
		//pwidth = pictures[cur_pic].photo.width;
		//pheight = pictures[cur_pic].photo.height;
		set_opacity('picture2', 100);
	}	
	
	//document.getElementById('testing').innerHTML = "width="+pwidth+", height="+pheight;
	
	xstep = pwidth / trans_amount * amount;
	ystep = pheight / trans_amount * amount;
 		

	document.getElementById('picture2').width = xstep;
	document.getElementById('picture2').height = ystep;

	// uppperleft is not moving the top or left at all
	
	if (from == "left" || from == "center" || from == "right")
		document.getElementById('picture2').style.top = (pheight+ctop) / 2 - (ystep-ctop) / 2 + 'px';
	
	if (from == "top" || from == "center" || from =="bottom")
		document.getElementById('picture2').style.left = (pwidth+cleft) / 2 - (xstep-cleft) / 2 + 'px';
	
	if (from == "lowerleft" || from == "lowerright" || from=="bottom")
		document.getElementById('picture2').style.top = (pheight+ctop) - ystep + 'px';
		
	if (from == "upperright" || from == "lowerright" || from=="right")
		document.getElementById('picture2').style.left = (pwidth+cleft) - xstep + 'px';
		
	amount++;
	
	if (amount <= trans_amount)
		window.setTimeout("zoom("+amount+", '"+from+"');", trans_time);
	else
    {

		// I had to put half the seconds here and load the image
    	// early in order to prevent a flicker in IE when
    	// on a web server
		//center_image('picture');
		//document.getElementById('picture').src = pictures[cur_pic].photo.src;
		setTimeout('changepic();', trans_time);

    }
	
} // end function zoom(amount, from)


function slide(amount, from)
{
	pwidth = document.getElementById('picture2').width;
	pheight = document.getElementById('picture2').height;
	

	if (from == null || from == 'undefined')
		from = 'left';
	
	//document.getElementById('testing').innerHTML = "Hi "+amount+", "+from;
	
	if (from == "left" || from == "lowerleft" || from == "upperleft")
	{
		xstep = Math.round((pwidth+cleft) / trans_amount * amount);
		xstep = pwidth - (pwidth*2) + xstep;
		//document.getElementById('testing').innerHTML = xstep;
		document.getElementById('picture2').style.left = xstep + 'px';
	}
	else if (from == "right" || from == "lowerright" || from == "upperright")
	{
		xstep = Math.round((pwidth-cleft) / trans_amount * amount);
		xstep = pwidth - xstep;
		//document.getElementById('testing').innerHTML = xstep;
		document.getElementById('picture2').style.left = xstep + 'px';
	}
	
	if (from == "top" || from == "upperleft" || from == "upperright")
	{
		ystep = Math.round((pheight+ctop) / trans_amount * amount);
		ystep = pheight - (pheight*2) + ystep;
		//document.getElementById('testing').innerHTML = ystep;
		document.getElementById('picture2').style.top = ystep + 'px';
	}
	else if (from == "bottom" || from == "lowerleft" || from == "lowerright")
	{
		ystep = Math.round((pheight-ctop) / trans_amount * amount);
		ystep = pheight - ystep;
		//document.getElementById('testing').innerHTML = ystep;
		document.getElementById('picture2').style.top = ystep + 'px';
	}
	
	if (amount == 0)
		set_opacity('picture2', 100);
	
	amount++;
	
	if (amount <= trans_amount)
		window.setTimeout("slide("+amount+", '"+from+"');", trans_time);
	else
    {
		// I had to put half the seconds here and load the image
    	// early in order to prevent a flicker in IE when
    	// on a web server
		//document.getElementById('picture').src = pictures[cur_pic].photo.src;
		setTimeout('changepic();', trans_time);

    }	

}  // end function slide(0, from)


function next_pic()
{
	cur_pic++;  // advance to next picture
		
	if (cur_pic == pictures.length)
	{
		cur_pic = 0;
		if (randomize_photos == 1)
			shuffle_photos();	
		//setup_functions(); // to randomize the transitions and effects again
	}

} // end function next_pic()


function changepic()
{

	if (testing_mode == 1)
	testingbox.innerHTML = cur_pic+". Transition: "+pictures[cur_pic].trans+". Effect: "+pictures[cur_pic].effect+
	". Time: "+pictures[cur_pic].time+
	". Width:"+pictures[cur_pic].photo.width+", "+pictures[cur_pic].photo.height;
	
	var milliseconds = pictures[cur_pic].time;

	if (display_caption == 1) // display Picasa Description for current photo
		document.getElementById('captionholder').innerHTML = pictures[cur_pic].caption;
		
	clearTimeout(ztimer);
		
	document.getElementById('picture').src = pictures[cur_pic].photo.src;
		document.getElementById('picture').width = pictures[cur_pic].photo.width;
			document.getElementById('picture').height = pictures[cur_pic].photo.height;
				document.getElementById('picture').style.left = 0 + 'px';
					document.getElementById('picture').style.top = 0 + 'px';
				
	center_image('picture');
	
	// make sure picture is 100% opaque
	
	setTimeout("set_opacity('picture',100);", opacity_time)  // this is what causes the flicker in IE


	// set opacity of picture2 to invisible
	setTimeout("set_opacity('picture2',0);", opacity_time)  // this is what causes the flicker in IE
	
	// Call effect function
	//testing.innerHTML = eval('(typeof('+pictures[cur_pic].effect+'));'); // != "undefined");');
	//setTimeout('eval(pictures['+cur_pic+'].effect);', opacity_time);
	setTimeout(pictures[cur_pic].effect, opacity_time);
	
	//setTimeout('next_pic();', opacity_time);
	next_pic();

	// preload next image
	//  if (cur_pic < pictures_length)
	//	img.src = pictures[cur_pic].photo;
	//else
	//	img.src = pictures[0]; 
		
	// I had to put a settimeout here and load the image
    // later in order to prevent a flicker of the next photo 
    // in IE and sometimes firefox
	// put next photo in IMG with ID 'picture2' but it will be invisible
	
	
	setTimeout("document.getElementById('picture2').src = pictures["+cur_pic+"].photo.src;", flicker_time);
	setTimeout("document.getElementById('picture2').width = pictures["+cur_pic+"].photo.width;", flicker_time+20);
	setTimeout("document.getElementById('picture2').height = pictures["+cur_pic+"].photo.height;", flicker_time+20);
	setTimeout("document.getElementById('picture2').style.left = 0 + 'px';", flicker_time+20);
	setTimeout("document.getElementById('picture2').style.top = 0 + 'px';", flicker_time+20);
	
	setTimeout('center_image("picture2");', flicker_time+50);
	
	// testing for zoomout(0)
	setTimeout('effectsetup();', flicker_time+100);
				
	// call transition function in duration 'seconds'
	setTimeout('eval(pictures[cur_pic].trans)', milliseconds);  
	//window.setTimeout("zoom(0);", seconds);
	//window.setTimeout("zoom(0, 'upperright');", seconds);
	//window.setTimeout("wipe(0, 'bottom');", seconds);


	//window.setTimeout("slide(0, 'top');", seconds);

}  // end function changepic(direction)


// testing function to display_all images loaded from dynamically from php
function display_all()
{
	for (i = 0; i < pictures.length; i++)
	{
		document.write('<img src="'+pictures[i].photo.src+'"><br>');
		document.write(pictures[i].caption+'<br>');
	}

} // end function display_all()

	// first create a testing div to write messages
	if (testing_mode == 1)
	{
		document.write('<div id="testing"><br></div>');
		testingbox = document.getelementbyid('testing');
	}
	/* both fore and back pictures have to be positioned absolute */
	/* inside a relative div */
	/* both have classes, 'pictureholder' and 'picture' respectively */
	/* so you can create these classes and add borders or whatever */
	/* we create the relative img's in loadpics */
	
	// So first we create the relative DIV
	document.write('<div id="pictureholder" class="pictureholder"'+
		' style="width: '+phwidth+'px; height: '+phheight+'px; overflow: hidden; position: relative;">');
	// Close the pictureholder DIV
	document.write('</div>');
	// Make caption below pictureholder
	if (display_caption == 1)
	document.write('<div id="captionholder" class="captionholder"'+
		' style="width:'+phwidth+'px; height: '+caption_height+
		'px; border-width:'+caption_border+'px; border-style:solid;'+
		' margin-top: 5px; padding: 5px; text-align: center;"></div>');
	
// The line below calls the google feed and starts the loadpics function
// The line below starts the loadpics function
window.onload = loadpics; 


//display_all();

//</SCRIPT>