// Ver 1.0.110414 mod sfb2

$(document).ready(function() {

	// AJAX Pages Loader

	$("a[rel=link1]").click(loadPage);

	// Init document

	documentInit();

});

$(window).load(function() {

	$("#area1").css("backgroundImage", "url(images/pixel.gif)");

});

function loadPage(pagelink) {

	var href;

	if (typeof pagelink == "string")
		href = pagelink;
	else
		href = this.href;

	if (window.Admin) {

		window.location.href = href;

		return false;

	}

	$("#area2").stop(true, true);
	$("#area2").animate({height: 22}, 500, "swing", function() {

		$("#progressbar1").css("display", "block");
		$("#pathline1").css("opacity", 0);

		$.ajax({
			type: "GET",
			url: href,
			data: {
				src: "ajax",
				actionclass: "page",
				action: "get"
			},
			dataType: "xml",
			success: function(xml) {

				$("#progressbar1").css("display", "none");
				$("#contents1").html($(xml).find("contents").text());
				$("#pathline1").html($(xml).find("path").text());

				documentInit();

				$("#pathline1").animate({opacity: 1}, 1000);
				$("#area2").animate({height: $("#contents1").height() + 40}, 500);

			}

		});

	});

	return false;

}

function jVideoControl(selector, action) {

	var video = null;

	if (video = $(selector).get(0)) {

		if (video.player)
			video = video.player;

		if (action == "play")
			if (video.play)
				video.play();

		if (action == "pause")
			if (video.pause)
				video.pause();

	}

}

function documentInit() {

	// Auto columns by Column with class ColumnS

	$(".columns").find(".column").autocolumns();

	// Auto columns by AutoColumns

	$(".autocolumns3").removeClass().addClass("columns3").columnize({columns: 3}).find(".column").attr("style", " ").removeClass().addClass("col1").html(function() { return $("<div></div>").addClass("pad1").html($(this).html()); });
	$(".autocolumns2").removeClass().addClass("columns2").columnize({columns: 2}).find(".column").attr("style", " ").removeClass().addClass("col1").html(function() { return $("<div></div>").addClass("pad1").html($(this).html()); });
	$(".autocolumns1").removeClass().addClass("columns1").columnize({columns: 1}).find(".column").attr("style", " ").removeClass().addClass("col1").html(function() { return $("<div></div>").addClass("pad1").html($(this).html()); }).html();
	$(".columns1").append("<div class=clear></div>");

	// Auto columns by Column

	$(".column").autocolumns();

	// Init LightBox

        $(".images1").each(function() {

		$(this).find("a").lightBox({
			overlayBgColor: "#000000",
			overlayOpacity: 0.8,
			imageLoading: "images/lightbox/loading_02.gif",
			imageBtnPrev: "images/lightbox/prev.png",
			imageBtnNext: "images/lightbox/next.png",
			imageBtnClose: "images/lightbox/close.png",
			imageBlank: "images/lightbox/blank.gif",
			containerBorderSize: 10,
			containerResizeSpeed: 200,
			txtImage: "",
			txtOf: "/"
		});

		$(this).find(".collection1").click(function(e) {

			var evt = e || window.event

			$(this).css({display: "none"})

			var starter = document.elementFromPoint(evt.clientX, evt.clientY)

			$(this).css({display: "block"})

			$(starter).click()

		});

	});

	// Init video players

	$("#contents1").find("video[class=video-js]").VideoJS({
		preload: false
	});

	// Init video links

	$("a[rel=videolink1]").click(function() {

		var element = this;

		$.ajax({
			type: "GET",
			url: "index.php",
			data: {
				src: "ajax",
				action: "window",
				actionclass: "video",
				url: $(this).attr("href")
			},
			dataType: "html",
			success: function(data) {

				$.fn.colorbox({
					returnFocus: false, 
					html: data,
					opacity: 0.8,
					scrolling: false,
					onComplete: function() {

						jVideoControl("#backs1 video", "pause");

						$("#colorbox video").VideoJS();

						setTimeout(function() {

							jVideoControl("#colorbox video", "play");

						}, 0);

					},
					onClosed: function() {

						jVideoControl("#backs1 video", "play");

						$("#colorbox video").remove();
			
					}
				});

			}
		});

		return false;

	});

}