sooji.plugin.gallery = function(_id, _uid, _root){

	var uid = _uid;
	var root = _root;
	var id = _id;
	
	$(function(){
		
		$('#properties-form'+uid)
			.bind('submit', galleryFormSubmit);

		
		/**
		 * Buttons
		 *
		 */
		$('img#'+id)
			.click(propertiesButtonClick);
			
		$('ul#gallery'+uid+' a')
			.fancybox({
				margin:20,
				padding:10,
				titlePosition:'over',
				overlayOpacity:0.9,
				overlayColor:'#000'
			});
		
		/*	
		/**
		 * Dialogs
		 *
		 */
		sooji.dialog('#properties-dialog'+uid, {
		
			height:'auto',
			width:550,
			buttons: {
				"Save": function(e) {
					$('#properties-form'+uid).trigger('submit');
				}			
			}
		
		});
	
	});
	
	var propertiesButtonClick = function(e) {
		
		var el = $(this);
		
		$('#properties-dialog'+uid)
			.dialog('open')
			.dialog('widget')
					.find('button:contains(Save)')
						.addClass('ui-state-focus');
		
	}
	
	
	var galleryFormSubmit = function(e) {
		e.preventDefault();
		
		var form = $(this);
		var data = {
			
			UID: $('#UID'+uid).val(),
			Title: $('#title'+uid).val(),
			GalleryID: $('#galleryid'+uid).val(),
			PageSize: $('#pagesize'+uid).val(),
			Width: $('#width'+uid).val(),
			Height: $('#height'+uid).val(),
			Crop: $('#crop'+uid).val()
			
		}
		
		if (sooji.validate(this) == false) return;
			
		sooji.showActivity();
		
		$.post('/s/plugins/gallery/save', data, function(r){
		
			sooji.hideActivity();
			
			if (r != null && r['error']) {					
				alert(r.error);
				return;
			}
			
			sooji.alert('saved');
			
		}, 'json');

	}

}