var galleries=new Array();
var position=0;
var designId=0;
var shotsCount=0;

//Connect events
$(document).ready(function(){
	$(".designShot").click(openShots);
});

//Open gallery
function openShots() {
	var id=$(this).attr("id");
	designId=id.substring(id.indexOf("_")+1, id.indexOf("_", id.indexOf("_")+1));
	shotsCount=id.substring(id.indexOf("_", id.indexOf("_")+1)+1);
	position=0;
	openCurtain('<div id="imageContainer"><div id="navigation"><img src="/mediaComponents/designs/navigationPrev.png" id="navigationPrev" /><img src="/mediaComponents/designs/navigationStop.png" id="navigationStop" /><img src="/mediaComponents/designs/navigationNext.png" id="navigationNext" /></div><img id="image"></div>', "galleryCurtain", function(){
		//Navigation functions
		$('#navigationPrev').hover(function(){
	    	$('#navigationPrev').attr('src', "/mediaComponents/designs/navigationPrevHover.png");
		}, function(){
			$('#navigationPrev').attr('src', "/mediaComponents/designs/navigationPrev.png");  	
		});
		$('#navigationPrev').click(function(){
			position--;
			if(position<0)
				position=shotsCount-1;
			loadImage();
		});
	  	$('#navigationStop').hover(function(){
	    	$('#navigationStop').attr('src', "/mediaComponents/designs/navigationStopHover.png");
	  	}, function(){
	    	$('#navigationStop').attr('src',"/mediaComponents/designs/navigationStop.png");  	
	  	});
	  	$('#navigationStop').click(function(){
	    	closeGallery();
	  	});
	  	$('#navigationNext').hover(function(){
	    	$('#navigationNext').attr('src', "/mediaComponents/designs/navigationNextHover.png");
	  	}, function(){
	    	$('#navigationNext').attr('src', "/mediaComponents/designs/navigationNext.png");  	
	  	});
	  	$('#navigationNext').click(function(){
			position++;
			if(position==shotsCount)
				position=0;
			loadImage();
	  	});
		$('#image').mousemove(showNavigation);
        $('#overlay').mousemove(showNavigation);
  		//Load image
  		loadImage();
	});
}

//Loads an image and displays it
function loadImage() {
  showSpinner(function(){
    var imageLoader=new Image();
    imageLoader.onload=function(){
      hideSpinner(function(){
      	$('#container').fadeOut('1000', function(){
      	  $('#image').attr('src',imageLoader.src);
          $('#container').fadeIn(1000);
          repositionCurtain();
          $('#navigation').css({
            top: imageLoader.height-44-15
          });	
        });
      });
    };
    //loade image to cache
    imageLoader.src="/mediaComponents/designs/screenshot.php?id="+designId+"&number="+position
  });
}

//Show and hide navigation by mouse move
var showNavigationTimer;
function showNavigation() {
  window.clearTimeout(showNavigationTimer);
  showNavigationTimer=window.setTimeout(function(){
    $('#navigation').fadeOut('slow');
    window.clearTimeout(showNavigationTimer);
  }, 1000);
  $('#navigation').fadeIn('slow');
}

//Close gallery
function closeGallery() {
  closeCurtain();
}