// Created by Linn White
// License: http://creativecommons.org/licenses/by-nc-sa/3.0/us/
// Please leave the above license information intact

//Script execution is NOT suspended like a normal alert/confirm box would be, so be warned
//There is an iframe hack for IE6 to fix the zindex but with "select" elements.
//"select" elements are disabled in IE6 when an alert box is showing
//Tested in Firefox 1.5+, Firefox 2.0+, Alert.ie6, IE7, Opera 9+, Safari for Windows

function AlertMessage(title,message) {
    var myAlert; var options = { border: 0, borderStyle: 'solid', borderColor: '#000000', titleColor: '#FFFFFF', titleFontColor: '#FFFFFF', titleWeight: 700, titleBorderColor: '#000000', contentColor: '#FFFFFF', contentFontColor: '#FFFFFF', width: 400 };

    myAlert = new Alert(options);
    myAlert.Dialog(title, message, 'Tamam', '', '<div>'+message+'</div>', '');
    Nifty('div.alarmBox', 'big transparent bktc=#2d2d2e bkbc=#2d2d2e');
    Nifty('div.alarmBoxInner', 'normal transparent'); correctPNG();
}

function ComfirmMessage(title, content, eventOK, eventCANCEL) {
    var myAlert; var options = { border: 0, borderStyle: 'solid', borderColor: '#000000', titleColor: '#FFFFFF', titleFontColor: '#FFFFFF', titleWeight: 700, titleBorderColor: '#000000', contentColor: '#FFFFFF', contentFontColor: '#FFFFFF', width: 400 };

    myAlert = new Alert(options);
    myAlert.Confirm(title, content, 'Evet', eventOK, 'Hayır', eventCANCEL);
    Nifty('div.alarmBox', 'big transparent bktc=#2d2d2e bkbc=#2d2d2e');
    Nifty('div.alarmBoxInner', 'normal transparent'); correctPNG();
}


