var MyDialog = Class.create(Dialog, {

	defaultOptions: {
		width: 700,
		autoOpen: true,
		close: {overlay: false, esc: true, link: true}
	},
	
	initialize: function($super, options) {
		Object.extend(this.defaultOptions, options || {});
		$super(this.defaultOptions);
	}
});


var InfoWin = Class.create(Dialog, {

	defaultOptions: {
		width: 600,
		autoOpen: true,
		close: {overlay: true, esc: true, link: false},
		centered: false,
		title: null,
		ajax: null
	},
	opener: null,
	
	initialize: function($super, opener, options) {
		this.opener = opener;
		this.defaultOptions.title = this.opener.title;
		this.defaultOptions.ajax = {url: this.opener.href};
		if (this.defaultOptions.title)
			this.defaultOptions.close.link = true;
		Object.extend(this.defaultOptions, options || {});
		$super(this.defaultOptions);
	}, 
	
	setDimensions: function($super) {
		$super();
		//alert(document.viewport.getHeight());
		c = Dialogs.elm('container');
		var top = this.opener.viewportOffset()[1] + this.opener.getHeight();;
		if (top + c.getHeight() + 10 > document.viewport.getHeight())
			top = document.viewport.getHeight() - c.getHeight() - 10;
		var left = this.opener.viewportOffset()[0];
		if (left + c.getWidth() + 10 > document.viewport.getWidth())
			left = document.viewport.getWidth() - c.getWidth() - 10;
		c.setStyle({
			top: top + 'px',
			left: left + 'px'
		});
	}

});