var state = 'none'; 
var pos = 0;
var nextimageurl ;
var previmageurl ;

function showDiv(layer_ref) {

	$('div.gallery-content-box').hide();
    var showDiv = "#" + layer_ref;
    pos = parseInt(layer_ref.replace('div', ''));
    pos = pos - 1;
	$(showDiv).show();
	
	nextimageurl = $(showDiv + " a.gallery-links").attr("href");
	

		$("#full-image").fadeOut('slow', function() { 		
												  $("#full-image").attr({ src: nextimageurl});
												  $("#full-image").load(function(){
    												$("#full-image").fadeIn('slow');
												  });
												  });
	$('#main-display').show();
}

$(document).ready(function(){
	var layer_ref = GetAnchor();
	$('div.gallery-content-box').hide();
	$('#main-display').hide();
	if (layer_ref == ''){
		showDiv('div1');
	}
	else{
		layer_ref = layer_ref.replace('image', 'div');
		showDiv(layer_ref);
	}			
		   
	// Attach to the click of a link and show the image in the main img
	$(".gallery-content-box a").click(function(){
		nextimageurl = $(this).attr("href");
		var largeAlt = $(this).attr("title");
		
		$("#full-image").fadeOut('slow', function() { 		
												  $("#full-image").attr({ src: nextimageurl});
												  $("#full-image").load(function(){
    												$("#full-image").fadeIn('slow');
												  });
												  });
		return false;
		});
	
	$("#gallery-previous").click(function(){
		previousSlideShow();
		return false;
	});
	
	$("#gallery-next").click(function(){
		playSlideShow();
		return false;
	});
	
	$("#gallery-player").click(function(){
		sildeShow();
		return false;
		});
});

function GetAnchor(){
	var anchorValue = '';
	var url = document.location;
	var strippedUrl = url.toString().split("#");
	if(strippedUrl.length > 1)
	anchorValue = strippedUrl[1];
	return anchorValue;
}

function sildeShow(){
    //$("#gallery-player").text(($("#gallery-player").text() == 'PLAY') ? 'STOP' : 'PLAY'); 
	var player = $("#gallery-player")
	if (player.text() == 'Play Slideshow') {
		slideshowcontents = setInterval ( "playSlideShow()", 5000 );
		player.text('Pause Slideshow');
		player.addClass("pause").removeClass("play");

	}
	else
	{
		clearInterval ( slideshowcontents );
		player.text('Play Slideshow');
		player.addClass("play").removeClass("pause");
	}
}

function playSlideShow() {
    var $images = $("#image-wrapper a.gallery-links");
    var target;
    pos = pos + 1;
    if (pos >=  $images.length)
        pos = 0;
    target = pos
    SlideShowMain(target);
}


function previousSlideShow() {
    var $images = $("#image-wrapper a.gallery-links");
    var target;
    pos = pos - 1;
    if (pos < 0)
        pos = $images.length-1;
    target = pos
    SlideShowMain(target);

}

function SlideShowMain(target){
	var $images = $("#image-wrapper a.gallery-links");
	var $image = $images[target];
		nextimageurl = $($image).attr("href");
		$("#full-image").fadeOut('slow', function() { 		
												  $("#full-image").attr({ src: nextimageurl});
												  $("#full-image").load(function(){
    												$("#full-image").fadeIn('slow');
												  });
												  });

		$("#gallery-content div").hide();
		$("#gallery-content #div" + (target+1)).show();
		
}