//
function Alert(options)
{
	var alertObject = this;
	alertObject.version = '1.1';
	if (!window.XMLHttpRequest) 
	{
		//simple test to check for ie6 or older browser or an older browser.
 		var ie6 = true;
	}
	var alarmWindow;
	var alarmBox;
	var alarmBoxInner;
	var alarmTitle;
	var alarmContent;
	var alarmContentImage;
	var buttonContainer;
	var alarmButton;
	var mouseX;
	var mouseY;
	var parentElement;
	var alertY;
	var alertX;
	
	if(ie6)
	{
		var alarmFrame;
	}
	
	//The below code was found at Codylindley.com and is released under the same CC license
	var Client = 	
	{
  		viewportWidth: function() 
		{
    		return self.innerWidth || (document.documentElement.clientWidth || document.body.clientWidth);
  		},
		viewportHeight: function() 
		{
    		return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
  		},
  		viewportSize: function() 
		{
    		return { width: this.viewportWidth(), height: this.viewportHeight() };
  		}
	};
	
	
	//Methods
	alertObject.Position = rePos;
	
	alertObject.Dialog = function(title, text, button, buttonEvent)
	{
		if(document.getElementById('modalWindow'))
		{
			return
		}
		createWindow('dialog', title, text, button, buttonEvent);
		rePos();
		
		if(ie6)
		{
			changeSelect(true);
		}
		alarmButton.focus();
	}
	
	alertObject.Confirm = function(title, text, button, buttonEvent, button2, button2Event)
	{
		if(document.getElementById('modalWindow'))
		{
			return
		}
		createWindow('confirm', title, text, button, buttonEvent, button2, button2Event);
		rePos();
		if(ie6)
		{
			changeSelect(true);
		}
		confirmButton.focus();	
	}
	
	
	//Functions
	function rePos()
	{
		var pageY = window.pageYOffset || document.documentElement.scrollTop;
		var pageX = window.pageXOffset || document.documentElement.scrollLeft;
		alarmBox.style.left = (Client.viewportWidth() - alarmBox.offsetWidth)/2 + pageX + "px";	
		alarmBox.style.top = (Client.viewportHeight() - alarmBox.offsetHeight)/2 + pageY + "px";
		if(ie6)
		{
			alarmFrame.style.left = (Client.viewportWidth() - alarmBox.offsetWidth)/2 + pageX + "px";	
			alarmFrame.style.top = (Client.viewportHeight() - alarmBox.offsetHeight)/2 + pageY + "px";
			alarmFrame.style.height = alarmBox.offsetHeight + "px";
			alarmFrame.style.visibility = 'visible';
		}
		alarmBox.style.visibility = 'visible';
	}
	
	function changeSelect(bool)
	{
		var selectBoxes = document.getElementsByTagName('select');
		for(var i = 0; i < selectBoxes.length; i++)
		{
			selectBoxes[i].disabled = bool;
		}
	}
	
	function alarm_OK(event, on_OK)
	{
		if(ie6)
		{
			changeSelect(false);
		}
		document.body.removeChild(alarmWindow);
		document.body.removeChild(alarmBox);
		//if(window.addEventListener)
		//{
			//window.removeEventListener('scroll', function(){alertObject.Position()}, false);
			//window.removeEventListener('resize', function(){alertObject.Position()}, false);
		//}
		//else
		//{
			window.onscroll = null;
			window.onresize = null;
		//}
		alarmWindow = null;
		alarmBox = null;
		alarmBoxInner = null;
		alarmTitle = null
		alarmContent = null
		alarmContentImage = null;
		alarmButton = null;
		buttonContainer = null;
		if(on_OK)
		{
			try
			{
				e = (event) ? event : window.event;
				on_OK(e)
			}
			catch(error)
			{
			
			}
		}
	}
	
	function alarm_CANCEL(event, on_CANCEL) {
		if(ie6)
		{
			changeSelect(false);
		}
		document.body.removeChild(alarmWindow);
		document.body.removeChild(alarmBox);
		//if(window.addEventListener)
		//{
			//window.removeEventListener('scroll', function(){alertObject.Position()}, false);
			//window.removeEventListener('resize', function(){alertObject.Position()}, false);
		//}
		//else
		//{
			window.onscroll = null;
			window.onresize = null;
		//}
		alarmWindow = null;
		alarmBox = null;
		alarmBoxInner = null;
		alarmTitle = null;
		alarmContent = null;
		alarmContentImage = null;
		alarmButton = null;
		buttonContainer = null;
		if(on_CANCEL)
		{
			try
			{
				e = (event) ? event : window.event;
				on_CANCEL(e)
			}
			catch(error)
			{
			
			}
		}
	}
	
	function mouseDown(e)
	{
		e = (e == null) ? window.event : e;
		target = (e.target) ? e.target : e.srcElement;
		if(target.id == 'title')
		{
			mouseX = e.clientX;
			mouseY = e.clientY;
			parentElement = target.parentNode;
			alertX = parentElement.style.left;
			alertY = parentElement.style.top;
			//if(window.addEventListener)
			//{
			//	window.addEventListener('mousemove', function(e){mouseMove(e)}, false);
			//	window.addEventListener('mouseup', function(e){mouseUp(e)}, false);
			//	window.addEventListener('selectstart', function(){ return false }, false);
			//}
			//else
			//{
				document.onmousemove = mouseMove;
				document.onmouseup = mouseUp;
				document.onselectstart = function () { return false };
			//}
			return false;
		}
	}
	
	function mouseMove(e) 
	{
		e = (e == null) ? window.event : e;
		newX = parseInt(alertX.split('px')[0]);
		newY = parseInt(alertY.split('px')[0]);
		parentElement.style.left = (newX + e.clientX - mouseX) + 'px';
		parentElement.style.top = (newY + e.clientY - mouseY) + 'px';
		if(ie6)
		{
			alarmFrame.style.left = (newX + e.clientX - mouseX) + 'px';
			alarmFrame.style.top = (newY + e.clientY - mouseY) + 'px';
		}
	}

	function mouseUp(e) 
	{
		e = (e == null) ? window.event : e;
		//if(window.addEventListener)
		//{
		//	window.removeEventListener('mousemove', function(e){mouseMove(e)}, false);
		//	window.removeEventListener('selectstart', function(){ return false }, false);
		//}
		//else
		//{
			document.onmousemove = null;
			document.onselectstart = null;
		//}
	}
	
	function createWindow(alertType, title, text, button, buttonEvent, button2, button2Event)
	{
		alarmWindow = document.body.appendChild(document.createElement("div"));
		alarmBox = document.body.appendChild(document.createElement('div'));
		alarmBoxInner = alarmBox.appendChild(document.createElement('div'));
		alarmTitle = alarmBoxInner.appendChild(document.createElement('div'));
		alarmContentImage = alarmBoxInner.appendChild(document.createElement('div'));
		alarmContent = alarmBoxInner.appendChild(document.createElement('div'));
		buttonContainer = alarmBoxInner.appendChild(document.createElement('div'));
		
		//Set up our modal Window
		alarmWindow.id = 'modalWindow';
		alarmWindow.style.height = document.documentElement.scrollHeight + 'px';
		alarmWindow.style.backgroundColor = '#000000';
		alarmWindow.style.position = 'absolute';
		alarmWindow.style.width = '100%';
		alarmWindow.style.opacity = '0.8';
		alarmWindow.style.filter = 'alpha(opacity=80)';
		alarmWindow.style.top = '0px';
		alarmWindow.style.left = '0px';
		alarmWindow.style.zIndex = '2000';
		//IE hack.  Overlap  z-index doo-dads
		//This is a one pixel transparent png.
		alarmWindow.style.backgroundImage = 'url(../assets/images/alert/tp.png)';
		
		alarmBox.style.visibility = 'hidden';
		alarmBox.style.position = 'absolute';
		alarmBox.style.width = options.width + 'px';
		alarmBox.style.border = options.border + 'px';
		alarmBox.style.borderStyle = options.borderStyle;
		alarmBox.style.borderColor = options.borderColor;
		alarmBox.style.textAlign = 'center';
		alarmBox.style.zIndex = 2001;
		//alarmBox.style.background = options.contentColor;
		alarmBox.className = 'alarmBox';
		
		alarmBoxInner.style.margin ='10px';
		alarmBoxInner.className = 'alarmBoxInner';
		//Create an iframe
		if(ie6) {
			alarmFrame = alarmWindow.appendChild(document.createElement('iframe'));
			alarmFrame.src = "javascript:void(0);";
			alarmFrame.style.visibility = 'hidden';
			alarmFrame.style.position = 'absolute';
			alarmFrame.style.width =  options.width + 'px';
			alarmFrame.style.zIndex = 2000;
			alarmFrame.frameBorder = '0';
		}

		alarmContentImage = alarmBoxInner.appendChild(document.createElement('div'));
		alarmContentImage.className = 'alarmbox-alarmContentImage';
		
		//Create the title window
		alarmTitle = alarmBoxInner.appendChild(document.createElement('div'));
		alarmTitle.id = 'title';
		alarmTitle.innerHTML = title;
		alarmTitle.style.cursor = 'default';
		//alarmTitle.style.background = options.titleColor;
		alarmTitle.style.color = options.titleFontColor;
		alarmTitle.style.fontWeight = options.titleWeight;
		alarmTitle.style.padding = '1px';
		alarmTitle.style.borderTop = '0px';
		alarmTitle.style.borderBottom = '0px';
		alarmTitle.style.borderColor = options.titleBorderColor;
		alarmTitle.style.borderLeft = '0px';
		alarmTitle.style.borderRight = '0px';
		alarmTitle.style.borderStyle = 'solid';
		alarmTitle.style.marginTop = '30px';
		alarmTitle.style.marginBottom = '0px';
		if(window.addEventListener)
		{
			alarmTitle.addEventListener('mousedown', function(e){mouseDown(e)}, false);
		}
		else
		{
			alarmTitle.onmousedown = mouseDown;
		}
		
		//Create the content window
		alarmContent = alarmBoxInner.appendChild(document.createElement('div'));
		alarmContent.style.padding = '5px';
		//alarmContent.style.background = options.contentColor;
		alarmContent.style.color = options.contentFontColor;
		alarmContent.innerHTML = text;
		alarmContent.style.marginBottom = '5px';
		alarmContent.style.marginLeft = '10px';
		alarmContent.style.marginTop = '10px';
		alarmContent.style.textAlign = 'left';
	
		//Create a button container
		buttonContainer = alarmBoxInner.appendChild(document.createElement('div'));
		//buttonContainer.style.background = options.contentColor;
		buttonContainer.style.marginBottom = '10px';
		buttonContainer.style.marginTop = '0px';
		buttonContainer.style.padding = '5px';
		buttonContainer.style.clear = 'both';
		buttonContainer.className = 'alarmbox-buttonContainer';
		
		//Create our button
		alarmButton = document.createElement('input');
		alarmButton.type = 'button';
		alarmButton.style.border = 'none';
		alarmButton.style.cursor = 'pointer';
		alarmButton.value = button;
		alarmButton.onclick = function(event) {alarm_OK(event, buttonEvent);}
		alarmButton.style.paddingLeft = '5px';
		alarmButton.style.paddingRight = '5px';
		alarmButton.className = 'alarmbox-alarmButton';
		buttonContainer.appendChild(alarmButton);
		
		//Create a second button for confirm type
		if(alertType == 'confirm') 
		{
			confirmButton = document.createElement('input');
			confirmButton.type = 'button';
			confirmButton.style.border = 'none';
			confirmButton.style.cursor = 'pointer';
			confirmButton.value = button2;
			confirmButton.onclick = function(event) {alarm_CANCEL(event, button2Event);}
			confirmButton.style.paddingLeft = '5px';
			confirmButton.style.paddingRight = '5px';
			confirmButton.style.marginLeft = '15px';
			confirmButton.className = 'alarmbox-confirmButton';
			buttonContainer.appendChild(confirmButton);
			if(alarmButton.offsetWidth > confirmButton.offsetWidth)
			{
				confirmButton.style.width = alarmButton.offsetWidth + 'px';
			}
			else
			{
				alarmButton.style.width = confirmButton.offsetWidth + 'px';
			}
		}
		//Add event listeners
		//if(window.addEventListener)
		//{
		//	window.addEventListener('scroll', function(){alertObject.Position()}, false);
		//	window.addEventListener('resize', function(){alertObject.Position()}, false);
		//}
		//else
		//{
			window.onscroll = function(){alertObject.Position()};
			window.onresize = function(){alertObject.Position()};
		//}
	}
}