//Must be loaded immediately after jquery-x.x.x.js, to avoid any conflict with other js library!
jQuery.noConflict();
//hide the entire body until fully loaded
var HEADER_BEGIN = "<!-- start header -->";
var HEADER_END = "<!-- end header -->";
var FOOTER_BEGIN = "<!-- start footer -->";
var FOOTER_END = "<!-- end footer -->";
var INTEGRATION_CMS_PAGE = "http://mesalabel.com/integration_cms_page";
var magentoCmsHeader;
var magentoCmsFooter;

//to improve speed, load both pages synchronously
//make sure the document object is ready before using jQuery to modify its elements
//only after BOTH are ready, we make the page visible!
var ajaxReady = false;
var docReady = false;

var reuqestOptions = {
	type: 'GET',
	url: INTEGRATION_CMS_PAGE,
	dataType: 'html',
	error: function(xhr, textStatus, errorThrown) {
			alert('Loading incomplete, please refresh the page');
	},
	success: function(magentoCmsContent, textStatus) {
			//in most cased the returned DOM string may NOT have strick formatting (closing tags properly)
			//to be safe use string parsing rather than DOM parsing
			var headerBeginIndex = magentoCmsContent.search(HEADER_BEGIN);
			var headerEndIndex = magentoCmsContent.search(HEADER_END);
			magentoCmsHeader = magentoCmsContent.substr(headerBeginIndex, headerEndIndex - headerBeginIndex);
			var footerBeginIndex = magentoCmsContent.search(FOOTER_BEGIN);
			var footerEndIndex = magentoCmsContent.search(FOOTER_END);
			magentoCmsFooter = magentoCmsContent.substr(footerBeginIndex, footerEndIndex - footerBeginIndex);
			ajaxReady = true;
		 	if(docReady){
		 		jQuery("#magento_cms_header_placeholder:first").html(magentoCmsHeader);
			 	jQuery("#magento_cms_footer_placeholder:first").html(magentoCmsFooter);
		 		jQuery('body:first').removeAttr('style');
		 	}
	}
};

jQuery.ajax(reuqestOptions);

jQuery(document).ready(function(){
	docReady = true;
 	if(ajaxReady){
 		jQuery("#magento_cms_header_placeholder:first").html(magentoCmsHeader);
	 	jQuery("#magento_cms_footer_placeholder:first").html(magentoCmsFooter);
 		jQuery('body:first').removeAttr('style');
 	}
});