// PLEASE NOTE: this is an ASP page that is loaded directly into the ASP page (project home and project details pages)
	// some of the code may be better stored in a separate file


					var pvViewerWidth = "730px";
					var pvImageWidth = "730px";
					var pvImageHeight = "430px";
					var pvImageBorderWidth = "3px";
					var pvImageViewTime = 5000;
					//pvImageViewTime = "500";
					var pvInfoBGopacity = 0.9;
					
					var pvCurrentImage, pvImageCount;
					var iOpacity, pvInfoFx, pvInfoOpen;
					var pvCurrentTimer = undefined;
					var pvPlaying;
					
					var picTimeout = pvImageViewTime+0; 
					var imageIDroot = "pviImage"; 
					var pvSpacer = "\n";
					
					pvImages = new Array();
					
					$(document).ready( function () {
					
						
						$("#col1>ul>li>ul").hide();
						//$("col1>ul>li#<%= request("menu") %>>ul").hide();		
						
					
								pvInit();
								
								var time1 = new Date();
								//console.log("Document.ready   " + time1.getTime()); 
								var prevNumber = -1;
								var bodyRef  =  $("body").get(0);
					
								$("body").each(function () {
									this.status = new function () {
									};
								});			
					
								function getStatus(id) {
									return bodyRef.status[id];
								}
									
								function setStatus(config) {
					//				console.log("config.length = " + config.length());
									for (var i in config) {
										//console.log(i + ": " + config[i]);			
										bodyRef.status[i] = config[i];
										}
										return true;
									}	
					
							setStatus({panelOpen: -9999});
							var panelCount = 0;
		
						
							$("li.panel > a").each(function () {
								var theOneOpen;
								
								this.status = new function () {
									this.panelOpen = false;
									this.panelNumber = panelCount++;
								};
								//var mainStat = $("body").get(0).mainStat;
								//alert("mainstat " + mainStat.panelOpen);
								$(this).click(function () {
								//console.log("click: " + time1.getTime()); 
								
								var status = this.status;
								var target = $(this).find("ul");
										
									//console.log("comparing statusPanelOpen: " + getStatus("panelOpen") + " with panelNumberOpen: "+ this.status.panelNumber);
									if ((getStatus("panelOpen") == this.status.panelNumber) && (prevNumber != -1)) {
										//console.log("ssss: " + $(this).attr("class"));
										$(this).find("../ul").slideUp("slow");
										//this.status.panelOpen = false;
										prevNumber = -1;
										//console.log("to: " + getStatus("panelOpen") + " : " + this.status.panelNumber);
									}
									else {
										//console.log("setting mainStat.panelOpen to " + this.status.panelNumber);
										setStatus({panelOpen: this.status.panelNumber});
										var panelNumberr = parseInt(this.status.panelNumber);
										var counter = 0;
										var counterIn = 0;
										
										$("li.panel > a").each(function() {
											//console.log("counter: " + counter + " - " + "panelNumber: " + panelNumberr);
											//console.log(prevNumber);
											if(prevNumber == -1){
												//console.log("there is no previous panel");
												if(counter == panelNumberr){
													$(this).find("../ul").slideDown("slow");
													this.status.panelOpen = true;
													prevNumber = counter;
													//console.log("previous Number: " + prevNumber);
												}
												
											}
											else {
												//console.log("counter: " + counter + " prev: " + prevNumber);
												if(counter == prevNumber) {
												//$(this).find("ul").slideUp("slow");
													$(this).find("../ul").slideUp("slow", function(){
													
														$("li.panel > a").each(function(){
															//console.log("asd " + parseInt(panelNumberr) + "licani: " + counterIn);
															if(counterIn == parseInt(panelNumberr)) {
																$(this).find("../ul").slideDown("slow");
																//this.status.panelOpen = true;
																prevNumber = counterIn;
																//alert("raedk!");
															}
															counterIn++;
														});
														//counterIn++;				
													});
												
												}
												
											}
											counter++;
										});
										
									}
								});			
								
							});	
							
					
						});
						
						
				
					function pvInit() {
						var imageSelector = "ul.content-images>li>img";
						var viewerRef = $(".content-project");
						var imageArr = $(imageSelector);
						var buttonString = "";
						
						
						var initSpacer = "";
						var printArea = "";
						
						/* printing bits */
						printArea += '<div class="projectCredits">' + $("pCredits").html() + '</div>\n<div class="printInfoLayer">' + $(".content-project-text").html() + '</div>\n<div class="printPictures">\n';
						
						var i =0;						
						
						$(imageSelector).each( function () {
							i++;
							$(this).attr("id",  imageIDroot+i);
							if (i>1) $(this).hide(400);
							buttonString += initSpacer + '<li><a href="#" onclick="pvShowImage(' + i + ');return false" id="pvButton'+i+'">'+i+'<\/a><\/li>';
							printArea += '<img src="' + $(this).attr('src') + '" alt="" />';
						});
						
						pvImageCount = i;
						$("#pvImageButtons").html($("#pvImageButtons").html() + buttonString);
						
						if (imageArr.length>0) {

							/* printing bits */
							printArea += '</div>\n';
							$("#hideForPrint").html(printArea);
							$(".content-project-text").fadeOut(200);
							
							pvCurrentImage = 1;
							
							pvInfoOpen = false;
						
							pvPlayImages();
						} else {
							/*
								Simple catch for no images in block
							*/
						}
						
						
					}


					function pvPlayImages() {
						if (!pvCurrentImage) pvCurrentImage = 0;
						pvCurrentTimer = window.setInterval("pvShowNextImage()", picTimeout);
						pvPlaying = true;
						
					}
					
					function pvShowNextImage(increment) {

						var nextImage;
						if (!increment) increment = 1;
						
						nextImage = pvCurrentImage+increment;
						
				
						if (nextImage > pvImageCount) nextImage = 1;
						pvShowImage(nextImage, true);
						pvHideInfo();
					}
					
					function pvShowImage(imageNo, dontPause) {
	//						console.log("showImage(" + imageNo + ")" + pvCurrentImage);
						
						// reset the alt class on currentImage button
						$("#pvButton"+pvCurrentImage).removeClass("alt");
						
						
						if (pvInfoOpen) {
							pvHideInfo();
						}
						
						if (imageNo != pvCurrentImage) {
							$("#" + imageIDroot + pvCurrentImage).fadeOut(400);
							$("#" + imageIDroot + imageNo).fadeIn(400);
						}		
						pvCurrentImage = imageNo;
						
						$("#pvButton"+pvCurrentImage).addClass("alt");
						
						if (!dontPause) {
							pvTogglePausePlay(false);
						}
						
						
						
						return false;
					}
				
					function pvTogglePausePlay(setPlayPause) {
//						if ((pvInfoOpen && !pvPlaying)||(!pvInfoOpen && pvPlaying)) pvToggleInfo(false);
						//pvToggleInfo(false);
						// if setPlayPause is true or false then set that value otherwise toggle playing
						if (setPlayPause != undefined) {
							pvPlaying = setPlayPause;
						} else {
							pvPlaying = !pvPlaying;
							pvToggleInfo(false);
						}
						
						if (pvPlaying) {
							if (pvCurrentTimer == undefined) {
								pvCurrentTimer = window.setInterval("pvShowNextImage()", picTimeout);
								
								$("#pauseText").html("||");
								$("#pauseText").removeClass("alt");
							}
						} else {
							if (pvCurrentTimer != undefined) {
								window.clearInterval(pvCurrentTimer);
								pvCurrentTimer = undefined;
								$("#pauseText").html("&gt;");
								$("#pauseText").addClass("alt");
								
							}
						
						}
					}
					
					
					function pvToggleInfo(setInfoOpen) {
						// alert("dsdsdasd");
						 if (setInfoOpen != undefined) {
		
							if (setInfoOpen) {
								if (pvInfoOpen) {
									// do nothing
								} else {
									pvShowInfo();
								}
							
							} else {
									pvHideInfo();
							}

						} else {
					
							if (!pvInfoOpen) {
								pvShowInfo();					
							} else {
								pvHideInfo();
							}
							pvTogglePausePlay(!pvInfoOpen);
						}
						
					}

					
					function pvShowInfo() {
						$(".content-project-text").fadeIn(400);
						$(".content-project-text").fadeTo("fast", pvInfoBGopacity);
						
						pvInfoOpen = true;
						$("#infoButton").addClass("alt");
						return false;
							
					}
					
					function pvHideInfo() {
						if (pvInfoOpen) $(".content-project-text").fadeTo("fast", 0)
						else $(".content-project-text").hide(0);
						pvInfoOpen = false;
						$("#infoButton").removeClass("alt");
						return false;
						
					}