// JavaScript Document
						var tmLineChangePics
						var LastPicIndex
						var MaxsPic
						var Play
						var ParentMenuID

						function initPic(varMaxsPics,varPlay,startFrom) {
							LastPicIndex = startFrom
							MainPicHolder = new Fx.Style('imgMainLayerPic', 'opacity', {duration:1500,transition: Fx.Transitions.linear,onComplete: function() {
								$("imgMainLayerPic").src = $("imgLowerLayerPic").src
								MainPicHolder.set(1)
							}});
							MaxsPic = varMaxsPics
							if (MaxsPic>0) {
								LoadPic(LastPicIndex)
							}
							PlayDur = 5000;
							tmLineChangePics = 0;
							PausePlay()
						}

						// slide show of pics
						function changeNextPic() {
							NewPicIndex = parseInt(LastPicIndex) + 1
							LoadPic(NewPicIndex)
						}
						
						function PausePlay() {
							if (tmLineChangePics>0) {
								clearTimeout(tmLineChangePics)
								tmLineChangePics = 0
							} else {
								tmLineChangePics = setTimeout('changeNextPic()',PlayDur)
								PlayDur = 500
							}
						}
						
						function LoadPic(PicIndex) {
							// load pic in the lower pic layer
							if (PicIndex>MaxsPic) {
								PicIndex = 1
							} else {
								if (PicIndex == 0) {
									PicIndex = MaxsPic 
								}
							}
							
							LastPicIndex = PicIndex
							if ($("BigPic"+LastPicIndex) != null) {
								$("imgLowerLayerPic").src = "images/users/"+$("BigPic"+LastPicIndex).value
								SwichPics()
								// restart time and load next pic
								if (tmLineChangePics>0) {
									clearTimeout(tmLineChangePics)
									tmLineChangePics = 0
									tmLineChangePics = setTimeout('changeNextPic()',5000)
								}
							} else {
								PausePlay()
							}
						}
						
						function SwichPics() {
							if ($("imgMainLayerPic").src!="") {
								MainPicHolder.start(1,0)
							} else {
								MainPicHolder.start(0,0)
							}
						}