var container_width = 562; //the overflow hidden container width
var min_left = -560;
var per_thumb = 70.25;	//overflow container width divided by the number of thumbs being shown at a time
var current_left = 0;
var large_src = "";


window.onload = function()
{
	var thumb_count = $(".thumbs").length;
	$("#gallery-thumb-holder").css("width",(thumb_count*per_thumb));
	var links = $(".thumbs a");
	for(x=0;x<links.length;x++)
	{
		$(links[x]).click(function()
		{
			diG_Med($(this).attr("href"),$(this).attr("rel"));
			return false;
		});
	}
	
}


function diG_Scroll(dir)
{
	thumb_count = $(".thumbs").length;
	var max_left = ((thumb_count*per_thumb)*-1);
	
	if (dir=='right')
	{
		if (current_left>=min_left) current_left -= 560;
	}
	
	if (dir=='left')
	{
		if (current_left<0) current_left += 560;
	}
	
	 $("#gallery-thumb-holder").animate({ 
		left: current_left+"px"
      }, 650);

	
}

function diG_Med(src,lsrc)
{
	var img = new Image();
	$("#ajax-loader").fadeIn("fast");
	var a1 = '<a href="'+lsrc+'">';
	var a2 = '</a>';
	
	large_src = lsrc;
	
	
	$(img).load(function () {
		$(this).hide();
		$("#ajax-loader").fadeOut("fast");
		var loaderHTML = '<div id="ajax-loader"><img src="/assets/img/default/ajax-load.gif" /></div>';
		$('.large-image').html(loaderHTML);
		$('.large-image').append(this);
		$(this).fadeIn();
		
		$('.large-image').unbind('click');

		$(".large-image").click(function()
		{
			diG_Large(lsrc);
			return false;
		});
		
		
	}).error(function () {
		//put something here
	}).attr('src', src);
}

function diG_Large(lsrc)
{
	var img = new Image();
	$("#ajax-loader").fadeIn("fast");
	$(img).load(function () {
		$(this).hide();
		
	
		var closeHTML = "<div id='gallery-large-close'><a href='javascript: dig_LargeClose();'><img src='/assets/img/gallery/icon-close.png'/></a></div>";
		$("#ajax-loader").fadeOut("fast");
		$('#gallery-large-view').css("left","48%");
		
		$('#gallery-large-view').html(this);
		$('#gallery-large-view').append(closeHTML);
		$('#gallery-large-view').fadeIn();
		
		
		var imgWidth = $("#gallery-large-view img:first").width();
		var imgWidthOffset = ((imgWidth/2)*-1);
		$('#gallery-large-view').css("margin-left",imgWidthOffset);
		$(this).fadeIn();
		
	}).error(function () {
	}).attr('src', lsrc);
	
	
}


function dig_LargeClose()
{
	$("#gallery-large-view").fadeOut("slow");
	
}