OsimoModal.js

function OsimoModal(options){
	this.options = {
		'width' : 500,
		'height' : 400,
		'modal' : true,
		'draggable' : false,
		'showClose' : true,
		'styles' : {}
	};
	
	this.set(options);
	this.content = '';
	this.title = '';
}

OsimoModal.prototype.set = function(options){
	this.options = $.extend({},this.options,options);
	return this;
}

OsimoModal.prototype.setContent = function(content){
	this.content = content;
	return this;
}

OsimoModal.prototype.setTitle = function(title){
	this.title = title;
	return this;
}

OsimoModal.prototype.show = function(){
	this.divCheck();
	var coords = this.centerCoords();
	$("#OsimoModalContent").html(this.content);
	$("#OsimoModalTitle").html(this.title);
	$("#OsimoModalWrap").css({top:coords.y, left:coords.x, width:this.options.width, height:this.options.height}).fadeIn();
	$("#OsimoModalContent").css(this.options.styles);
	
	if(this.options.modal){
		$("#OsimoModalBk").fadeIn();
	}
	
	if(this.options.showClose){
		$("#OsimoModalClose").show();
	}
	else{
		$("#OsimoModalClose").hide();
	}
	
	if(this.options.draggable){
		$("#OsimoModalWrap").draggable({
			handle : "#OsimoModalHeader"
		});
		$("#OsimoModalHeader").css({cursor : 'move'});
	}
}

OsimoModal.prototype.close = function(){
	$("#OsimoModalWrap").fadeOut();
	if($("#OsimoModalBk").is(":visible")){
		$("#OsimoModalBk").fadeOut();
	}
}

OsimoModal.prototype.divCheck = function(){
	if($("#OsimoModal").length == 0){
		$('body').prepend('\
			<div id="OsimoModalBk" style="display:none"></div>\
			<div id="OsimoModalWrap" style="display:none">\
				<div id="OsimoModalHeader">\
					<div id="OsimoModalTitle"></div>\
					<div id="OsimoModalClose"></div>\
				</div>\
				<div id="OsimoModalContent"></div>\
			</div>\
		');
		
		var that = this;
		$("#OsimoModalClose").live('click',function(){
			that.close();
		});
	}
}

OsimoModal.prototype.centerCoords = function(){
	var window_width = $(window).width();
	var window_height = $(window).height();
	
	var x = (window_width / 2) - (this.options.width / 2);
	var y = (window_height / 2) - (this.options.height / 2);
	
	return {"x":x,"y":y};
}