$(document).ready(function(){
	$("a.JQ_cms[href^=#]").click(showPopup);
	//check in popup close 
	$("a.close, #fade").live('click', closePopup);
 });

function showcontent(cmsText){
	var params = {cmsStr: cmsText};
	 $.ajax({
			type: 		"post",
			url: 		"CMSmessage.php",
			data: 		params,
			dataType: 	"html",
			success: function(data) {
				$("#resultMessage").html(data);
			}
	 });
}
//clockin, clockout, breakout, change location  popup show
function showPopup()
{
	var ContentStr = $(this).attr('id'); //Get Popup Name
	showcontent(ContentStr);
	var currentLink             = $(this);  
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Get Popup href to define size

    //Pull Query & Variables from href URL
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value

    //Fade in the Popup and add close button
    $('#' + popID).fadeIn().css({'width': Number( popWidth )}).prepend('<a href="#" class="close"><img src="images/fancy_close.png" border="0" class="btn_close" title="Close Window" alt="Close" /></a>');

    //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Apply Margin to Popup
    $('#' + popID).css({'margin-top': -popMargTop, 'margin-left': -popMargLeft});
   
    //Fade in Background
   // $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    //$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
	return false;
}
//clockin popup close 
function closePopup()
{
	 $('#fade , .popup_block').fadeOut(1500, function() {
     //$('#fade, a.close').remove();  //fade them both out
    });
    return false;
}



