//Order Pop Up- Scholastic- JBEVANS & an appearance by master coder aka HTMLcodemonkey ©2010
jQuery(function(){
jQuery('body').append('<div id="popup1" class="popup_block"></div>');

//When you click on a link with class of poplight and the href starts with a # 
	jQuery('a.poplight[href^=#]').click(function() {
		var popID = jQuery(this).attr('rel'); //Get Popup Name
		var popURL = jQuery(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
		var id = dim[1].split('=')[1];
		
		
		jQuery.ajax({
			type: "GET",
  			url: 'order_pop1.asp?id=' + id,
  			dataType: 'html',
 			success: function(data) {
			    jQuery('#popup1').html(data);
    		}
		});
		
				
		

			//Fade in the Popup and add close button
			jQuery('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="images/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');
			
			//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
			var popMargTop = (jQuery('#' + popID).height() + 80) / 2;
			var popMargLeft = (jQuery('#' + popID).width() + 80) / 2;
			
			//Apply Margin to Popup
			jQuery('#' + popID).css({ 
				'margin-top' : -popMargTop,
				'margin-left' : -popMargLeft
			});
		
		//Fade in Background
		jQuery('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
		jQuery('#fade').css({'filter' : 'alpha(opacity=30)'}).fadeIn(); //Fade in the fade layer 
		
		return false;
	});
	
	
		//Close Popups and Fade Layer
		jQuery('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
			jQuery('#fade , .popup_block').fadeOut(function() {
				jQuery('#fade, a.close').remove();  
			}); //fade them both out
		
			return false;
		});

});