var DinaGallery = {
	picBank: [],
	currPic: 0,
	init: function(){
		DinaGallery.commentBoxOpen = false;
		jQuery('#dina-gallery #comment').css({opacity: '.7', height: '10px'});
		jQuery('#dina-gallery #comment p ').css({display: 'none'});
		//jQuery('#dina-gallery #current_image').fadeOut('slow');
		jQuery('#dina-gallery #comment').bind("mouseenter",function(){
			if( !DinaGallery.commentBoxOpen ) {
				jQuery(this).animate({ height: jQuery('#dina-gallery #comment p ').height()+28 }, 300, 'easeInOutQuad');
				jQuery('#dina-gallery #comment p ').css({display: 'block'});
				DinaGallery.commentBoxOpen=true;
			}else
				clearTimeout(DinaGallery.commentTimeout);
		}).bind("mouseleave",function(){
			DinaGallery.commentTimeout = setTimeout(function(){
				DinaGallery.commentBoxOpen=false;
				jQuery('#dina-gallery #comment').animate({ height: "10px" }, 300, 'easeInOutQuad' );
				jQuery('#dina-gallery #comment p ').css({display: 'none'});
			}, 1000)
		});
		jQuery.getJSON('gallery-service.php?getList=1', function(data){
			DinaGallery.picIndex = data;

			DinaGallery.loadPic(DinaGallery.picIndex[DinaGallery.currPic]);
			if( (t=DinaGallery.picIndex[DinaGallery.currPic+1]) && !DinaGallery.picBank[t])
				DinaGallery.loadPic(DinaGallery.picIndex[DinaGallery.currPic+1]);
		});

		jQuery('#dina-gallery #navigator #prev').click(function(){
			if( DinaGallery.picIndex[DinaGallery.currPic-1] && DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic-1]]!=undefined && DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic-1]].loaded ) {
				DinaGallery.currPic--;
				var picData = DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic]];

				jQuery('#dina-gallery #comment p ').html(picData.description);
				jQuery('#dina-gallery #current_image').fadeOut(500, function() { jQuery(this).html(picData.img).fadeIn(500); });
				/*if( !DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic-1]] )
					DinaGallery.loadPic(DinaGallery.picIndex[DinaGallery.currPic-1]); */
				if( !DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic+1]])
					DinaGallery.loadPic(DinaGallery.picIndex[DinaGallery.currPic+1]);
			}
			return false;
		});

		jQuery('#dina-gallery #navigator #next').click(function(){
			if( DinaGallery.picIndex[DinaGallery.currPic+1] && DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic+1]]!=undefined && DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic+1]].loaded ) {
				DinaGallery.currPic++;
				//alert(DinaGallery.currPic)
				var picData = DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic]];
				jQuery('#dina-gallery #comment p ').html(picData.description);
				jQuery('#dina-gallery #current_image').fadeOut(500, function() { jQuery(this).html(picData.img).fadeIn(500); });
				/* if( !DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic-1]] )
					DinaGallery.loadPic(DinaGallery.picIndex[DinaGallery.currPic-1]); */
				if( !DinaGallery.picBank[DinaGallery.picIndex[DinaGallery.currPic+1]])
					DinaGallery.loadPic(DinaGallery.picIndex[DinaGallery.currPic+1]);
			}
			return false;
		});

	},

	loadPic: function(pic) {
		jQuery.getJSON('gallery-service.php?pic='+pic, function(data){
			if( data.errors == undefined ) {
				img = new Image();
				DinaGallery.picBank[data.id] = data;
				DinaGallery.picBank[data.id].loaded = false;
				jQuery(img).load(function(){
					DinaGallery.picBank[data.id].img = img;
					DinaGallery.picBank[data.id].loaded = true;
				});
				img.src=data.imgsrc;
			}
		});
	}
};