// JavaScript Document
ajax_image_url = "/scotland/tv/rivercity/includes/ajax_gallery_image.shtml";
loader_img_url = "/scotland/tv/rivercity/images/furniture/java-loader.gif";

$(document).ready(function(){
	$(".nav").bind("click", function(e){
		th = $(this);
		$(".image_img").hide();
		$(".image_img").after('<div id="whizzbang" style="display:none"><img src="' + loader_img_url + '"></div>');
		$("#whizzbang").fadeIn("slow");
		var href = $(this).attr("href");
		$(".nav").each(function(){
			if($(this).attr("href") == href){
				$(this).addClass("activeimg");
			} else {
				$(this).removeClass("activeimg");
			}
		});
		
		e.preventDefault();
		t = $(this).attr("href");
		qs = t.split("?")[1];
		vars = qs.split("&");
		$.each(vars, function(n){
			t = vars[n].split("=");
			var name = t[0];
			var value = t[1];
			
			if(name == "gallery"){
				_gallery = value;
			}
			if (name== "photo"){
				_img = value;
			}
		});
		
		$.getJSON(ajax_image_url, { gallery: _gallery, image: _img },function(data){
			  $('<img src="'+ data.image +'" alt="'+ data.alt +'"/>').load(function(){
				$("#whizzbang").remove();
				$(".image_img").attr("src", data.image);
				$(".image_img").attr("alt", data.alt);
				$(".image_img").fadeIn("slow");
				$(".caption_img").empty().append(data.caption);
				if(data.prev == ""){
					$(".prev_img").css("display", "none");
				} else {
					$(".prev_img").css("display", "");
					$(".prev_img").attr("href", gallery_base_url + _gallery + "&photo=" + data.prev);
				}
				$(".this_img").attr("href", gallery_base_url + _gallery + "&photo=" + _img);
				$(".this_img").empty().append(data.number);				
				if(data.next == ""){
					$(".next_img").css("display", "none");
				} else {
					$(".next_img").css("display", "");
					$(".next_img").attr("href", gallery_base_url + _gallery + "&photo=" + data.next);
				}
			 });
		   }
		 );
	});
});
$(document).ready(function(){
	$("#photos/h3").append('<span class="opcl open" />');
	$(".opcl").bind("click",function(e){
		$(".photo_holder").slideToggle('normal');
		$(this).toggleClass("close").toggleClass("open");
		//$(this).empty().append("Open");
		e.preventDefault();
	});
});