/**
 * @author jvankuijk created on feb 15th-16th 2010
 */

var popUpSerice = getXmlHttpRequestObject();

function popUp(type, extra)
{
	var blanket = document.createElement('div');
	blanket.setAttribute('id', 'blanket');
	blanket.style.display = 'none';
	document.body.appendChild(blanket);
	
	var popUpDiv = document.createElement('div');
	popUpDiv.setAttribute('id','popUpDiv');
	popUpDiv.style.display = "none";
	document.body.appendChild(popUpDiv);
	
	if (popUpSerice.readyState == 4 || popUpSerice.readyState == 0) {
		if(extra != null)
		{
			popUpSerice.open("GET", ('../clazzez/Ajax.php?first=' + type + "&second="+extra), true);
		}
		else
		{
			popUpSerice.open("GET", ('../clazzez/Ajax.php?first=' + type), true);
		}
		popUpSerice.onreadystatechange = finishPopUp; 
		popUpSerice.send(null);
	}
}

//Called when the AJAX response is returned.
function finishPopUp() {
	if (popUpSerice.readyState == 4) {
		var ss = document.getElementById('popUpDiv');
		ss.innerHTML = '';
		var str = popUpSerice.responseText;
		//alert(str);
		ss.innerHTML = str;	
		popup('popUpDiv');
		
		$("#submitaddpet").click(function(e){
				e.preventDefault();
			if($("#name").val() != ""){
				$("#addpetform").submit();
			}	
			else{
				$("#name").css('borderColor', "#FF0000");
			}
		});
	}
	

}


function toggle(div_id) {
	var el = document.getElementById(div_id);
	if ( el.style.display == 'none' ) {	el.style.display = 'block';}
	else {
		el.style.display = 'none';
		$(window).unbind('resize');
		$(document).unbind('keyup');
	}
}
function blanket_size(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportheight = window.innerHeight;
	} else {
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('blanket');
	blanket.style.height = blanket_height + 'px';
	var popUpDiv = document.getElementById(popUpDivVar);
	popUpDiv_height= 150;//150 is half popup's height
	popUpDiv.style.top = popUpDiv_height + 'px';
}
function window_pos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	var popUpDiv = document.getElementById(popUpDivVar);
	window_width=window_width/2-300;//150 is half popup's width
	popUpDiv.style.left = window_width + 'px';
	popUpDiv.style.top = ($(window).height()/2)-$("#popUpDiv").height()/2 + 'px';
}

function popup(windowname) {
	blanket_size(windowname);
	window_pos(windowname);
	toggle('blanket');
	toggle(windowname);
	
	$(window).resize(function(){
		window_pos(windowname);
	});
	
	$(document).keyup(function(e){
		if(e.which == 27){
			toggle(windowname);
			toggle('blanket');
		}
	});
	//Effect.SlideDown(windowname);
	//Effect.Fade(windowname, { duration:1.0, from:0, to:1})
}

function showAlert(message)
{
	popUp("alert", message);
}