// PageLoad function
// This function is called when:
// 1. after calling $.historyInit();
// 2. after calling $.historyLoad();
// 3. after pushing "Go Back" button of a browser
var progress_timeout = 0;
var right_hidden = false;

function pageload(hash) {
  // hash doesn't contain the first # character.
  if(hash) {
//    var photo_match = hash.match(/album\/(\d+)\/photo\/(\d+)/);
//    if (photo_match && window.current_photo && window.current_album && current_album == photo_match[1] && current_photo == photo_match[2]) {
//      return;
//    }
    // restore ajax loaded state
    showProgressBar();
    pageTracker._trackPageview(hash);
    $("#middle_column_stub").load(hash, "ajax=1", onHistoryStep);
  } else if (!$("#first_load")[0]) {
    // no start page shown, start page
    showProgressBar();
    $("#middle_column_stub").load("main/index", "", onHistoryStep);
  } else {
    // on a start page
    $("#middle_column_stub").css({ visibility: "visible" });
    updateRightColumn();
  }
}

function showProgressBar() {
  progress_timeout = setTimeout(function() {
    var middle_height = $("#middle_column").height();
    var middle_width = $("#middle_column").width();
    var bar_top_margin = Math.min(parseInt((middle_height - 28) / 2), (window.innerHeight - 28) / 2) || 0;
    var bar_left_margin = ((middle_width - 220) / 2) || 0;
    $("#progress_overlay_main").height(middle_height - 16);
    $("#progress_overlay_main").width(middle_width);
    $("#progress_bar").css({ marginTop: bar_top_margin, marginLeft: bar_left_margin });
    $("#progress_overlay").show();
    $("#progress_bar").show();
  }, 300);
}

function onHistoryStep(responseText, textStatus, XMLHttpRequest) {
  clearTimeout(progress_timeout);
  $("#progress_overlay").hide();
  $("#progress_bar").hide();
  if (textStatus == "success") {
    $("#middle_column_stub").css({ visibility: "visible" });
    initHijaxedLinks(false);
    updateRightColumn();
  }
}

function updateRightColumn() {
  var hash = window.location.hash;
  var search_str = (hash.length == 0 || window.location.href.match(/^photo\d+-\d+/)) ? window.location.href : hash;
  var wide_pages = [ "schedule", "gallery/album", "gallery/photo" ];
  var wide_page = false;
  var i, k = wide_pages.length;
  for (i = 0; i < k; i++) {
    if (search_str.indexOf(wide_pages[i]) != -1) {
      wide_page = true;
      break;
    }
  }
  if (wide_page) {
    $(".right_column").hide();
    $(".middle_column").width(745);
    right_hidden = true;
  } else if (right_hidden) {
    $(".right_column").show();
    $(".middle_column").width(525);
    right_hidden = false;    
  }
}

