var THUMBS = document.getElementById("thumbs");
var CL = document.getElementById("thumbs_left");
var CR = document.getElementById("thumbs_right");
var PI = document.getElementById("placeholder_img");
var PT = document.getElementById("placeholder_txt");

var delta = 0;
var view_width = 684;
var container_array = THUMBS.getElementsByTagName("LI");
var total_images = container_array.length
var thumbs_width = 114 * total_images;
var selected_img = 0;

$("#thumbs_left").click(function() {slide("left"); return false;});
$("#thumbs_right").click(function() {slide("right"); return false;});

//Starting conditions
$("#thumbs_left").css("display", "none");
$("#img_left").css("backgroundPosition", "0 -100px");
$("#img_left").css("cursor", "default");


$("#thumbs li a").click(function() {view_image(this); return false;});
$("#img_left").click(function() {img("left"); $("#img_left").blur(); return false;});
$("#img_right").click(function() {img("right"); $("#img_right").blur();  return false;});

function close_gallery() {
	$("#gallery").css("display", "none");
	$("#cover").css("display", "none");
	//$("#stylesheet").attr("href", "c/layout.css");
	//$(".page").css("display", "block");
}
function init_gallery() {
	delta = 0;
	view_width = 684;
	container_array = new Array();
	container_array = THUMBS.getElementsByTagName("LI");
	total_images = container_array.length
	thumbs_width = 114 * total_images;
	selected_img = 0;
	
	//$("#stylesheet").attr("href", "c/gallery.css"); 
	//$(".page").css("display", "none");
	window.scroll(0, 0);
	$("#cover").css("height", $(document).height());
	$("#gallery").css("height", $(document).height());
	$("#cover").css("display", "block");
	$("#gallery").css("display", "block");
	$("#close_gallery").click(function() {close_gallery(); return false})
	$("#cover").css("height", $(".page").height());
	$("#thumbs").css("left", 0);
	$("#thumbs").css("width", thumbs_width + "px");
	if($("#cover").height() < 790) {
  $("#cover").css("height", "790px");
 }
	for(var i=0; i < total_images; i++) {
		$(container_array[i].childNodes[0]).attr("rel", i);
	}
	
	$("#placeholder_flash").css("display", "none");
	
	view_image(container_array[Number(selected_img)].childNodes[0]);
}
$(window).resize(function(){
	$("#cover").css("height", $(document).height());
	$("#gallery").css("height", $(document).height());
});


function slide(dir) {
	if(dir == "left") {
		if(0 == Math.abs(delta)) {
			//alert("full left");
		} else if(delta < 0) {
                 if(delta+view_width > 1) {
                 delta = -view_width;
             }
			$("#thumbs").animate({left: delta+view_width}, 500, toEnd);
			delta = delta + view_width;
		}
	} else if(dir == "right") {
		if(thumbs_width <= Math.abs(delta) + view_width) {
			//alert("full right");
		} else {
                if(delta-view_width <= view_width - thumbs_width) {
                delta = 2*view_width - thumbs_width;
             }
			$("#thumbs").animate({left: delta-view_width}, 500,toEnd);
			delta = delta - view_width;
		}
	} else if("index") {
		$("#thumbs").animate({left: 0 - selected_img*114}, 500,toEnd);
		delta = 0 - selected_img*114;
	}
}

function view_image(o) {
	if(!/flash/.test(o.className)) {
	    $("#canvas").css("height", "636px");
		var new_img = new Image();
		new_img.src = o.href;
		new_img.alt = o.title;
		$("#placeholder_img img").replaceWith(new_img);
		$(new_img).load(function () {
                $("#canvas").css("height", $("#placeholder_img").height() + 20 + $("#placeholder_txt").height());
		});


		$("#placeholder_flash").css("display", "none");
		$("#placeholder_img").css("display", "block");
		$("#placeholder_flash").empty();
	} else {
	$("#canvas").css("height", "auto");
		$("#placeholder_flash").empty();
		$("#placeholder_flash").flash({
			src: "/f/video.swf",
			width: 800,
			height: 600,
			allowFullScreen: true,
			flashvars: { sourceFile: o.href}
		});
		$("#placeholder_img").css("display", "none");
		$("#placeholder_flash").css("display", "block");
	}
	$("#thumbs li a").removeClass("selected");
    if(o.title == "") {
                    $("#placeholder_txt").css("visibility","hidden");
    }
    else {
                    $("#placeholder_txt").css("visibility","visible");
    }
	$("#placeholder_txt").html(o.title);
	$(o).addClass("selected");
	selected_img = $(o).attr("rel");
	slide("index");
}
function img(dir) {
	if(dir == "left") {
		if(selected_img > 0) {
			view_image(container_array[Number(selected_img)-1].childNodes[0]);
		} else {
			//alert("full left");	
		}
	} else if(dir == "right") {
		if(selected_img < total_images-1) {
			view_image(container_array[Number(selected_img)+1].childNodes[0]);
		} else {
			//alert("full right");	
		}
	}
}
function toEnd() {
                //Left end
                if(0 == Math.abs(delta)) {
                                $("#thumbs_left").css("display", "none");

                }
                else {
                                $("#thumbs_left").css("display", "block");
                }
                
                //Right end
                if(thumbs_width <= Math.abs(delta) + view_width) {
                                $("#thumbs_right").css("display", "none");

                }
                else { 
                                $("#thumbs_right").css("display", "block");

                }
                
                if(selected_img <= 0) {
                                                                                $("#img_left").css("backgroundPosition", "0 -100px");
                                                $("#img_left").css("cursor", "default");
                                                $("#img_right").removeAttr("style");
                }
                else if(selected_img >= total_images-1) {
                                                                                $("#img_right").css("backgroundPosition", "0 -100px");
                                                $("#img_right").css("cursor", "default");
                                                $("#img_left").removeAttr("style");
                }
                else {
                                                                                $("#img_left").removeAttr("style");
                                                $("#img_right").removeAttr("style");
                }
}