//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	
			
	//CLOSING POPUP
	//Click the x event!
	$(".modal_close").click(function(){
		disablePopup();
	});
	//Click out event!
	$("#mask").click(function(){
		disablePopup();
	});

	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
			disableFlashPopup();
		}
	});

});
						
						
						
						/*-------------*/
						/*NORMAL POP UP*/
						/*-------------*/

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var popUpContentClassName = "";

//loading popup with jQuery magic!
function loadPopup(popUpContentClass, colorCode) {
window.parent.frames[0].location.href = "/LoginControl";
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#mask").css({
			"opacity": "0.8"
		});
		
		$("#mask").fadeIn("slow");
		$(".top"+popUpContentClass).fadeIn("slow");
		popupStatus = 1;
		$("."+popUpContentClass).fadeIn("slow");
		popUpContentClassName = popUpContentClass;
		$('.top'+popUpContentClass+' .popUpbanner').addClass('banner'+colorCode);
		$('.top'+popUpContentClass+' .headingPopUp').children('img').attr('src', 'Common/Assets/Images/popup/'+colorCode+'_heading.gif');
		$('.top'+popUpContentClass+' .closeDiv').children('img').attr('src', 'Common/Assets/Images/popup/'+colorCode+'_close.gif');
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		//$("#popUpMain").fadeOut("slow");
		$("#mask").fadeOut("slow");
		popupStatus = 0;
		$("."+popUpContentClassName).fadeOut("slow");
		$(".top"+popUpContentClassName).fadeOut("slow");
		popUpContentClassName = "";
		//$("html").css({"overflow":""});
	}
}

//centering popup
function centerPopup(popUpClass){
	//request data for centering
	/*$("#popUpMain").css({
		"width": $("#popUpMain object").attr("width")
	});*/
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $(".top"+popUpClass).height();
	var popupWidth = $(".top"+popUpClass).width();
	var scrollTop = $(window).scrollTop();
	//centering
	//$("html").css({"overflow":"hidden"});
	$(".top"+popUpClass).css({
	"top": (windowHeight / 3.5),
		"left": windowWidth/2-popupWidth/2
		
	});
	//only need force for IE6
	$("#mask").css({
		"width": document.documentElement.scrollWidth,
		"height": document.documentElement.scrollHeight
		
	});
	window.scroll(0,0);
	

}


function showPopUp(popUpContentClass, colorCode){    
		//load popup
		loadPopup(popUpContentClass, colorCode);
		//centering with css
		centerPopup(popUpContentClass);
	}