function initHijaxedLinks(all) {
  var selector = all ? "a[rel='remote']" : "#middle_column a[rel='remote']";
  $(selector).click(function(){
		var hash = this.href;
		hash = hash.replace(/^.*#/, '');
		// moves to a new page. 
		// pageload is called at once. 
		$.historyLoad(hash);
		return false;
	});
}

function highlightSchedule(row, dim) {
  if (!dim) {
    $("#schedule_row_" + row).addClass("active_row"); 
  } else {
    $("#schedule_row_" + row).removeClass("active_row"); 
  }
  return;
}

function showInstantPrices() {
  $("#instalments_prices").hide();
  $("#instalments_duration").css("visibility", "hidden");
  $("#instant_prices").show();
  $("#show_instant_prices").hide();
  $("#show_instalments_prices").show();
  return false;
}

function showInstalmentsPrices() {
  $("#instant_prices").hide();
  $("#instalments_prices").show();
  $("#instalments_duration").css("visibility", "visible");
  $("#show_instalments_prices").hide();
  $("#show_instant_prices").show();
  return false;
}

function showNextPhoto(e) {
  current_num++;
  if (current_num == photos_count) {
    current_num = 0;
  }
  showPhoto(current_num);
  return false;
}

function showPrevPhoto() {
  current_num--;
  if (current_num == -1) {
    current_num = photos_count - 1;
  }
  showPhoto(current_num);
  return false;
}

function showPhoto(num) {
  current_photo = photos[current_num].id;
  var photo = photos[current_num];
  $("#photo")[0].src = photoUrl(photo.f);
  $("#photo_info")[0].innerHTML = "Добавлена " + photo.u + " " + photo.dt;
  $("#photo_description")[0].innerHTML = photo.ds;
  $("#current_num")[0].innerHTML  = current_num + 1;
  $.historyLoad(window.location.hash.replace(/^#(.*)photo\/\d+/, "\$1photo/" + current_photo), true);
  preloadPhotos();
}

function preloadPhotos() {
  var i, j = current_num;
  for (i = 0; i < 5; i++) {
    j++;
    if (j == photos_count) {
      j = 0;
    }
    var img = new Image();
    img.src = photoUrl(photos[j].f);
  }
}

function photoKeyup(e) {
  if (e.which == 37) {
    showPrevPhoto();
  } else if (e.which == 39) {
    showNextPhoto();
  }
}

function photoUrl(filename) {
  return photos_root + filename;
}

function youtubify(container) {
//
  $(container + " .ytplayer").each(function() {
    var video_id = $(this).html();
    var container_id = $(this).attr("id");
    var params = { allowScriptAccess: "always" };
    var atts = { id: container_id };
    swfobject.embedSWF("http://www.youtube.com/v/" + video_id + "&enablejsapi=1&playerapiid=" + container_id + "&ap=%2526fmt%3D22", 
        container_id, "480", "385", "8", null, null, params, atts);

  });
//  */
  $(container + " img[rel]").overlay({
    effect: 'apple',
    expose: '#000',
    onLoad: function(content) { try { this.getOverlay().find("object")[0].playVideo(); } catch(e) {} },
    onClose: function(content) { try { this.getOverlay().find("object")[0].stopVideo(); } catch(e) {} }
  });
  // */
}

/* **********************
   Event Handlers
   These are my custom event handlers to make my
   web application behave the way I went when SWFUpload
   completes different tasks.  These aren't part of the SWFUpload
   package.  They are part of my application.  Without these none
   of the actions SWFUpload makes will show up in my application.
   ********************** */
function fileQueued(file) {
	try {
		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setStatus("Ожидание начала...");
		progress.toggleCancel(true, this);
	} catch (ex) {
		this.debug(ex);
	}

}

function fileQueueError(file, errorCode, message) {
	try {
		if (errorCode === SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED) {
			alert("You have attempted to queue too many files.\n" + (message === 0 ? "You have reached the upload limit." : "You may select " + (message > 1 ? "up to " + message + " files." : "one file.")));
			return;
		}

		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setError();
		progress.toggleCancel(false);

		switch (errorCode) {
		case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
			progress.setStatus("File is too big.");
			this.debug("Error Code: File too big, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
			progress.setStatus("Cannot upload Zero Byte files.");
			this.debug("Error Code: Zero byte file, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
			progress.setStatus("Invalid File Type.");
			this.debug("Error Code: Invalid File Type, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		default:
			if (file !== null) {
				progress.setStatus("Unhandled Error");
			}
			this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		}
	} catch (ex) {
        this.debug(ex);
    }
}

function fileDialogComplete(numFilesSelected, numFilesQueued) {
	try {
//		if (numFilesSelected > 0) {
//			document.getElementById(this.customSettings.cancelButtonId).disabled = false;
//		}
		
		/* I want auto start the upload and I can do that here */
  	this.startUpload();
//		this.startResizedUpload(null, 715, 1000, SWFUpload.RESIZE_ENCODING.JPEG, 85, false);
	} catch (ex)  {
        this.debug(ex);
	}
}

function uploadStart(file) {
	try {
		/* I don't want to do any file validation or anything,  I'll just update the UI and
		return true to indicate that the upload should start.
		It's important to update the UI here because in Linux no uploadProgress events are called. The best
		we can do is say we are uploading.
		 */
		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setStatus("<b>Загрузка...</b>");
		progress.toggleCancel(true, this);
	}
	catch (ex) {}
	
	return true;
}

function uploadProgress(file, bytesLoaded, bytesTotal) {
	try {
		var percent = Math.ceil((bytesLoaded / bytesTotal) * 100);

		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setProgress(percent);
		progress.setStatus("<b>Загрузка...</b>");
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadSuccess(file, serverData) {
	try {
		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setComplete();
		progress.setStatus("<img src=\'" + serverData.replace(/[^a-z0-9/.]+/g, '') + "\'><br/><b>Загружен.</b>");
		progress.toggleCancel(false);
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadError(file, errorCode, message) {
	try {
		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setError();
		progress.toggleCancel(false);

		switch (errorCode) {
		case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
			progress.setStatus("Upload Error: " + message);
			this.debug("Error Code: HTTP Error, File name: " + file.name + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
			progress.setStatus("Upload Failed.");
			this.debug("Error Code: Upload Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.IO_ERROR:
			progress.setStatus("Server (IO) Error");
			this.debug("Error Code: IO Error, File name: " + file.name + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
			progress.setStatus("Security Error");
			this.debug("Error Code: Security Error, File name: " + file.name + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
			progress.setStatus("Upload limit exceeded.");
			this.debug("Error Code: Upload Limit Exceeded, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
			progress.setStatus("Failed Validation.  Upload skipped.");
			this.debug("Error Code: File Validation Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:
			// If there aren't any files left (they were all cancelled) disable the cancel button
//			if (this.getStats().files_queued === 0) {
//				document.getElementById(this.customSettings.cancelButtonId).disabled = true;
//			}
			progress.setStatus("<b>Отменено</b>");
			progress.setCancelled();
			break;
		case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
			progress.setStatus("<b>Остановлено</b>");
			break;
		default:
			progress.setStatus("Unhandled Error: " + errorCode);
			this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		}
	} catch (ex) {
        this.debug(ex);
    }
}

function uploadComplete(file) {
//	if (this.getStats().files_queued === 0) {
//		document.getElementById(this.customSettings.cancelButtonId).disabled = true;
//	}
}

// This event comes from the Queue Plugin
function queueComplete(numFilesUploaded) {
	var status = document.getElementById("divStatus");
	status.innerHTML = numFilesUploaded + " file" + (numFilesUploaded === 1 ? "" : "s") + " uploaded.";
}

// Constructor
// file is a SWFUpload file object
// targetID is the HTML element id attribute that the FileProgress HTML structure will be added to.
// Instantiating a new FileProgress object with an existing file will reuse/update the existing DOM elements
function FileProgress(file, targetID) {
	this.fileProgressID = file.id;

	this.opacity = 100;
	this.height = 0;
	

	this.fileProgressWrapper = document.getElementById(this.fileProgressID);
	if (!this.fileProgressWrapper) {
		this.fileProgressWrapper = document.createElement("div");
		this.fileProgressWrapper.className = "progressWrapper";
		this.fileProgressWrapper.id = this.fileProgressID;

		this.fileProgressElement = document.createElement("div");
		this.fileProgressElement.className = "progressContainer";

		var progressCancel = document.createElement("a");
		progressCancel.className = "progressCancel";
		progressCancel.href = "#";
		progressCancel.style.visibility = "hidden";
		progressCancel.appendChild(document.createTextNode(" "));

		var progressText = document.createElement("div");
		progressText.className = "progressName";
		progressText.appendChild(document.createTextNode(file.name));

		var progressBar = document.createElement("div");
		progressBar.className = "progressBarInProgress";

		var progressStatus = document.createElement("div");
		progressStatus.className = "progressBarStatus";
		progressStatus.innerHTML = "&nbsp;";

		this.fileProgressElement.appendChild(progressCancel);
		this.fileProgressElement.appendChild(progressText);
		this.fileProgressElement.appendChild(progressStatus);
		this.fileProgressElement.appendChild(progressBar);

		this.fileProgressWrapper.appendChild(this.fileProgressElement);

		document.getElementById(targetID).appendChild(this.fileProgressWrapper);
	} else {
		this.fileProgressElement = this.fileProgressWrapper.firstChild;
		this.reset();
	}

	this.height = this.fileProgressWrapper.offsetHeight;
	this.setTimer(null);


}

FileProgress.prototype.setTimer = function (timer) {
	this.fileProgressElement["FP_TIMER"] = timer;
};
FileProgress.prototype.getTimer = function (timer) {
	return this.fileProgressElement["FP_TIMER"] || null;
};

FileProgress.prototype.reset = function () {
	this.fileProgressElement.className = "progressContainer";

	this.fileProgressElement.childNodes[2].innerHTML = "&nbsp;";
	this.fileProgressElement.childNodes[2].className = "progressBarStatus";
	
	this.fileProgressElement.childNodes[3].className = "progressBarInProgress";
	this.fileProgressElement.childNodes[3].style.width = "0%";
	
	this.appear();	
};

FileProgress.prototype.setProgress = function (percentage) {
	this.fileProgressElement.className = "progressContainer green";
	this.fileProgressElement.childNodes[3].className = "progressBarInProgress";
	this.fileProgressElement.childNodes[3].style.width = percentage + "%";

	this.appear();	
};
FileProgress.prototype.setComplete = function () {
	this.fileProgressElement.className = "progressContainer blue";
	this.fileProgressElement.childNodes[3].className = "progressBarComplete";
	this.fileProgressElement.childNodes[3].style.width = "";

	var oSelf = this;
	this.setTimer(setTimeout(function () {
		oSelf.disappear();
	}, 10000));
};
FileProgress.prototype.setError = function () {
	this.fileProgressElement.className = "progressContainer red";
	this.fileProgressElement.childNodes[3].className = "progressBarError";
	this.fileProgressElement.childNodes[3].style.width = "";

	var oSelf = this;
	this.setTimer(setTimeout(function () {
		oSelf.disappear();
	}, 5000));
};
FileProgress.prototype.setCancelled = function () {
	this.fileProgressElement.className = "progressContainer";
	this.fileProgressElement.childNodes[3].className = "progressBarError";
	this.fileProgressElement.childNodes[3].style.width = "";

	var oSelf = this;
	this.setTimer(setTimeout(function () {
		oSelf.disappear();
	}, 2000));
};
FileProgress.prototype.setStatus = function (status) {
	this.fileProgressElement.childNodes[2].innerHTML = status;
};

// Show/Hide the cancel button
FileProgress.prototype.toggleCancel = function (show, swfUploadInstance) {
	this.fileProgressElement.childNodes[0].style.visibility = show ? "visible" : "hidden";
	if (swfUploadInstance) {
		var fileID = this.fileProgressID;
		this.fileProgressElement.childNodes[0].onclick = function () {
			swfUploadInstance.cancelUpload(fileID);
			return false;
		};
	}
};

FileProgress.prototype.appear = function () {
	if (this.getTimer() !== null) {
		clearTimeout(this.getTimer());
		this.setTimer(null);
	}
	
	if (this.fileProgressWrapper.filters) {
		try {
			this.fileProgressWrapper.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 100;
		} catch (e) {
			// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
			this.fileProgressWrapper.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
		}
	} else {
		this.fileProgressWrapper.style.opacity = 1;
	}
		
	this.fileProgressWrapper.style.height = "";
	
	this.height = this.fileProgressWrapper.offsetHeight;
	this.opacity = 100;
	this.fileProgressWrapper.style.display = "";
	
};

// Fades out and clips away the FileProgress box.
FileProgress.prototype.disappear = function () {

	var reduceOpacityBy = 15;
	var reduceHeightBy = 4;
	var rate = 30;	// 15 fps

	if (this.opacity > 0) {
		this.opacity -= reduceOpacityBy;
		if (this.opacity < 0) {
			this.opacity = 0;
		}

		if (this.fileProgressWrapper.filters) {
			try {
				this.fileProgressWrapper.filters.item("DXImageTransform.Microsoft.Alpha").opacity = this.opacity;
			} catch (e) {
				// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
				this.fileProgressWrapper.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + this.opacity + ")";
			}
		} else {
			this.fileProgressWrapper.style.opacity = this.opacity / 100;
		}
	}

	if (this.height > 0) {
		this.height -= reduceHeightBy;
		if (this.height < 0) {
			this.height = 0;
		}

		this.fileProgressWrapper.style.height = this.height + "px";
	}

	if (this.height > 0 || this.opacity > 0) {
		var oSelf = this;
		this.setTimer(setTimeout(function () {
			oSelf.disappear();
		}, rate));
	} else {
		this.fileProgressWrapper.style.display = "none";
		this.setTimer(null);
	}
};