$(document).ready(function(){
	
	$('.rounded').corners();
	
	gallery = $('#gallery-nav a.selected').attr('gal');
	preloadGallery(gallery);
	
	$("#gallery-nav a").live("click", function(event) {
		event.preventDefault();
		$('#gallery-nav .selected').removeClass('selected');
		$(this).addClass('selected');
		active_gal = $(this).attr('gal');
		switchActiveGal(active_gal);
	});

	$("#main-image").live("click", function(event) {
		event.preventDefault();
		var active_image = parseInt($("#image-nav .selected").html());
		var active_gal = $('#gallery-nav a.selected').attr('gal');
		var next_image = nextImageNumber(active_gal,active_image);
		switchToImage(active_gal,next_image);
	});
	
	$("#image-nav a").live("click", function(event) {
		event.preventDefault();
		next_image = $(this).attr("index");
		var active_gal = $('#gallery-nav a.selected').attr('gal');
		switchToImage(active_gal,next_image);
	});
		
});

function switchActiveGal(gal) {
$.ajax({
	url:'./nav.php?gal='+gal,
	success: function(response) {
		$('#gallery-nav-holder').html(response);
	}
});
preloadGallery(gal);
switchToImage(gal,1);
}

function switchToImage(gal,img) {
$.ajax({
	 url: './main-image.php?gal='+gal+'&image='+img,
	 success: function(response) {
	 	$('#main-image-holder').hide();
		$('#image-nav .selected').removeClass("selected");	
		$('a[index='+img+']').addClass("selected");
		$('#main-image-holder').html(response);
		$('#main-image-holder').fadeIn('800');		
		//	$('#image-caption').width(864-$('#main-image').width());
		
	 }
 });	
}

function nextImageNumber(gal, current_image) {
	if ((current_image+1) > (parseInt(galleries[gal].size))) {
		num =1;
	} else {
		num =(current_image+1);
	}
	return num;
}

function nextImageNumberReverse(gal, current_image) {
	//$srcimage = (($galleries[$gal]["size"]) - ($image-1));
	num = (parseInt(galleries[gal].size) - (current_image))
	return num;
}

function preloadGallery(gal) {
	for (var i=(parseInt(galleries[gal].size)); i>0; i--) {
		image = "images/"+gal+"-"+i+".jpg";
		$.preloadImages(image);
	}
}

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}
