// Code to handle resizing adornment images

var g_clickedImage = null;

jQuery(document).ready(function() {
	$("#widthSlider").slider({
		value: 50,
		min: 0,
		max: 100,
		step: 1,
		slide: function(event, ui) {
			//var obj = event.target;
			var newval = ui.value;
			var cellWidth = $(g_clickedImage).data("defaultWidth");
			cellWidth = cellWidth.replace("px","");
			cellWidth = cellWidth / 50;
			var newWidth = cellWidth * newval;
			$(g_clickedImage).css("width", newWidth);
		}
	});

	$("#heightSlider").slider({
		value: 50,
		min: 0,
		max: 100,
		step: 1,
		slide: function(event, ui) {
			//var obj = event.target;
			var newval = ui.value;
			var cellHeight = $(g_clickedImage).data("defaultHeight");
			cellHeight = cellHeight.replace("px","");
			cellHeight = cellHeight / 50;
			var newHeight = cellHeight * newval;
			$(g_clickedImage).css("height", newHeight);
		}
	});
	
	$("#imageSizer").addClass("std-dialog").dialog({
		modal: false,
		autoOpen: false,
		closeOnEscape: true,
		draggable: true,
		resizable: true,
		width: "300px",
		height: "350px",
		buttons: {
			Close: function() {
				$(this).dialog('close');
			},
			Reset: function() {
				$(g_clickedImage).css("width", $(g_clickedImage).data("defaultWidth"));
				$(g_clickedImage).css("height", $(g_clickedImage).data("defaultHeight"));
				$("#widthSlider").slider('moveTo', 50);
				$("#heightSlider").slider('moveTo', 50);
			}
		}
	});
	$('#imageSizer').bind('dialogopen', function(event, ui) {
		// position the sliders
		var curWidth = $(g_clickedImage).css("width");
		curWidth = curWidth.replace("px","");
		var defaultWidth = $(g_clickedImage).data("defaultWidth");
		defaultWidth = defaultWidth.replace("px","");
		var cellWidth = defaultWidth / 50;
		var newval = curWidth / cellWidth;
		console.log("Width slider: current value="+$("#widthSlider").slider('value')+" new width="+newval)
		$("#widthSlider").slider('moveTo', newval);

		var curHeight = $(g_clickedImage).css("height");
		curHeight = curHeight.replace("px","");
		var defaultHeight = $(g_clickedImage).data("defaultHeight");
		defaultHeight = defaultHeight.replace("px","");
		var cellHeight = defaultHeight / 50;
		var newval = curHeight / cellHeight;
		console.log("Height slider: current value="+$("#heightSlider").slider('value')+" new height="+newval)
		$("#heightSlider").slider('moveTo', newval);
		
		var offset = $(g_clickedImage).offset();
//		var dlg_offset = $('.ui-dialog').offset();
//		var dlg_left = $('.ui-dialog').css("left");
		$('.ui-dialog').css("position", "absolute")
		$('.ui-dialog').css("left", offset.left+40)
		$('.ui-dialog').css("top", offset.top-100)
	});
});

function doAdornmentClick(obj) {
	g_clickedImage = obj;
	console.log("doAdornmentClick() obj.id="+$(obj).attr("id"))
	$("#imageSizer").dialog("open");
}