var ModalViewSizeBig = 600;
var ModalViewSizeNormal = 300;

function ModalView() {

	this.titleLabel = "Titel";
	this.detailLabel = "Einfach Toller Text";
	this.init();
}

ModalView.prototype.presentModalView = modalViewPresentModalView;
ModalView.prototype.presentModalViewAnimated = modalViewPresentModalViewAnimated;
ModalView.prototype.dismissModalView = dismissModalView;
ModalView.prototype.privateDismissButton = privateDismissButton;
ModalView.prototype.privateCloseButton = privateCloseButton;
ModalView.prototype.init = modalViewInit;
ModalView.prototype.setWidth = modalViewSetWidth;

function modalViewPresentModalView() {

	this.presentModalViewAnimated(false);	
}

function modalViewPresentModalViewAnimated(isAnimated) {

	if (isAnimated) {
		alert("Oh Hello Mister Fancy Pants!");
	}

	var modalViewInnerHTML = "<span style='text-align: left;'><p><b>"+this.titleLabel+"</b></p><p>"+this.detailLabel+"</p><hr style='margin-bottom: 25px;'>"+this.privateDismissButton()+"</span>";

		document.getElementById('modalViewBackground').style.display = 'block';
		var view = document.getElementById('modalView');
		view.style.display = "block";

		view.innerHTML = modalViewInnerHTML;
		view.appendChild(privateCloseButton());
}

function dismissModalView() {

	modalViewSetWidth(ModalViewSizeNormal);
	document.getElementById('modalViewBackground').style.display = 'none';
	var view = document.getElementById('modalView');
	view.style.display = 'none';
	view.innerHTML = "";
}

function privateDismissButton() {

	return "<button onclick='dismissModalView()' style='position: absolute; right:1em; bottom:0.5em;'>Mmkay!</button>";
}

function privateCloseButton() {

	var closeButton = document.createElement('img');
	closeButton.style.position = 'absolute';
	closeButton.style.top = "-8px";
	//Mac Style:
	closeButton.style.left = '-8px';
	//Windows Style:
	//closeButton.style.left = '-8px';
	closeButton.style.width = "16px";
	closeButton.style.height = "16px";
	closeButton.src = "Ressources/close.png";
	closeButton.alt = "Dialog schließen.";
	//closeButton.style.backgroundImage = "url('Ressources/ActivityIndicatorSuccess.gif')";
	closeButton.setAttribute('onclick', 'dismissModalView();');

	return closeButton;
}

function modalViewInit() {

	var pages = document.getElementsByTagName("body");
	var page = pages[0];

	var modalViewBackgroundDiv = document.createElement('div');
	modalViewBackgroundDiv.id = "modalViewBackground";
	var modalViewDiv = document.createElement('div');
	modalViewDiv.id = "modalView";

	page.appendChild(modalViewBackgroundDiv);
	page.appendChild(modalViewDiv);
}

function modalViewSetWidth(width) {

	var modalView = document.getElementById('modalView');
	modalView.style.width = width+"px";
	margin = (width/-2)+"px";
	modalView.style.marginLeft = margin;
}

function test() {

	modalView = new ModalView;
	modalView.titleLabel = "Muhschrott!";
	modalView.detailLabel = "Einfach Toll.";
	modalView.presentModalView();
}