function tempBuilder() {
	var f = ['	<div class="title">Automated building coming soon!</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="text-align:center;font-size:18px;color:#333;">',
			 '			In the meantime, please contact Jason Wolverton at <strong>989-631-7196</strong> to get started on your site.',
			 '	</div>'];
	//alert(f.join(''));
	var createBox = new boxOverlay({
		width:'525px',
		height:'155px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}

function supportedBrowsers() {
	var f = ['	<div class="title">Automated building coming soon!</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="text-align:center;font-size:18px;color:#333;">',
			 '			This Web site is optimized for new Internet browsers. You are attempting to view this site in an old version of Internet Explorer and may notice some graphical or formatting issues as a result. To view this site as intended, you can download the latest browsers below, or simply click on continue to view the site with your current browser.',
			 '	</div>'];
	//alert(f.join(''));
	var createBox = new boxOverlay({
		width:'500px',
		height:'250px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}


function pageWidth() {return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?       document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;} function pageHeight() {return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;} function posLeft() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;} function posTop() {return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;} function posRight() {return posLeft()+pageWidth();} function posBottom() {return posTop()+pageHeight();}
                    
retrievedBrowseTemplates = false;
siteTemplates = [];
browseTemplates = function(src) {
	if (retrievedBrowseTemplates && siteTemplates.length == 0) {
		return;	
	} else if (siteTemplates.length == 0) {
		new Ajax.Request('/builder/ajax/init.php', {
		  onSuccess: function(transport) {
			eval(transport.responseText);
			this.displayTemplates();
			retrievedBrowseTemplates = true;
		  }.bind(this)
		  ,onException: function(transport) {this.displayTemplates();}
		});
	} else {
		this.displayTemplates();	
	}
	this.displayTemplates = function () {
		var slides = [];
		var counter = 1;
		for(var x = 0;x<siteTemplates.length;x++) {
			if (counter == 1) {
				slides.push('<td>');
				slides.push('	<div class="slide" style="width:800px;height:360px;">');
				slides.push('		<table width="100%" border="0" cellspacing="0" cellpadding="5" align="center">');
				slides.push('			<tr>');
				//alert(counter+' 1');
			}
				slides.push('				<td align="center" width="33%">');
				slides.push('					<img src="/wwwroot/r/relyoncsi.com/sitebuilder/templates/'+siteTemplates[x].id+'/thumbnail_large.jpg" style="border:1px solid #CCC;">');
				slides.push('					<div style="font-size:20px;color:#666;text-align:center;padding-bottom:5px;padding-top:5px;">$'+siteTemplates[x].price+'</div>');
				slides.push('					<!--<div style="text-align:center;"><img src="images/sb_button_buildthistemplate.png"></div>-->');
				slides.push('				</td>');
			if (counter == 3 || (x+1) == siteTemplates.length) {
				//alert(counter+' 2');
				slides.push('			</tr>');
				slides.push('		</table>');
				slides.push('	</div>');
				slides.push('</td>');
				counter = 1;
			} else {
				counter++;	
			}
		}
		
		var f = ['	<div class="title">Browse <span>Our Templates</span></div>',
				 '	<div style="padding-top:20px;"></div>',
				 '<div style="position:relative;">',
				 '	<div class="stepDescription" style="padding-left:10px;padding-right:10px;padding-bottom:15px;">Use the arrow buttons below to browse through our assortment of templates. With the Commercial Software site builder, you can pick your favorite template and customize it with your own colors, logos, photos, and text.</div>',
				 '	<div style="position:absolute;z-index:9999;left:-50px;top:120px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_prev.png" style="cursor:pointer;" onclick="browseSlider.prev();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_first.png" style="cursor:pointer;" onclick="browseSlider.first();"></div>',
				 '	<div style="position:absolute;z-index:9999;right:-50px;top:120px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_next.png" style="cursor:pointer;" onclick="browseSlider.next();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_last.png" style="cursor:pointer;" onclick="browseSlider.last();"></div>',
				 '	<div class="slider" style="width:800px;height:320px;">',
				 '		<div class="container" style="width:800px;height:360px;" id="browse_slider">',
				 '			<table border="0" cellpadding="0" cellspacing="0" width="790">',
				 '				<tr>',
				 slides.join(''),
				 '				</tr>',
				 '			</table>',
				 '		</div>',
				 '	</div>',
				 '</div>'];
		var createBox = new boxOverlay({
			width:'820px',
			height:'350px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();
		browseSlider = new fxSlide('browse_slider');
	}
}

function playVideo(vid) {
	if (vid == 1) {
		var html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1121" height="846"><param name="movie" value="getting_started.swf" /><param name="quality" value="high" /><param name="play" value="true" /><embed src="getting_started.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1121" height="846"></embed></object>';
		var width = '1121';
		var height = '846';
	} else if (vid == 2) {
		var html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1139" height="693"><param name="movie" value="/wwwroot/r/relyoncsi.com/sitebuilder/add_change_text.swf" /><param name="quality" value="high" /><param name="play" value="true" /><embed src="/wwwroot/r/relyoncsi.com/sitebuilder/add_change_text.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1139" height="693"></embed></object>';
		var width = '1139';
		var height = '693';
	} else if (vid == 3) {
		var html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1139" height="693"><param name="movie" value="/wwwroot/r/relyoncsi.com/sitebuilder/add_remove_pages.swf" /><param name="quality" value="high" /><param name="play" value="true" /><embed src="/wwwroot/r/relyoncsi.com/sitebuilder/add_remove_pages.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1139" height="693"></embed></object>';
		var width = '1139';
		var height = '693';
	} else if (vid == 4) {
		var html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1143" height="650"><param name="movie" value="/wwwroot/r/relyoncsi.com/sitebuilder/add_remove_photos.swf" /><param name="quality" value="high" /><param name="play" value="true" /><embed src="/wwwroot/r/relyoncsi.com/sitebuilder/add_remove_photos.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1143" height="650"></embed></object>';
		var width = '1143';
		var height = '650';
	} else if (vid == 5) {
		var html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1103" height="773"><param name="movie" value="/wwwroot/r/relyoncsi.com/sitebuilder/header.swf" /><param name="quality" value="high" /><param name="play" value="true" /><embed src="/wwwroot/r/relyoncsi.com/sitebuilder/header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1103" height="773"></embed></object>';
		var width = '1103';
		var height = '773';
	} else if (vid == 6) {
		var html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1074" height="600"><param name="movie" value="/wwwroot/r/relyoncsi.com/sitebuilder/ira.swf" /><param name="quality" value="high" /><param name="play" value="true" /><embed src="/wwwroot/r/relyoncsi.com/sitebuilder/ira.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1074" height="600"></embed></object>';
		var width = '1074';
		var height = '600';
	} else {
		return;
	}
	var createBox = new boxOverlay({
		width:(parseInt(width)+12)+'px',
		height:height+'px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+html+'</div>'
	});
	createBox.init();
}
function baseDomainString(){
  e = document.domain.split(/\./);
  if(e.length > 1) {
    return e[e.length-2] + "." +  e[e.length-1];
  }else{
    return;
  }
}
function subDomainString(){
  e = document.domain.split(/\./);
  if(e.length > 2) {
    return e[e.length-3];
  }else{
    return;
  }
}
curDomain = baseDomainString();
curSubDomain = subDomainString();

if (curDomain == 'buildcheapsites.com') {
	domain_prefix = '/editor';
} else if (curSubDomain == 'admin') {
	domain_prefix = '';
} else {
	domain_prefix = '/admin';
}

String.prototype.stripHTML = function()
{
	// What a tag looks like
	var matchTag = /<(?:.|\s)*?>/g;
	// Replace the tag
	return this.replace(matchTag, "");
};

// account / store
renameCategory = function(cat,name) {
	var f = ['	<div class="title">Rename Category</div>',
			 '	<div style="padding-top:20px;"></div>',
			 '	<div style="position:relative;padding-left:10px;">',
			 '		<input type="text" id="renamecat_name" style="font-size:16px;height:25px;line-height:25px;font-weight:bold;color:black;width:375px;" value="'+name.stripHTML()+'">',
			 '		<input type="hidden" id="renamecat_id" value="'+cat+'">',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_save.png" style="cursor:pointer;" onclick="updateCatName();"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
			width:'400px',
			height:'125px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();
}

updateCatName = function() {
	var cat = $('renamecat_id');
	var name = $('renamecat_name')
	
	if (cat.value == '' || name.value == '') {
		error('Please supply a valid category name. You can not have a blank category name.');	
	} else {
		new Ajax.Request(domain_prefix+'/account/store/ajax/renamecategory.php',{
			postBody:'cat='+cat.value+'&name='+name.value,
			onSuccess:function(transport) {
				eval(transport.responseText);
			}
		});
		
		$('catname_'+cat.value).innerHTML = '<a href="'+domain_prefix+'/account/store/cat/?id='+cat.value+'">'+name.value+'</a>';
		removeOverlay();
	}
}

function domainSearch() {
	var f = ['	<div class="title">Domain lookup</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;padding-left:10px;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle">',
			 '					<div style="font-size:12px;font-weight:bold;margin-bottom:5px;width:485px;" id="domain_status"></div>',
			 '					<input type="text" style="font-size:16px;height:25px;line-height:25px;color:black;width:485px;" id="domain_input">',
			 '					<div style="color:#999;">Example: <i>google.com</i></div>',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/builder/images/sb_button_checkavailability.png" style="cursor:pointer;" onclick="checkDomain();"></div>',
			 '	</div>'];
	//alert(f.join(''));
	var createBox = new boxOverlay({
		width:'525px',
		height:'155px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
	$('domain_input').focus();
}

function checkDomain() {
	var domain = $('domain_input').value;
	domain.replace(/www./,'');
	domain.replace(/http:\/\//,'');
	
	new Ajax.Request('/builder/ajax/checkDomain.php', {
		postBody:'domain='+$('domain_input').value,
			onSuccess: function(transport) {
			eval(transport.responseText);			
			// Domain is available
			if (domainAvailable == 1) {
				//alert('available');
				$('domain_status').setStyle({backgroundColor:'#eef8f9',color:'#4a7072',padding:'5px',textAlign:'center',width:'475px'});
				$('domain_status').innerHTML = 'Domain is available';
			} else {
				//alert('not available');
				$('domain_status').setStyle({backgroundColor:'#fdeded',color:'#ae0000',padding:'5px',textAlign:'center',width:'480px'});
				$('domain_status').innerHTML = 'Domain is NOT available';
			}
		}
	});
}
/***********************************************/
// GOOGLE CHECKOUT ACTIVATION
/***********************************************/
// Activate google checkout overlay
function activateGoogleCheckout() {
	var f = ['	<div class="title">Activate Google Checkout</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;padding-left:10px;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle">',
			 '					<div style="font-size:12px;color:black;font-weight:bold;padding-bottom:3px;">Your Google Checkout Merchant ID</div>',
			 '					<input type="text" style="font-size:16px;height:25px;line-height:25px;color:black;width:270px;" id="googlecheckout_mid">',
			 '					<div style="padding-top:0.2em;"><a href="javascript://" style="font-size:11px;font-weight:normal;" onclick="googleCheckoutHelp();">How do I find my Merchant ID?</a></div>',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/2.0/button_black_activate.png" style="cursor:pointer;" onclick="validateGoogleCheckout();"></div>',
			 '	</div>'];
	// Create overlay box
	var createBox = new boxOverlay({
		width:'425px',
		height:'245px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}
// Activate google overlay
function validateGoogleCheckout() {
	_saving();
	var googlecheckout_mid = $('googlecheckout_mid');
	if (isNaN(googlecheckout_mid.value)) {
		error('Your Google Merchant ID can only be a number');
		return;	
	}
	new Ajax.Request(domain_prefix+'/account/store/ajax/activategooglecheckout.php',{
		postBody:'mid='+googlecheckout_mid.value,
		onSuccess:function() {
			removeOverlay();
			removeOverlay();
			$('_shoppingcart').innerHTML = '<strong>Google Checkout</strong><div id="shoppingcart_google_mid">'+googlecheckout_mid.value+' <span style="color:#999;">(<a href="javascript://" onclick="activateGoogleCheckout();">change</a>)</span></div><div><a href="javascript://" onclick="changeShoppingCartProvider();">Remove/Change provider</a></div>';
			//window.location=domain_prefix+'/account/store/';
		}
    });
}
function googleCheckoutHelp() {
	var f = ['	<div class="title">How do I find my Merchant ID?</div>',
		 '		<div style="padding-top:20px;"></div>',
		 '		<div style="position:relative;padding-left:10px;">',
		 '		<table width="100%">',
		 '			<tr>',
		 '				<td valign="middle">',
		 '					<div style="color:#666;">Log in to <a href="https://checkout.google.com" target="_blank">Google Checkout</a> then click on Settings, then copy your Merchant ID (it\'s a string of numbers). Paste it into the overlay and click Activate.</div>',
		 '				</td>',
		 '			</tr>',
		 '		</table>',
		 '	</div>'];
	// Create overlay box
	var createBox = new boxOverlay({
		width:'550px',
		height:'166px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}
/***********************************************/
// PAYPAL ACTIVATION
/***********************************************/
function changeShoppingCartProvider() {
	new Ajax.Request(domain_prefix+'/account/store/ajax/disableshoppingcart.php',{
		onSuccess:function() {
			$('_shoppingcart').innerHTML = 'Activate: <a href="javascript://" onclick="activatePaypal();">PayPal</a> or <a href="javascript://" onclick="activateGoogleCheckout();">Google Checkout</a>';
			//window.location=domain_prefix+'/account/store/';
		}
    });
}
/***********************************************/
// PAYPAL ACTIVATION
/***********************************************/
// Activate paypal overlay
function activatePaypal() {
	var f = ['	<div class="title">Activate Paypal</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;padding-left:10px;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle">',
			 '					<div style="font-size:12px;color:black;font-weight:bold;padding-bottom:3px;">PayPal E-mail</div>',
			 '					<input type="text" style="font-size:16px;height:25px;line-height:25px;color:black;width:270px;" id="paypal_email">',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/2.0/button_black_activate.png" style="cursor:pointer;" onclick="validatePaypal();"></div>',
			 '	</div>'];
	// Create overlay box
	var createBox = new boxOverlay({
		width:'325px',
		height:'125px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
	_paypalemail = $('paypal_email');
	_paypalemail.focus();
	// Events
	Event.observe(_paypalemail,'keypress',function(e) {if(e.keyCode==13){validatePaypal();}});
}
// Validate paypal information
function validatePaypal() {
	_saving();
	var email = $('paypal_email');
	new Ajax.Request(domain_prefix+'/account/store/ajax/activatepaypal.php',{
		postBody:'email='+email.value,
		onSuccess:function() {
			removeOverlay();
			removeOverlay();
			$('_shoppingcart').innerHTML = '<strong>PayPal</strong><div id="shoppingcart_paypal_email">'+email.value+' <span style="color:#999;">(<a href="javascript://" onclick="activatePaypal();">change</a>)</span></div><div><a href="javascript://" onclick="changeShoppingCartProvider();">Remove/Change provider</a></div>';
			//window.location=domain_prefix+'/account/store/';
		}
    });
}
/***********************************************/

function addCategory() {
	var f = ['	<div class="title">Add category</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;padding-left:10px;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle">',
			 '					<div style="font-size:12px;color:black;font-weight:bold;padding-bottom:3px;">Category name</div>',
			 '					<input type="text" style="font-size:16px;height:25px;line-height:25px;color:black;width:270px;" id="cat_name">',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_save.png" style="cursor:pointer;" onclick="saveNewCategory();"></div>',
			 '	</div>'];
	//alert(f.join(''));
	var createBox = new boxOverlay({
		width:'325px',
		height:'125px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}
function saveNewCategory() {
	//_saving();
	var name = $('cat_name').value;
	new Ajax.Request(domain_prefix+'/account/store/ajax/addcategory.php',{
		postBody:'category='+name,
		onSuccess: function(transport) {
			eval(transport.responseText);
			if (!$('category_select')) {
				switchStoreTab(2);
				var html = ['	<table width="100%" cellspacing="0" cellpadding="0">',
							'		<tr>',
							'			<td style="color:#999;" width="5%" class="catcount">',
							'				'+(categoryCount+1),
							'			</td>',
							'			<td width="50%" id="catname_'+recordID+'">',
							'				<a href="'+domain_prefix+'/account/store/cat/?id='+recordID+'">'+name+'</a>',
							'			</td>',
							'			<td width="10%" align="center" style="color:#999">',
							'				',
							'			</td>',
							'			<td width="35%" align="right">',
							'				<a href="javascript://" onclick="renameCategory('+recordID+',$(\'catname_'+recordID+'\').innerHTML);">Rename</a> <span style="color:#999;">&bull;</span> <a href="javascript://" onclick="deleteCategory('+recordID+');">Delete</a>',
							'			</td>',
							'		</tr>',
							'	</table>'];
				if (categoryCount == 0) {
					$('_categories').innerHTML = html.join('');
				} else {
					var newcat = $(document.createElement('div'));
					newcat.setStyle({display:'none',borderBottom:'1px solid #ececec',padding:'10px'});
					newcat.setAttribute('id','category_'+recordID);
					$('_categories').appendChild(newcat);
					newcat.innerHTML = html.join('');
					new Effect.Appear(newcat,{duration:0.5});
				}
				removeOverlay();
				removeOverlay();
				categoryCount++;
			} else {
				var elSel = $('category_select');
				var elOptNew = document.createElement('option');
				elOptNew.text = name;
				elOptNew.value = recordID;
				var elOptOld = elSel.options[elSel.length-2];  
				try {
				  elSel.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE
				}
				catch(ex) {
				  elSel.add(elOptNew, elSel.length-2); // IE only
				}
				elSel.selectedIndex = elSel.length-3;
				removeOverlay();
				removeOverlay();
			}
		}
		
	});
}

function deleteCategory(category) {
	$('_categories').removeChild($('category_'+category));

	var records = $('_categories').select('.catcount');
	var counter = 1;
	if (records.length > 0) {
		for(var x = 0;x<records.length;x++) {
			records[x].innerHTML = ''+counter+'';
			counter++;
		}
	} else {
		$('_categories').innerHTML = "<div style='margin-top:60px;margin-bottom:60px;text-align:center;color:#999;'>You haven't created any categories. <a href='javascript://' onclick='addCategory();'>Add a category</a>.</div>";	
	}
	if (typeof categoryCount != 'undefined') {
		categoryCount = categoryCount - 1;	
	}
	new Ajax.Request(domain_prefix+'/account/store/ajax/deletecategory.php',{
		postBody:'cat='+category
	});
}


Event.observe(window,'load',function() {
	if ($('layout')) {
		var mouseoverObjects = 	$('layout').select('.row_mouseout');
		for(var x = 0;x<mouseoverObjects.length;x++) {
			Event.observe(mouseoverObjects[x],'mouseover',function() {
				this.removeClassName('row_mouseout');
				this.addClassName('row_mouseover');
			});
			Event.observe(mouseoverObjects[x],'mouseout',function() {
				this.removeClassName('row_mouseover');
				this.addClassName('row_mouseout');
			});
		}
	}
});

// http://myles.eftos.id.au/blog/2006/04/13/javascript-colour-picker-based-on-prototype/
var ColourPicker = Class.create();
ColourPicker.prototype = {
    colourArray: new Array(),
    element: null,
    trigger: null,
    tableShown: false,
    
    initialize: function(element, trigger) {
        this.colourArray = new Array();
        this.element = $(element);
        this.trigger = $(trigger);
        
        this.trigger.onclick = this.toggleTable.bindAsEventListener(this);
        // Initialise the color array
        this.initColourArray();
        this.buildTable();
        
    },
    initColourArray: function() {
        var colourMap = new Array('00', '33', '66', '99', 'AA', 'CC', 'EE', 'FF');
        for(i = 0; i < colourMap.length; i++) {
            this.colourArray.push(colourMap[i] + colourMap[i] + colourMap[i]);
        }
        
        // Blue
        for(i = 1; i < colourMap.length; i++) {
            if(i != 0 && i != 4 && i != 6) {
                this.colourArray.push(colourMap[0] + colourMap[0] + colourMap[i]);
            }
        }
        for(i = 1; i < colourMap.length; i++) {
            if(i != 2 && i != 4 && i != 6 && i != 7) {
                this.colourArray.push(colourMap[i] + colourMap[i] + colourMap[7]);
            }
        }
        
        // Green
        for(i = 1; i < colourMap.length; i++) {
            if(i != 0 && i != 4 && i != 6) {
                this.colourArray.push(colourMap[0] + colourMap[i] + colourMap[0]);
            }
        }
        for(i = 1; i < colourMap.length; i++) {
            if(i != 2 && i != 4 && i != 6 && i != 7) {
                this.colourArray.push(colourMap[i] + colourMap[7] + colourMap[i]);
            }
        }
        
        // Red
        for(i = 1; i < colourMap.length; i++) {
            if(i != 0 && i != 4 && i != 6) {
                this.colourArray.push(colourMap[i] + colourMap[0] + colourMap[0]);
            }
        }
        for(i = 1; i < colourMap.length; i++) {
            if(i != 2 && i != 4 && i != 6 && i != 7) {
                this.colourArray.push(colourMap[7] + colourMap[i] + colourMap[i]);
            }
        }
        
        // Yellow
        for(i = 1; i < colourMap.length; i++) {
            if(i != 0 && i != 4 && i != 6) {
                this.colourArray.push(colourMap[i] + colourMap[i] + colourMap[0]);
            }
        }
        for(i = 1; i < colourMap.length; i++) {
            if(i != 2 && i != 4 && i != 6 && i != 7) {
                this.colourArray.push(colourMap[7] + colourMap[7] + colourMap[i]);
            }
        }
        
        // Cyan
        for(i = 1; i < colourMap.length; i++) {
            if(i != 0 && i != 4 && i != 6) {
                this.colourArray.push(colourMap[0] + colourMap[i] + colourMap[i]);
            }
        }
        for(i = 1; i < colourMap.length; i++) {
            if(i != 2 && i != 4 && i != 6 && i != 7) {
                this.colourArray.push(colourMap[i] + colourMap[7] + colourMap[7]);
            }
        }
        
        // Magenta
        for(i = 1; i < colourMap.length; i++) {
            if(i != 0 && i != 4 && i != 6) {
                this.colourArray.push(colourMap[i] + colourMap[0] + colourMap[i]);
            }
        }
        for(i = 1; i < colourMap.length; i++) {
            if(i != 2 && i != 4 && i != 6 && i != 7) {
                this.colourArray.push(colourMap[7] + colourMap[i] + colourMap[i]);
            }
        }
    },
    buildTable: function() {
        if(!this.tableShown) {
            html = "<table class=\"colorPicker\" width='100%' height='100%' cellspacing='2' cellpadding='0'>"
            for(i = 0; i < this.colourArray.length; i++) {
                if(i % 8 == 0) {
                    html += "<tr>";
                }
                html += "<td style=\"background-color: #" + this.colourArray[i] + ";\" title=\"#" + this.colourArray[i] +  "\" onClick=\"$('" + this.trigger.id + "').setStyle({color:'#" + this.colourArray[i] + "'}); selectedObject.immediateDescendants()[0].setAttribute('color','" + this.colourArray[i] + "'); selectedObject.immediateDescendants()[0].setStyle({color:'#" + this.colourArray[i] + "'}); colorDiv.style.display = 'none';\">&nbsp;</td>";
                if(i % 8 == 7) {
                    html += "</tr>";
                }
            }
            html += "</table>";
            var position = this.trigger.cumulativeOffset();
			var dimensions = this.trigger.getDimensions();
			if (typeof colorDiv == 'undefined') {
				colorDiv = $(document.createElement('div'));
				//alert(eval(position.top-100-dimensions.height));
				// eval(position.top-100-dimensions.height)+
				// eval(position.left-100-dimensions.height)+
				colorDiv.setStyle({position:'absolute',zIndex:999999999,width:'150px',height:'150px',backgroundColor:'white',top:eval(position.top-143)+'px',left:eval(position.left+8)+'px',border:'1px solid #CCC'});
				document.body.appendChild(colorDiv);
				//alert(html);
				colorDiv.innerHTML = html;
				//new Insertion.After(this.trigger, html);
				
				this.divDisplay = function(e) {
					if (Event.element(e) != this.trigger) {
						colorDiv.setStyle({display:'none'});
						Event.stopObserving(document,'click',this.display);
					}
				}
				
				Event.observe(document,'click',this.divDisplay);
				
			}
        }
    },
    toggleTable: function(sender) {
        if (colorDiv.getStyle('display') == '') {
			colorDiv.setStyle({display:'none'});	
		} else {
			colorDiv.setStyle({display:''});
		}
		//var obj = $(Event.element(sender).id + 'ColourPicker');
        //obj.style.display = (obj.style.display == 'block' ? 'none' : 'block');
    }
}


boxOverlayArray = [];
function boxOverlay(optObj) {
	var optObj = optObj || {}
	var boxWidth = optObj.width || '500px'
	var boxHeight = optObj.height || '500px'
	var format = optObj.format || '<a href="javascript://" onclick="removeOverlay();>Close</a>'	
	var boxStyle = optObj.style || false
	var d = new Date();
	var overlayID = 'overlay'+Math.floor(Math.random()*d.getTime()*999);
	var boxID = 'box'+Math.floor(Math.random()*d.getTime()*999);
	var content = optObj.content || false;
	if (optObj.showFormat == 'undefined' || optObj.showFormat == null) {
		var showFormat = true;
	} else {
		var showFormat = optObj.showFormat;
	}
	
	this.init = function() {
		if (boxOverlayArray.length >= 1) {
			var zindex = boxOverlayArray[boxOverlayArray.length-1].zi + 3;
		} else {
			var zindex = 15000;
		}
		
		var myWidth = 0, myHeight = 0;

		if( typeof( window.innerWidth ) == 'number' ) {
			//Non-IE
			myWidth = window.innerWidth;
			myHeight = window.innerHeight;
		} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
			//IE 6+ in 'standards compliant mode'
			myWidth = document.documentElement.clientWidth;
			myHeight = document.documentElement.clientHeight;
		} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
			//IE 4 compatible
			myWidth = document.body.clientWidth;
			myHeight = document.body.clientHeight;
		}				
		var olay = $(document.createElement('div'));
		olay.setAttribute('id',overlayID);
		olay.setStyle({opacity:0.3,position:'absolute',zIndex:zindex,width:myWidth+'px',height:myHeight+'px',backgroundColor:'black',top:'0px',left:'0px'});
		document.body.appendChild(olay);
		
		var box = $(document.createElement('div'));
		box.setAttribute('id',boxID);
		box.setStyle({position:'absolute',zIndex:zindex+1,width:boxWidth,height:boxHeight,top:'0px',left:'0px'});
		document.body.appendChild(box);
		boxOverlayArray.push({box:boxID,overlay:overlayID,zi:zindex})
		
		if (boxStyle) {
			box.setStyle(boxStyle);
		}
		
		if (showFormat) {
			var a = [
				'<table width="100%" cellpadding="0" cellspacing="0">'
				,'	<tr>'
				,'		<td style="width:14px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_top_left.png"></td>'
				,'		<td style="background-image:url(/wwwroot/r/relyoncsi.com/sitebuilder/images/box_top_bg.png);background-repeat:repeat-x;" align="left"></td>'
				,'		<td style="width:14px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_top_right.png"></td>'
				,'	</tr>'
				,'	<tr>'
				,'		<td style="width:14px;background-image:url(/wwwroot/r/relyoncsi.com/sitebuilder/images/box_left_bg.png);background-repeat:repeat-y;">&nbsp;</td>'
				,'		<td style="background-color:#fff;">'+content+'</td>'
				,'		<td style="width:14px;background-image:url(/wwwroot/r/relyoncsi.com/sitebuilder/images/box_right_bg.png);background-repeat:repeat-y;">&nbsp;</td>'
				,'	</tr>'
				,'	<tr>'
				,'		<td style="width:14px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_bottom_left.png"></td>'
				,'		<td style="background-image:url(/wwwroot/r/relyoncsi.com/sitebuilder/images/box_bottom_bg.png);background-repeat:repeat-x;">&nbsp;</td>'
				,'		<td style="width:14px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_bottom_right.png"></td>'
				,'	</tr>'
				,'</table>'];
		} else {
			var a = [content];
		}
		
		if (content) {
			box.innerHTML = a.join('');
		} else {
			box.innerHTML = format;
		}
		
		test2 = function() {var position = this.maintPos();this.boxCenter();}.bind(this);
		Event.observe(window, 'scroll', test2);
		
		this.boxCenter();
		this.maintPos();
	}
	this.boxCenter = function() {
		var elem;
		var emSize = 0;
		var elm_x,elm_y = 0;
		var scrollPos = getScrollPos();
		var	pageSize = getPageSize();
		for(var x = 0; x < boxOverlayArray.length;x++){
			elem = $(boxOverlayArray[x].box);
			//if (!elem) {Event.stopObserving(window,'scroll',test2);alert('doesnt exist');}
			emSize = getElementSize(elem);
			if ((emSize.height+100) < pageSize.height) {
				elm_x = eval(Math.round(pageSize.width/2) - (emSize.width /2) + scrollPos.scroll_x);
				elm_y = eval(Math.round(pageSize.height/2) - (emSize.height /2) + scrollPos.scroll_y);
				elem.style.left = elm_x+'px';
				elem.style.top = elm_y+'px';
			} else {
				if (emSize.width < pageSize.width) {
					elm_x = eval(Math.round(pageSize.width/2) - (emSize.width /2) + scrollPos.scroll_x);
					elem.style.left = elm_x+'px';
				} else {
					elem.style.left = '0px';
				}
				elem.style.top = '100px';
			}
		}
	}
	this.maintPos = function() {
		for(var x = 0; x < boxOverlayArray.length;x++){
			var scrollYoffset = getScrollHeight();
			var scrollXoffset = getScrollWidth();
			var w = screenSize('width')+scrollXoffset-getScrollerWidth();
			var h = screenSize('height')+scrollYoffset;
			$(boxOverlayArray[x].overlay).style.width = w+"px";
			$(boxOverlayArray[x].overlay).style.height = h+"px";
		}
	}
}

function getScrollerWidth() {
    var scr = null;
    var inn = null;
    var wNoScroll = 0;
    var wScroll = 0;

    // Outer scrolling div
    scr = document.createElement('div');
    scr.style.position = 'absolute';
    scr.style.top = '-1000px';
    scr.style.left = '-1000px';
    scr.style.width = '100px';
    scr.style.height = '50px';
    // Start with no scrollbar
    scr.style.overflow = 'hidden';

    // Inner content div
    inn = document.createElement('div');
    inn.style.width = '100%';
    inn.style.height = '200px';

    // Put the inner div in the scrolling div
    scr.appendChild(inn);
    // Append the scrolling div to the doc
    document.body.appendChild(scr);

    // Width of the inner div sans scrollbar
    wNoScroll = inn.offsetWidth;
    // Add the scrollbar
    scr.style.overflow = 'auto';
    // Width of the inner div width scrollbar
    wScroll = inn.offsetWidth;

    // Remove the scrolling div from the doc
    document.body.removeChild(
        document.body.lastChild);

    // Pixel width of the scroller
    return (wNoScroll - wScroll);
}
removeOverlay = function() {
	document.body.removeChild($(boxOverlayArray[boxOverlayArray.length-1].box));
	document.body.removeChild($(boxOverlayArray[boxOverlayArray.length-1].overlay));
	boxOverlayArray.pop();
			
}
getScrollHeight = function() {
   var h = window.pageYOffset ||
		   document.body.scrollTop ||
		   document.documentElement.scrollTop;
		   
   return h ? h : 0;
}
getScrollWidth = function() {
   var w = window.pageXOffset ||
           document.body.scrollLeft ||
           document.documentElement.scrollLeft;
           
   return w ? w : 0;
} 
getElementSize = function(elem) {
	var w = elem.offsetWidth ||  elem.style.pixelWidth;
	var h = elem.offsetHeight || elem.style.pixelHeight;
	return {'width':w,'height':h}
}
getScrollPos = function() {
	var docElem = document.documentElement;
	var scrollX = self.pageXOffset || (docElem&&docElem.scrollLeft) || document.body.scrollLeft;
	var scrollY = self.pageYOffset || (docElem&&docElem.scrollTop) || document.body.scrollTop;
	return {scroll_x:scrollX,scroll_y:scrollY}
}

getPageSize = function() {
	var docElem = document.documentElement
	var width = self.innerWidth || (docElem&&docElem.clientWidth) || document.body.clientWidth;
	var height = self.innerHeight || (docElem&&docElem.clientHeight) || document.body.clientHeight;
	return {'width':width,'height':height}
}
function screenSize(what) {
	var myWidth = 0, myHeight = 0;
	
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	if (what == "width") {
		return myWidth;
	} else {
		return myHeight;
	}
}


// Slider effect
fxSlide = function(elm) {
	var elm = $(elm);
	if (!$(elm)) {alert('Error with loading slider');return;}
	var slides = elm.select('.slide');
	var test = $(slides[0]);
	var slide_width = parseInt(test.getStyle('width'));
	
	/*this.next = function() {
		var elmLeft;
		elm.absolutize();
		if (parseInt(elm.getStyle('left')) < 0) {elmLeft = parseInt(elm.getStyle('left'))*-1;} else {elmLeft = parseInt(elm.getStyle('left'));}
		if (elmLeft%slide_width > 0) {return;}
		if (parseInt(elm.getStyle('left'))-slide_width != (slides.length*slide_width)*-1) {
			new Effect.Move (elm,{ x: eval(parseInt(elm.getStyle('left'))-slide_width), mode: 'absolute'});
		}
	}*/
	this.currentSlide = function() {
		if (!elm.getStyle('left') || elm.getStyle('left') == null) {elmLeft = 0;} else {if (parseInt(elm.getStyle('left')) < 0) {elmLeft = parseInt(elm.getStyle('left'));} else {elmLeft = parseInt(elm.getStyle('left'));}}
		if (eval((elmLeft/slide_width)) == 0) {
			var current_slide = eval((elmLeft/slide_width));
		} else {
			var current_slide = eval((elmLeft/slide_width)*-1);
		}
		return current_slide;	
	}
	this.goto = function(slide,obj) {
		var obj = obj || {}
		var onComplete = obj.onComplete || false;
		var elmLeft;
		if (!elm.getStyle('left') || elm.getStyle('left') == null) {elmLeft = 0;} else {if (parseInt(elm.getStyle('left')) < 0) {elmLeft = parseInt(elm.getStyle('left'));} else {elmLeft = parseInt(elm.getStyle('left'));}}
		if (eval((elmLeft/slide_width)) == 0) {
			var current_slide = eval((elmLeft/slide_width));
		} else {
			var current_slide = eval((elmLeft/slide_width)*-1);
		}
		var percent = elmLeft%slide_width;
		if (percent < 0) {percent = percent*-1;}
		if (percent > 0) {return;}
		if (slide == current_slide) {return;}
		if (slide < current_slide) {
			if (slide == 0) {
				var xLeft = 0;
			} else {
				var xNew = eval(slide*slide_width)*-1;
				var xCurrent = eval((current_slide-1)*slide_width);
				var xLeft = xNew;
			}
			new Effect.Move (elm,{ x: xLeft, mode: 'absolute'});
		} else if (slide > current_slide) {
			if (current_slide == 0) {
				var xNew = eval(slide*slide_width)*-1;
				var xCurrent = eval((current_slide)*slide_width);
				var xLeft = xNew-xCurrent;
			} else {
				var xNew = eval(slide*slide_width)*-1;
				var xCurrent = eval((current_slide)*slide_width);
				var xLeft = (xNew-xCurrent)+xCurrent;
			}
			new Effect.Move (elm,{ x: xLeft, mode: 'absolute'});
		}
		if (onComplete) {
			eval(onComplete);	
		}
	}
	
	this.next = function() {
		var elmLeft;
		if (!elm.getStyle('left') || elm.getStyle('left') == null) {elmLeft = 0;} else {if (parseInt(elm.getStyle('left')) < 0) {elmLeft = parseInt(elm.getStyle('left'));} else {elmLeft = parseInt(elm.getStyle('left'));}}
		//alert('left:'+elmLeft+' | %:'+elmLeft%slide_width);
		var percent = elmLeft%slide_width;
		if (percent < 0) {percent = percent*-1;}
		if (percent > 0) {return;}
		if (parseInt(elmLeft)-slide_width != (slides.length*slide_width)*-1) {
			new Effect.Move (elm,{ x: eval(parseInt(elmLeft)-slide_width), mode: 'absolute'});
		}
	}
	
	this.prev = function() {
		var elmLeft;
		if (parseInt(elm.getStyle('left')) < 0) {elmLeft = parseInt(elm.getStyle('left'))*-1;} else {elmLeft = parseInt(elm.getStyle('left'));}
		if (elmLeft%slide_width > 0) {return;}
		if (parseInt(elm.getStyle('left'))+slide_width <= 0) {
			new Effect.Move (elm,{ x: eval(parseInt(elm.getStyle('left'))+slide_width), mode: 'absolute'});
		}
	}
	
	this.first = function() {
		var elmLeft;
		if (parseInt(elm.getStyle('left')) < 0) {elmLeft = parseInt(elm.getStyle('left'))*-1;} else {elmLeft = parseInt(elm.getStyle('left'));}
		if (elmLeft%slide_width > 0) {return;}
		if (parseInt(elm.getStyle('left')) != 0) {
			new Effect.Move (elm,{ x: 0, mode: 'absolute'});
		}
	}
	
	this.last = function() {
		var elmLeft;
		if (parseInt(elm.getStyle('left')) < 0) {elmLeft = parseInt(elm.getStyle('left'))*-1;} else {elmLeft = parseInt(elm.getStyle('left'));}
		if (elmLeft%slide_width > 0) {return;}
		if (parseInt(elm.getStyle('left')) != slides.length-1*slide_width) {
			new Effect.Move (elm,{ x: eval((slides.length-1)*slide_width)*-1, mode: 'absolute'});
		}
	}
}


pageSections = [];
referencePageSections = [];
pageSectionsDrafts = [];
referencePageSectionsDrafts = [];
ajaxProcessing = false;
siteFiles = [];
referenceSiteFiles = [];
retrievedSiteFiles = false;
iraListingLinks = {my_listings:null,comp_listings:null,open_houses:null}
sectionPhotos = []; // section, file, align
referenceSectionPhotos = []; // section, file, align

error = function(message) {
	var createBox = new boxOverlay({
		width:'400px',
		height:'100px',
		content:'<div class="box"><div style="font-size:16px;color:#ae0000;font-weight:bold;text-align:center;">'+message+'</div><div style="position:absolute;bottom:-70px;right:20px;width:100px;height:50px;"><a href="javascript://" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_button_ok.jpg" border="0" id="error_ok"></a></div></div>'
	});
	createBox.init();
	$('error_ok').focus();
}

saveSelectedPhoto = function(section,file) {
	_saving();
	//var photo_link = $('selectphoto_link');
	var photo_align = $('selectphoto_align');
	var photo_width = $('selectphoto_width');
	var photo_crop = $('selectphoto_crop');
	var photo_position = $('selectphoto_position');
	
	if (photo_crop.checked) {
		var crop = 1;
	} else {
		var crop = 0;	
	}
	
	new Ajax.Request(domain_prefix+'/account/pages/ajax/savesectionphoto.php', {
		//postBody:'section='+section+'&file='+file+'&link='+photo_link.value+'&align='+photo_align.value+'&width='+photo_width.value+'&crop='+crop,
		 postBody:'section='+section+'&file='+file+'&align='+photo_align.value+'&width='+photo_width.value+'&crop='+crop+'&position='+photo_position.value,
		 onSuccess:function(transport) {
			 eval(transport.responseText);
			setTimeout("removeOverlay();",500);
			setTimeout("removeOverlay();",500);
			//setTimeout("removeOverlay();",500);
			for(var x = 0;x<sectionPhotos.length;x++) {
				if (sectionPhotos[x].id == recordID) {
					referenceSectionPhotos[sectionPhotos[x].id] = sectionPhotos[x];
					break;
				}
			}
			var counter = 0;
			for(var x = 0;x<sectionPhotos.length;x++) {
				if (sectionPhotos[x].section == section) {
					counter++;	
				}
			}
			$('_button_selectedphotos').innerHTML = '<a href="javascript://" onclick="addPagePhotos('+section+',2);" style="font-size:14px;font-weight:bold;">Selected ('+counter+')</a>';
		 }
	});
}

updateSelectedPhoto = function(record) {
	_saving();
	//var photo_link = $('selectphoto_link');
	var photo_align = $('selectphoto_align');
	var photo_width = $('selectphoto_width');
	var photo_crop = $('selectphoto_crop');
	var photo_position = $('selectphoto_position');
	
	
	for(var x = 0;x<sectionPhotos.length;x++) {
		if (sectionPhotos[x].id == record) {
			sectionPhotos[x].align = photo_align.value;
			sectionPhotos[x].width = photo_width.value;
			break;
		}
	}
	
	if (photo_crop.checked) {
		var crop = 1;
	} else {
		var crop = 0;	
	}
	
	new Ajax.Request(domain_prefix+'/account/pages/ajax/updatesectionphoto.php', {
		 postBody:'id='+record+'&section='+referenceSectionPhotos[record].section+'&align='+photo_align.value+'&width='+photo_width.value+'&crop='+crop+'&position='+photo_position.value,
		 onSuccess:function() {
			setTimeout("removeOverlay();",500);
			setTimeout("removeOverlay();",500);
		 }
	});
}


removeSelectedPhoto = function(section,file) {	
	new Ajax.Request(domain_prefix+'/account/pages/ajax/removesectionphoto.php', {
		 postBody:'section='+section+'&file='+file,
		 onSuccess:function() {
			//setTimeout("removeOverlay();",500);
		 }
	});
	for(var x = 0;x<sectionPhotos.length;x++) {
		if (sectionPhotos[x].section == section && sectionPhotos[x].file == file) {
			sectionPhotos.splice(x,1);
			break;
		}
	}
	var counter = 0;
	for(var x = 0;x<sectionPhotos.length;x++) {
		if (sectionPhotos[x].section == section) {
			counter++;	
		}
	}
	if (counter > 0) {
		$('_button_selectedphotos').innerHTML = '<a href="javascript://" onclick="addPagePhotos('+section+',2);" style="font-size:14px;font-weight:bold;">Selected ('+counter+')</a>';
	} else {
		addPagePhotos(section,1);
		$('_button_selectedphotos').innerHTML = 'Selected';
	}
	addPagePhotos(section,2);
}


viewPhoto = function(file) {
	
	//preload image files
	var loadImage = document.createElement('img');
	//var test = "/wwwroot/r/relyoncsi.com/sitebuilder/data/websites/"+file.site+"/photos/"+encodeURI(file.file.replace(/'/,"\'"));	
	var padding = 125;
	var imageHeight = 0;
	imageHeight = parseInt(pageHeight())-padding;
	if (file.type == 'product') {
		var test = "http://sitedata.relyoncsi.com/image.php?height="+imageHeight+"&image=/websites/"+file.site+"/products/"+file.product+"/"+encodeURI(file.file.replace(/'/,"\'"));
	} else {
		var test = "http://sitedata.relyoncsi.com/image.php?height="+imageHeight+"&image=/websites/"+file.site+"/photos/"+encodeURI(file.file.replace(/'/,"\'"));
	}
	_loading2();
	if (file.allowFormat == 'undefined' || file.allowFormat == null) {
		var allowFormat = true;
	} else {
		var allowFormat = file.allowFormat;	
	}
	if (file.showClose == 'undefined' || file.showClose == null) {
		var showClose = true;
	} else {
		var showClose = file.showClose;	
	}
	if (file.closeOnClick == 'undefined' || file.closeOnClick == null) {
		var closeOnClick = true;
	} else {
		var closeOnClick = file.closeOnClick;	
	}

	loadImage.onload = function() {
		removeOverlay();
		
		var f = ['		<div style="position:relative;padding-left:10px;">',
			 '		<table>',
			 '			<tr>',
			 '				<td valign="middle">',
			 "					<div align='center'><div id='imagepreview'></div></div>",
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '	</div>'];
		
		if (showClose) {
			var closeButton = '<div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>';
		} else {
			var closeButton = '';
		}
		
		var createBox = new boxOverlay({
			width:(this.width)+'px',
			height:(this.height)+'px',
			showFormat:allowFormat,
			content:'<div class="box">'+closeButton+f.join('')+'</div>'
		});
		createBox.init();
		$('imagepreview').appendChild(this);
		
		if (closeOnClick) {
			$(loadImage).setStyle({cursor:'pointer',border:'1px solid black'});
			Event.observe($(loadImage),'click',function() {
				removeOverlay();
			});
		}
		
	}.bind(loadImage);
	
	loadImage.src = test;
}

function assignParams() {
	upload1.setPostParams({'phpsess':$('user_phpsessid').value,'massupload_name':$('massupload_name').value,'massupload_cat':$('massupload_cat').value});
}
function massUpload(phpsessid) {
	var categoriesHTML = [];
	for(var x = 0;x<storeCategories.length;x++) {
		categoriesHTML.push('<option value="'+storeCategories[x].id+'">'+storeCategories[x].name+'</option>');	
	}
	var f = ['	<div class="title">Add many products</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td style="width:400px;">',
			 '					<div class="flash" id="fsUploadProgress1" style="overflow:auto;height:250px;width:400px;"></div>',
			 '				</td>',
			 '				<td style="padding-left:10px;" valign="top">',
			 '					<div style="font-size:12px;color:#333;line-height:145%;margin-bottom:15px;text-align:justify;">Click the "Select files..." button to choose up to 300 images at a time for uploading. Below is some options to mass categorize the uploads.</div>',
			 '					<div style="font-size:12px;font-weight:bold;color:#999;margin-bottom:4px;">Name</div>',
			 '					<input type="text" id="massupload_name" style="margin-bottom:5px;width:190px;">',
			 '					<div style="font-size:12px;font-weight:bold;color:#999;margin-bottom:4px;">Category</div>',
			 '					<select id="massupload_cat" style="width:190px;"><option value=""></option>'+categoriesHTML.join('')+'</select>',
			 '					<br><br><span id="spanButtonPlaceholder1"></span><input id="btnCancel1" type="button" value="Cancel" onclick="cancelQueue(upload1);" disabled="disabled" style="font-size: 8pt;" />',
			 '					<input type="hidden" id="user_phpsessid" value="'+phpsessid+'">',
			 '				</td>',
			 '			</tr>',
			 '		</table>'];
	var createBox = new boxOverlay({
		width:'650px',
		height:'450px',
		content:'<div class="box"><div class="close" onclick="window.location=\''+domain_prefix+'/account/store/\';"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
	

		upload1 = new SWFUpload({
			// Backend Settings
			upload_url: "/wwwroot/r/relyoncsi.com/sitebuilder/editor/account/store/ajax/add_many.php",	// Relative to the SWF file (or you can use absolute paths)
			post_params: {},
	
			// File Upload Settings
			file_size_limit : "102400",	// 100MB
			file_types : "*.jpg;*.gif;*.png",
			file_types_description : "Images only",
			file_upload_limit : "300",
			file_queue_limit : "300",
	
			// Event Handler Settings (all my handlers are in the Handler.js file)
			file_dialog_start_handler : fileDialogStart,
			file_queued_handler : fileQueued,
			file_queue_error_handler : fileQueueError,
			file_dialog_complete_handler : fileDialogComplete,
			upload_start_handler : uploadStart,
			upload_progress_handler : uploadProgress,
			upload_error_handler : uploadError,
			upload_success_handler : uploadSuccess,
			upload_complete_handler : uploadComplete,
			
			// Button Settings
			button_image_url : "/wwwroot/r/relyoncsi.com/sitebuilder/images/XPButtonUploadText_61x22.png",	// Relative to the SWF file
			button_placeholder_id : "spanButtonPlaceholder1",
			button_width: 61,
			button_height: 22,

			
			// Flash Settings
			flash_url : "/wwwroot/r/relyoncsi.com/sitebuilder/editor/js/swfupload/swfupload.swf",	// Relative to this file (or you can use absolute paths)
			
			custom_settings : {
				progressTarget : "fsUploadProgress1",
				cancelButtonId : "btnCancel1"
			},
			
			// Debug Settings
			debug: false
		});
	
	
}

newLink = function() {
	if (validStore) {
		var storeHTML = ['	<td valign="middle" align="center">',
			 '					<img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/addpage_storecategory.png" style="cursor:pointer;" onclick="addCategoryLink();">',
			 '				</td>'];
	} else {
		var storeHTML = [];
	}
	if (validForm) {
		var formHTML = ['	<td valign="middle" align="center">',
			 '					<img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/addpage_form.png" style="cursor:pointer;" onclick="addForm();">',
			 '				</td>'];
	} else {
		var formHTML = [];
	}
	//var file = referenceSiteFiles[file];
	var f = ['	<div class="title">Add new page/link</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle" align="center">',
			 '					<img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/addpage_newpage.png" style="cursor:pointer;" onclick="addNewPage();">',
			 '				</td>',
			 '				<td valign="middle" align="center">',
			 '					<img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/addpage_externallink.png" style="cursor:pointer;" onclick="addExternalLink();">',
			 '				</td>',
			 storeHTML.join(''),
			 formHTML.join(''),
			 '			</tr>',
			 '		</table>'];
	var createBox = new boxOverlay({
		width:'510px',
		height:'235px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}

function smartInput(helptext,elm,e) {
	if (e.type == 'focus') {
		if (elm.value == helptext) {
			elm.setStyle({color:'black'});
			elm.value = '';
		} else if (elm.value == '') {
			elm.setStyle({color:'#999'});
			elm.value = helptext;
		}
	} else {
		if (elm.value == '') {
			elm.setStyle({color:'#999'});
			elm.value = helptext;	
		} else {
			elm.setStyle({color:'black'});
		}		
	}
}
function addNewPage() {
	var f = ['	<div class="title">New Page</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle">',
			 '					<input type="text" class="text" style="width:270px;" onfocus="smartInput(\'Page name goes here...\',this,event);" onblur="smartInput(\'Page name goes here...\',this,event);" value="Page name goes here..." id="addnewpage_name">',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/2.0/button_black_create.png" style="cursor:pointer;" onclick="savePage()"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
		width:'345px',
		height:'180px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
	// Variables
	var _addnewpage = $('addnewpage_name');
	// Events
	Event.observe(_addnewpage,'keypress',function(e) {if(e.keyCode==13){savePage();}});
	// Bring focus to input box
	_addnewpage.focus();
}
savePage = function() {
	var page_name = $('addnewpage_name');
	if (page_name.value == '' || page_name.value == 'Page name goes here...') {
		error('You must name your new page.');	
		return;
	}
	_saving();
	new Ajax.Request(domain_prefix+'/account/pages/ajax/add_page.php', {
		postBody:'name='+page_name.value,
		onSuccess:function() {
			window.location=domain_prefix+'/account/pages/';
		}
	});
}
function addForm() {
	var f = ['	<div class="title">Add a Form</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle">',
			 '					<div style="font-size:12px;color:#999;font-weight:bold;margin-bottom:3px;margin-top:7px;">Title</div>',
			 '					<input type="text" style="font-size:16px;height:25px;line-height:30px;font-weight:bold;width:270px;" value="" id="form_title">',
			 '					<div style="font-size:12px;color:#999;font-weight:bold;margin-bottom:3px;margin-top:7px;">Type</div>',
			 '					<div style="font-size:12px;"><input type="radio" value="1" name="form_type1" id="form_type1" checked="checked"> Archive & E-mail  <input type="radio" value="1" id="form_archive" name="form_type"> Archive  <input type="radio" value="1" id="form_email" name="form_type"> E-mail </div>',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/2.0/button_black_next.png" style="cursor:pointer;" onclick="addFormOptions()"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
		width:'345px',
		height:'245px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
	// Variables
	var _form_title = $('form_title');
	// Events
	Event.observe(_form_title,'keypress',function(e) {if(e.keyCode==13){addFormOptions();}});
	// Bring focus to input box
	_form_title.focus();
}

function addFormOptions() {
	var f = ['	<div class="title">Add Options for: '+$('form_title').value+'</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle"><style>.option {padding:0.3em;border-bottom:1px solid #ededed;}</style>',
			 '					<div style="overflow:auto;width:350px;height:250px;" id="form_options">',
			 '						<div class="option"><table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td>Field name: </td><td><input type="text" value="" class="option_name" style="width:200px;padding:0.2em;"></td></tr></table></div>',
			 '					</div>',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/2.0/button_black_small_addoption.png" style="cursor:pointer;float:left;margin-top:0.2em;" onclick="addFormOption();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/2.0/button_black_create.png" style="cursor:pointer;" onclick="saveForm();"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
		width:'400px',
		height:'400px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
	Event.observe($$('.option_name')[0],'keypress',function(e) {if(e.keyCode==13){addFormOption();$$('.option_name')[$$('.option_name').length-1].focus();}});
	$$('.option_name')[0].focus();
}
function addFormOption() {
	var d = document.createElement('div');
	d.className = 'option';
	d.innerHTML = '<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td>Field name: </td><td><input type="text" class="option_name" value="" style="width:200px;padding:0.2em;"></td></tr></table>';
	$('form_options').appendChild(d);
	var test = $$('.option_name');
	Event.observe(test[test.length-1],'keypress',function(e) {if(e.keyCode==13){addFormOption();}});	
	var test2 = d.select('.option_name');
	test2[0].focus();
}
function saveForm() {
	// Variables
	var _form_title = $('form_title');
	// Form validation
	if (_form_title.value == '') {
		error('Please enter a title for your form.');	
		return;
	}
	// Saving overlay (stop clicking)
	_saving();
	var _options = $('form_options');
	var _opts = _options.select('.option');
	var ajax_opts = [];
	_opts.each(function(elm) {
		var opt_val = elm.select('.option_name')[0];
		ajax_opts.push(opt_val.value);
	});
	
	if ($('form_type1').checked) {
		var _type = 1;
	} else if ($('form_type2').checked) {
		var _type = 2;
	} else {
		var _type = 3;
	}
	
	new Ajax.Request(domain_prefix+'/account/pages/ajax/add_form.php', {
		postBody:'title='+escape(_form_title.value)+'&options='+ajax_opts.join('|')+'&type='+_type,
		onSuccess:function() {
			// Once loaded, refrech page to see update
			window.location=domain_prefix+'/account/pages/';
		}
	});
}
function addExternalLink() {
	var f = ['	<div class="title">External Link</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle">',
			 '					<div style="font-size:12px;color:#999;font-weight:bold;margin-bottom:3px;margin-top:7px;">Link name</div>',
			 '					<input type="text" style="font-size:16px;height:25px;line-height:30px;font-weight:bold;width:270px;" value="" id="externallink_name">',
			 '					<div style="font-size:12px;color:#999;font-weight:bold;margin-bottom:3px;margin-top:7px;">Link address</div>',
			 '					<input type="text" style="font-size:16px;height:25px;line-height:30px;font-weight:bold;width:270px;" value="" id="externallink_url">',
			 '					<div style="font-size:12px;color:#999;font-weight:bold;margin-bottom:3px;margin-top:7px;">Opens in</div>',
			 '					<select id="externallink_target"><option value="_blank">New window</option><option value="_parent">Same window</option></select>',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/2.0/button_black_create.png" style="cursor:pointer;" onclick="saveExternalLink()"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
		width:'345px',
		height:'310px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
	// Variables
	var _link_name = $('externallink_name');
	// Events
	Event.observe(_link_name,'keypress',function(e) {if(e.keyCode==13){saveExternalLink();}});
	// Bring focus to input box
	_link_name.focus();
}
function saveExternalLink() {
	// Variables
	var link_name = $('externallink_name');
	var link_url = $('externallink_url');
	var link_target = $('externallink_target');
	// Form validation
	if (link_name.value == '' || link_url.value == '') {
		error('You must name your link and provide an address.');	
		return;
	}
	// Saving overlay (stop clicking)
	_saving();
	// Ajax request
	new Ajax.Request(domain_prefix+'/account/pages/ajax/add_link.php', {
		postBody:'name='+escape(link_name.value)+'&url='+encodeURIComponent(link_url.value)+'&target='+escape(link_target.value),
		onSuccess:function() {
			// Once loaded, refrech page to see update
			window.location=domain_prefix+'/account/pages/';
		}
	});
}
function addCategoryLink() {
	var categoriesHTML = [];
	for(var x = 0;x<storeCategories.length;x++) {
		categoriesHTML.push('<option value="'+storeCategories[x].id+'">'+storeCategories[x].name+'</option>');	
	}
	
	if (categoriesHTML.length > 0) {
		var selectHTML = '<div style="font-size:12px;color:#999;font-weight:bold;margin-bottom:3px;margin-top:7px;">Choose a category</div><select id="categorylink_cat"><option value=""></option>'+categoriesHTML.join('')+'</select>';
		var saveHTML = '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/2.0/button_black_create.png" style="cursor:pointer;" onclick="saveCategoryLink()"></div>';
	} else {
		var selectHTML = '<div style="height:80px;line-height:80px;color:#999;font-weight:bold;font-size:14px;text-align:center;">You have no product categories.</div>';
		var saveHTML = '';
	}
	
	var f = ['	<div class="title">Store Category Link</div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle">',
			 selectHTML,
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 saveHTML,
			 '	</div>'];
	var createBox = new boxOverlay({
		width:'355px',
		height:'190px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}
function saveCategoryLink() {
	// Variables
	var cat_id = $('categorylink_cat');
	// Form validation
	if (cat_id.value == '') {
		error('Please choose a product category to link to.');	
		return;
	}
	// Saving overlay (stop clicking)
	_saving();
	// Ajax request
	new Ajax.Request(domain_prefix+'/account/pages/ajax/add_cat_link.php', {
		postBody:'cat='+escape(cat_id.value),
		onSuccess:function() {
			// Once loaded, refrech page to see update
			window.location=domain_prefix+'/account/pages/';
		}
	});
}


function editPhoto(record) {
	var record = referenceSectionPhotos[record];
	var file = referenceSiteFiles[record.file];
	
	if (record.align == 'left') {
		var align_left = 'selected="selected"';
		var align_center = '';
		var align_right = '';
	} else if (record.align == 'center') {
		var align_left = '';
		var align_center = 'selected="selected"';
		var align_right = '';
	} else {
		var align_left = '';
		var align_center = '';
		var align_right = 'selected="selected"';
	}
	
	if (record.position == 'top') {
		var positioning_above = 'selected="selected"';
		var positioning_below = '';
	} else {
		var positioning_above = '';
		var positioning_below = 'selected="selected"';
	}
	
	if (record.crop) {
		var cropping = 'checked="checked"';
	} else {
		var cropping = '';	
	}
	
	var widths = [72,108,144,180,216,288,360,504];
	var width_options = [];
	
	for(var x = 0;x<widths.length;x++) {
		var inches = widths[x]/72;
		if (record.width == widths[x]) {
			width_options.push('<option value="'+widths[x]+'" selected="selected">'+widths[x]+' pixels ('+inches+' inches)</option>');
		} else {
			width_options.push('<option value="'+widths[x]+'">'+widths[x]+' pixels ('+inches+' inches)</option>');
		}
	}
	
	var f = ['	<div class="title">Section <span>Update Photo</span></div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;padding-left:10px;">',
			 '		<table>',
			 '			<tr>',
			 '				<td width="50%">',
			 "					<img src='http://sitedata.relyoncsi.com/image.php?width=150&cropratio=1:1&image=/websites/"+file.site+"/photos/"+file.file+"' style='padding:0px;margin:0px'>",
			 '				</td>',
			 '				<td>',
			 '					<table>',
			 /*'						<tr>',
			 '							<td colspan="2">',
			 '								<div style="font-weight:bold;font-size:12px;padding:2px;">Link</div>',
			 '								<input type="text" id="selectphoto_link" style="width:175px;">',
			 '							</td>',
			 '						</tr>',*/
			 '						<tr>',
			 '							<td colspan="2">',
			 '								<div style="font-weight:bold;font-size:12px;padding:2px;">Positioning</div>',
			 '								<select id="selectphoto_position"><option value="top" '+positioning_above+'>Above text</option><option value="bottom" '+positioning_below+'>Below text</option></select>',
			 '							</td>',
			 '						</tr>',
			 '						<tr>',
			 '							<td colspan="2">',
			 '								<div style="font-weight:bold;font-size:12px;padding:2px;">Alignment</div>',
			 '								<select id="selectphoto_align"><option value="left" '+align_left+'>Left</option><option value="center" '+align_center+'>Center</option><option value="right" '+align_right+'>Right</option></select>',
			 '							</td>',
			 '						</tr>',
			 '						<tr>',
			 '							<td colspan="2">',
			 '								<div style="font-weight:bold;font-size:12px;padding:2px;">Size</div>',
			 '								<select id="selectphoto_width">'+width_options.join('')+'</select>',
			 '							</td>',
			 '						</tr>',
			 '						<tr>',
			 '							<td>',
			 '								<input type="checkbox" id="selectphoto_crop" '+cropping+'>',
			 '							</td>',
			 '							<td style="font-size:12px;">',
			 '								Crop to ratio 1:1 (Square)',
			 '							</td>',
			 '						</tr>',
			 '					</table>',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_save.png" style="cursor:pointer;" onclick="updateSelectedPhoto('+record.id+')"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
		width:'400px',
		height:'125px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}

selectPhoto = function(section,file) {
	var file = referenceSiteFiles[file];
	
	var widths = [72,108,144,180,216,288,360,504];
	var width_options = [];
	
	for(var x = 0;x<widths.length;x++) {
		var inches = widths[x]/72;
		width_options.push('<option value="'+widths[x]+'">'+widths[x]+' pixels ('+inches+' inches)</option>');
	}
	
	var f = ['	<div class="title">Section <span>Add Photo</span></div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;padding-left:10px;">',
			 '		<table>',
			 '			<tr>',
			 '				<td width="50%">',
			 "					<img src='http://sitedata.relyoncsi.com/image.php?width=150&cropratio=1:1&image=/websites/"+file.site+"/photos/"+file.file+"' style='padding:0px;margin:0px'>",

			 '				</td>',
			 '				<td>',
			 '					<table>',
			 /*'						<tr>',
			 '							<td colspan="2">',
			 '								<div style="font-weight:bold;font-size:12px;padding:2px;">Link</div>',
			 '								<input type="text" id="selectphoto_link" style="width:175px;">',
			 '							</td>',
			 '						</tr>',*/
			 '						<tr>',
			 '							<td colspan="2">',
			 '								<div style="font-weight:bold;font-size:12px;padding:2px;">Positioning</div>',
			 '								<select id="selectphoto_position"><option value="top">Above text</option><option value="bottom">Below text</option></select>',
			 '							</td>',
			 '						</tr>',
			 '						<tr>',
			 '							<td colspan="2">',
			 '								<div style="font-weight:bold;font-size:12px;padding:2px;">Alignment</div>',
			 '								<select id="selectphoto_align"><option value="left">Left</option><option value="center">Center</option><option value="right">Right</option></select>',
			 '							</td>',
			 '						</tr>',
			 '						<tr>',
			 '							<td colspan="2">',
			 '								<div style="font-weight:bold;font-size:12px;padding:2px;">Size</div>',
			 '								<select id="selectphoto_width">'+width_options.join('')+'</select>',
			 '							</td>',
			 '						</tr>',
			 '						<tr>',
			 '							<td>',
			 '								<input type="checkbox" id="selectphoto_crop">',
			 '							</td>',
			 '							<td style="font-size:12px;">',
			 '								Crop to ratio 1:1 (Square)',
			 '							</td>',
			 '						</tr>',
			 '					</table>',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_save.png" style="cursor:pointer;" onclick="saveSelectedPhoto('+section+','+file.id+')"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
		width:'400px',
		height:'125px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}


yourPhotos = function(id) {
	
	//alert($('frmMain').src);
	/*for(var x = 0;x<window.frames.length;x++) {
		//document.write(Object.keys(window.frames[x]).join('<br>'));
		var doc = window.frames[x].document.documentElement;
		if (doc) {
			var test = doc.getElementsByTagName('iframe');
			if (test.length > 0) {
				if (test[0].id == 'frmMain') {
					//document.write(Object.keys(test[0]).join('<br>'));
					if (test[0].contentDocument) {
						var test2 = test[0].contentDocument.getElementsByTagName('input');
					} else {
						var test2 = test[0].document.documentElement.getElementsByTagName('input');
					}
					for(var y = 0;y<test2.length;y++) {
						if (test2[y].id == 'txtUrl') {
							//var imageIFRAME = test2[y].id;
							break;	
						}
						//alert(test2[y].id);
						//if (test2[y].id == 'txtURL') {
					//		alert('worked');	
						//}
					}
					//alert(test2.value);
					//var imageIFRAME = test[0];
				}
			}
		}
		//var url = window.frames[x].src;
		//if (url.search(/fck_image.html/) != -1) {
		//	var imageIFRAME = $(window.frames[x]);
		//	break;
		//}
	}*/
	//alert(imageIFRAME.src);*/
	
	if (!retrievedSiteFiles) {
		new Ajax.Request(domain_prefix+'/account/pages/ajax/getfiles.php',{
			postBody:'',
			onSuccess: function(transport) {
				eval(transport.responseText);
				for(var y = 0;y<siteFiles.length;y++) {
					referenceSiteFiles[siteFiles[y].id] = siteFiles[y];
				}
				retrievedSiteFiles = true;
				if (siteFiles.length) {
					this.loadGallery(id);
				} else {
					this.showError();
				}
			}
		});
	} else if (!siteFiles.length) {
		this.showError();
	} else {
		this.loadGallery(id);
	}
	
	this.loadGallery = function(id) {
		
		
		var counter = 0;
		var startup = startup || false;
		for(var x = 0;x<sectionPhotos.length;x++) {
			if (sectionPhotos[x].section == id) {
				counter++;	
			}
		}
		
		var f = ['	<div class="title">Your Photos</div>',
				 '	<div style="padding-top:20px;"></div>',
				 '<div style="position:relative;">',
				 ' <div id="addphotos_buttons"></div>',
				 '	<div class="slider" style="width:700px;height:320px;">',
				 '		<div class="container" style="width:700px;height:360px;" id="addphotos_slider">',
				 '		</div>',
				 '	</div>',
				 '</div>'];
		var createBox = new boxOverlay({
			width:'700px',
			height:'400px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();
		var _sectionPhotos = 0;
		for(var w = 0;w < sectionPhotos.length; w++) {
			if (sectionPhotos[w].section == id) {
				_sectionPhotos++;
			}
		}
		
		
		var slides = [];
		var counter = 1;
		var counter2 = 1;
		var sitePhotos = [];
		var toRemove = [];
		
		for(var c = 0;c<siteFiles.length;c++) {
			if (siteFiles[c].type == 1) {
				sitePhotos.push(siteFiles[c]);	
			}
		}
		
		for(var y = 0;y < sitePhotos.length;y++) {
			for(var w = 0;w < sectionPhotos.length; w++) {
				//alert(sectionPhotos[w].file+' '+sitePhotos[y].id);
				if (sectionPhotos[w].section == id) {
					if (sectionPhotos[w].file == sitePhotos[y].id) {
						toRemove.push(sectionPhotos[w].file);
						break;
					}
				}
			}
		}
		//alert(toRemove.length);
		
		for(var r = 0;r<toRemove.length;r++) {
			for(var t = 0;t<sitePhotos.length;t++) {
				if (sitePhotos[t].id == toRemove[r]) {
					sitePhotos.splice(t,1);
					break;
				}
			}
		}
			
		//alert(sitePhotos.length);	
			
		if (sitePhotos.length) {
			for(var x = 0;x<sitePhotos.length;x++) {
				if (counter == 1) {
					slides.push('<td>');
					slides.push('	<div class="slide" style="width:700px;height:360px;" align="center">');
					slides.push('		<table width="650" border="0" cellspacing="0" cellpadding="5" align="center">');
				}
				if (counter2 == 1 || counter2 == 6) {
					slides.push('			<tr>');
				}
					slides.push('				<td align="center" width="20%">');
					slides.push("					<div class='site_photo'><div class='ppadding'><img src='http://sitedata.relyoncsi.com/image.php?width=90&cropratio=1:1&image=/websites/"+sitePhotos[x].site+"/photos/"+sitePhotos[x].file+"' style='padding:0px;margin:0px;cursor:pointer;' class='galleryElm' url='/wwwroot/r/relyoncsi.com/sitebuilder/data/websites/"+sitePhotos[x].site+"/photos/"+sitePhotos[x].file+"'><div class='options'><a href='javascript://' class='galleryElmSelect' url='/wwwroot/r/relyoncsi.com/sitebuilder/data/websites/"+sitePhotos[x].site+"/photos/"+sitePhotos[x].file+"'>Select</a></div></div></div>");
					slides.push('				</td>');
				if (counter2 == 5 || counter2 == 10) {
					slides.push('			</tr>');
					counter2 = 1;
				} else {
					counter2++;
				}
				if (counter == 10 || (x+1) == siteFiles.length) {
					slides.push('		</table>');
					slides.push('	</div>');
					slides.push('</td>');
					counter = 1;
				} else {
					counter++;
				}
			}
		} else {
			slides.push('<div style="line-height:200px;color:#666;font-weight:14px;text-align:center;">You have no uploaded photos to select.</div>');	
		}
		addPhotosButtons = [];
		if (sitePhotos.length > 8) {
			addPhotosButtons.push('	<div style="position:absolute;z-index:9999;left:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_prev.png" style="cursor:pointer;" onclick="addPagePhotosSlider.prev();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_first.png" style="cursor:pointer;" onclick="addPagePhotosSlider.first();"></div><div style="position:absolute;z-index:9999;right:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_next.png" style="cursor:pointer;" onclick="addPagePhotosSlider.next();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_last.png" style="cursor:pointer;" onclick="addPagePhotosSlider.last();"></div>');
			$('addphotos_buttons').innerHTML = addPhotosButtons.join('');
		}
		$('addphotos_slider').innerHTML = '<table border="0" cellpadding="0" cellspacing="0" width="790"><tr>'+slides.join('')+'</tr></table>';
		addPagePhotosSlider = new fxSlide('addphotos_slider');
		
		
			for(var x = 0;x<window.frames.length;x++) {
				var doc = window.frames[x].document.documentElement;
				if (doc) {
					var test = doc.getElementsByTagName('iframe');
					if (test.length > 0) {
						if (test[0].id == 'frmMain') {
							if (test[0].contentDocument) {
								var test2 = test[0].contentDocument.getElementsByTagName('input');
								var testiframe = test[0].contentWindow;
							} else {
								var test2 = test[0].contentWindow.document.getElementsByTagName('input');
								var testiframe = test[0].contentWindow;
							}
							for(var y = 0;y<test2.length;y++) {
								//alert(test2[y].id)
								if (test2[y].id == 'txtUrl') {
									var imageIFRAME = test2[y];
								}
								if (test2[y].id == 'txtWidth') {
									var widthIFRAME = test2[y];
								}
							}
						}
					}
				}
			}
			
			var gallery = $('addphotos_slider');
			// Create event for image photos
			var galleryItems = gallery.select('.galleryElm');
			for(var z = 0;z<galleryItems.length;z++) {
				Event.observe(galleryItems[z],'click',function() {
					var url = this.getAttribute('url');
					imageIFRAME.value = url;
					widthIFRAME.value = 150;
					testiframe.OnSizeChanged( 'Width', widthIFRAME.value )
					testiframe.showPreview(imageIFRAME);
					removeOverlay();
			    });
			}
			// Create event for Select link
			var galleryItemsSelect = gallery.select('.galleryElmSelect');
			for(var z = 0;z<galleryItemsSelect.length;z++) {
				Event.observe(galleryItemsSelect[z],'click',function() {
					var url = this.getAttribute('url');
					imageIFRAME.value = url;
					widthIFRAME.value = 150;
					testiframe.OnSizeChanged( 'Width', widthIFRAME.value )
					testiframe.showPreview(imageIFRAME);
					removeOverlay();
			    });
			}
			
		
	}
	
}



yourFiles = function(id) {	
	if (!retrievedSiteFiles) {
		new Ajax.Request(domain_prefix+'/account/pages/ajax/getfiles.php',{
			postBody:'',
			onSuccess: function(transport) {
				eval(transport.responseText);
				for(var y = 0;y<siteFiles.length;y++) {
					referenceSiteFiles[siteFiles[y].id] = siteFiles[y];
				}
				retrievedSiteFiles = true;
				if (siteFiles.length) {
					this.loadFiles(id);
				} else {
					this.showError();
				}
			}
		});
	} else if (!siteFiles.length) {
		this.showError();
	} else {
		this.loadFiles(id);
	}
	
	this.loadFiles = function(id) {
		
		
		var counter = 0;
		var startup = startup || false;
		for(var x = 0;x<sectionPhotos.length;x++) {
			if (sectionPhotos[x].section == id) {
				counter++;	
			}
		}
		
		var f = ['	<div class="title">Your Files</div>',
				 '	<div style="padding-top:20px;"></div>',
				 '<div style="position:relative;">',
				 ' <div id="yourfiles_buttons"></div>',
				 '	<div class="slider" style="width:700px;height:320px;">',
				 '		<div class="container" style="width:700px;height:360px;" id="yourfiles_slider">',
				 '		</div>',
				 '	</div>',
				 '</div>'];
		var fileBox = new boxOverlay({
			width:'700px',
			height:'400px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		fileBox.init();
		var _sectionPhotos = 0;
		for(var w = 0;w < sectionPhotos.length; w++) {
			if (sectionPhotos[w].section == id) {
				_sectionPhotos++;
			}
		}
		
		
		var slides = [];
		var counter = 1;
		var counter2 = 1;
		var sitePhotos = [];
		var toRemove = [];
		
		for(var c = 0;c<siteFiles.length;c++) {
			if (siteFiles[c].type == 2) {
				sitePhotos.push(siteFiles[c]);	
			}
		}
		
		for(var y = 0;y < sitePhotos.length;y++) {
			for(var w = 0;w < sectionPhotos.length; w++) {
				if (sectionPhotos[w].section == id) {
					if (sectionPhotos[w].file == sitePhotos[y].id) {
						toRemove.push(sectionPhotos[w].file);
						break;
					}
				}
			}
		}
		
		for(var r = 0;r<toRemove.length;r++) {
			for(var t = 0;t<sitePhotos.length;t++) {
				if (sitePhotos[t].id == toRemove[r]) {
					sitePhotos.splice(t,1);
					break;
				}
			}
		}
			
		if (sitePhotos.length) {
			for(var x = 0;x<sitePhotos.length;x++) {
				if (counter == 1) {
					slides.push('<td>');
					slides.push('	<div class="slide" style="width:700px;height:360px;" align="center">');
					slides.push('		<table width="650" border="0" cellspacing="0" cellpadding="1" align="center">');
				}
				if (counter2 == 1 || counter2 == 4) {
					slides.push('			<tr>');
				}
					slides.push('				<td align="center" width="20%">');
					var filetype = sitePhotos[x].file.split(".");
					slides.push("					<div class='overlay_site_file'><div class='ppadding'><div class='filename'><a href='javascript://' class='fileElm' url='/wwwroot/r/relyoncsi.com/sitebuilder/data/websites/"+sitePhotos[x].site+"/files/"+sitePhotos[x].file+"'>"+sitePhotos[x].file+"</a></div><div class='filedescription'>"+filetype[1].toUpperCase()+" file</div></div></div>");
					slides.push('				</td>');
				if (counter2 == 5 || counter2 == 12) {
					slides.push('			</tr>');
					counter2 = 1;
				} else {
					counter2++;
				}
				if (counter == 12 || (x+1) == siteFiles.length) {
					slides.push('		</table>');
					slides.push('	</div>');
					slides.push('</td>');
					counter = 1;
				} else {
					counter++;
				}
			}
		} else {
			slides.push('<div style="line-height:200px;color:#666;font-weight:14px;text-align:center;">You have no uploaded photos to select.</div>');	
		}
		addFilesButtons = [];
		if (sitePhotos.length > 8) {
			addFilesButtons.push('	<div style="position:absolute;z-index:9999;left:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_prev.png" style="cursor:pointer;" onclick="yourFilesSlider.prev();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_first.png" style="cursor:pointer;" onclick="yourFilesSlider.first();"></div><div style="position:absolute;z-index:9999;right:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_next.png" style="cursor:pointer;" onclick="yourFilesSlider.next();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_last.png" style="cursor:pointer;" onclick="yourFilesSlider.last();"></div>');
			$('yourfiles_buttons').innerHTML = addFilesButtons.join('');
		}
		$('yourfiles_slider').innerHTML = '<table border="0" cellpadding="0" cellspacing="0" width="790"><tr>'+slides.join('')+'</tr></table>';
		yourFilesSlider = new fxSlide('yourfiles_slider');
		
		
		for(var x = 0;x<window.frames.length;x++) {
			var doc = window.frames[x].document.documentElement;
			if (doc) {
				var test = doc.getElementsByTagName('iframe');
				if (test.length > 0) {
					if (test[0].id == 'frmMain') {
						if (test[0].contentDocument) {
							var test2 = test[0].contentDocument.getElementsByTagName('input');
							var test3 = test[0].contentDocument.getElementsByTagName('select');
							var testiframe = test[0].contentWindow;
						} else {
							var test2 = test[0].contentWindow.document.getElementsByTagName('input');
							var test3 = test[0].contentWindow.document.getElementsByTagName('select');
							var testiframe = test[0].contentWindow;
						}
						for(var y = 0;y<test2.length;y++) {
							if (test2[y].id == 'txtUrl') {
								var imageIFRAME = test2[y];
							}
						}
						for(var d = 0;d<test3.length;d++) {
							if (test3[d].id == 'cmbLinkProtocol') {
								var selectIFRAME = test3[d];
							}
						}							
					}
				}
			}
		}
				
		var _files = $('yourfiles_slider');
		var fileItems = _files.select('.fileElm');
		for(var z = 0;z<fileItems.length;z++) {
			Event.observe(fileItems[z],'click',function() {
				var url = this.getAttribute('url');
				imageIFRAME.value = url;
				selectIFRAME.value = '';
				removeOverlay();
			});
		}
	}
}


addPagePhotos = function(id,doLoad) {
	var doLoad = doLoad || false;
	
	if (doLoad == 1) {
		this.loadGallery(id);
		//this.loadSelected(id);
		return;
	} else if (doLoad == 2) {
		this.loadSelected(id);
		return;
	}
	
	if (!retrievedSiteFiles) {
		new Ajax.Request(domain_prefix+'/account/pages/ajax/getfiles.php',{
			postBody:'',
			onSuccess: function(transport) {
				eval(transport.responseText);
				for(var y = 0;y<siteFiles.length;y++) {
					referenceSiteFiles[siteFiles[y].id] = siteFiles[y];
				}
				retrievedSiteFiles = true;
				if (siteFiles.length) {
					this.photoViewer(id);
				} else {
					this.showError();
				}
			}
		});
	} else if (!siteFiles.length) {
		this.showError();
	} else {
		this.photoViewer(id);
	}
	
	this.showError = function() {
		error('To add photos to your page, please upload them by clicking on "Photos & Files" and then click "Upload Photos or Files".');	
	}
	this.photoViewer = function(id,startup) {
		var counter = 0;
		var startup = startup || false;
		for(var x = 0;x<sectionPhotos.length;x++) {
			if (sectionPhotos[x].section == id) {
				counter++;	
			}
		}
		if (counter > 0) {
			var _selectedPhotos = '<a href="javascript://" onclick="addPagePhotos('+id+',2);" style="font-size:14px;font-weight:bold;">Selected ('+counter+')</a>';
		} else {
			var _selectedPhotos = 'Selected (0)';
		}
		
		
		var f = ['	<div class="title">Pages <span>Add Photos</span><div style="position:absolute;right:150px;top:12px;font-size:12px;color:#CCC;"><a href="javascript://" style="font-size:14px;" onclick="addPagePhotos('+id+',1);">Gallery</a> &bull; <span id="_button_selectedphotos" style="font-size:14px;color:#999;font-weight:bold;">'+_selectedPhotos+'</span></div></div>',
				 '	<div style="padding-top:20px;"></div>',
				 '<div style="position:relative;">',
				 ' <div id="addphotos_buttons"></div>',
				 '	<div class="slider" style="width:700px;height:320px;">',
				 '		<div class="container" style="width:700px;height:360px;" id="addphotos_slider">',
				 '		</div>',
				 '	</div>',
				 '</div>'];
		var createBox = new boxOverlay({
			width:'700px',
			height:'400px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();
		var _sectionPhotos = 0;
		for(var w = 0;w < sectionPhotos.length; w++) {
			if (sectionPhotos[w].section == id) {
				_sectionPhotos++;
			}
		}

		if (_sectionPhotos > 0) {
			this.loadSelected(id);
		} else {
			this.loadGallery(id);
		}
	}
	this.loadGallery = function(id) {
		var slides = [];
		var counter = 1;
		var counter2 = 1;
		var sitePhotos = [];
		var toRemove = [];
		
		for(var c = 0;c<siteFiles.length;c++) {
			if (siteFiles[c].type == 1) {
				sitePhotos.push(siteFiles[c]);	
			}
		}
		
		for(var y = 0;y < sitePhotos.length;y++) {
			for(var w = 0;w < sectionPhotos.length; w++) {
				//alert(sectionPhotos[w].file+' '+sitePhotos[y].id);
				if (sectionPhotos[w].section == id) {
					if (sectionPhotos[w].file == sitePhotos[y].id) {
						toRemove.push(sectionPhotos[w].file);
						break;
					}
				}
			}
		}
		//alert(toRemove.length);
		
		for(var r = 0;r<toRemove.length;r++) {
			for(var t = 0;t<sitePhotos.length;t++) {
				if (sitePhotos[t].id == toRemove[r]) {
					sitePhotos.splice(t,1);
					break;
				}
			}
		}
			
		//alert(sitePhotos.length);	
			
		if (sitePhotos.length) {
			for(var x = 0;x<sitePhotos.length;x++) {
				if (counter == 1) {
					slides.push('<td>');
					slides.push('	<div class="slide" style="width:700px;height:360px;" align="center">');
					slides.push('		<table width="650" border="0" cellspacing="0" cellpadding="5" align="center">');
				}
				if (counter2 == 1 || counter2 == 5) {
					slides.push('			<tr>');
				}
					slides.push('				<td align="center" width="25%">');
					slides.push("					<div class='site_photo'><div class='ppadding'><img src='http://sitedata.relyoncsi.com/image.php?width=90&cropratio=1:1&image=/websites/"+sitePhotos[x].site+"/photos/"+sitePhotos[x].file+"' style='padding:0px;margin:0px;cursor:pointer;' onclick=\"selectPhoto("+id+",'"+sitePhotos[x].id+"');\"><div class='options'><a href='javascript://' onclick=\"selectPhoto("+id+",'"+sitePhotos[x].id+"');\">Select</a></div></div></div>");
					slides.push('				</td>');
				if (counter2 == 4 || counter2 == 8) {
					slides.push('			</tr>');
					counter2 = 1;
				} else {
					counter2++;
				}
				if (counter == 8 || (x+1) == siteFiles.length) {
					slides.push('		</table>');
					slides.push('	</div>');
					slides.push('</td>');
					counter = 1;
				} else {
					counter++;
				}
			}
		} else {
			slides.push('<div style="line-height:200px;color:#666;font-weight:14px;text-align:center;">You have no uploaded photos to select.</div>');	
		}
		addPhotosButtons = [];
		if (sitePhotos.length > 8) {
			addPhotosButtons.push('	<div style="position:absolute;z-index:9999;left:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_prev.png" style="cursor:pointer;" onclick="addPagePhotosSlider.prev();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_first.png" style="cursor:pointer;" onclick="addPagePhotosSlider.first();"></div><div style="position:absolute;z-index:9999;right:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_next.png" style="cursor:pointer;" onclick="addPagePhotosSlider.next();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_last.png" style="cursor:pointer;" onclick="addPagePhotosSlider.last();"></div>');
			$('addphotos_buttons').innerHTML = addPhotosButtons.join('');
		}
		$('addphotos_slider').innerHTML = '<table border="0" cellpadding="0" cellspacing="0" width="790"><tr>'+slides.join('')+'</tr></table>';
		addPagePhotosSlider = new fxSlide('addphotos_slider');
	}
	this.loadSelected = function(id) {
		var slides = [];
		var counter = 1;
		var counter2 = 1;
		var sitePhotos = [];
		var toRemove = [];
		
		for(var c = 0;c<sectionPhotos.length;c++) {
			if (sectionPhotos[c].section == id) {
				sitePhotos.push(sectionPhotos[c]);	
			}
		}
		
		if (sitePhotos.length) {
			for(var x = 0;x<sitePhotos.length;x++) {
				if (counter == 1) {
					slides.push('<td>');
					slides.push('	<div class="slide" style="width:700px;height:360px;" align="center">');
					slides.push('		<table width="650" border="0" cellspacing="0" cellpadding="5" align="center">');
				}
				if (counter2 == 1 || counter2 == 5) {
					slides.push('			<tr>');
				}
					slides.push('				<td align="center" width="25%">');
					slides.push("					<div class='site_photo'><div class='ppadding'><img src='http://sitedata.relyoncsi.com/image.php?width=90&cropratio=1:1&image=/websites/"+referenceSiteFiles[sitePhotos[x].file].site+"/photos/"+referenceSiteFiles[sitePhotos[x].file].file+"' style='padding:0px;margin:0px'><div class='options'><a href='javascript://' onclick=\"removeSelectedPhoto("+id+",'"+sitePhotos[x].file+"');\">Remove</a> <span style='color:#CCC;'>&bull;</span> <a href='javascript://' onclick='editPhoto("+sitePhotos[x].id+");'>Edit</a></div></div></div>");
					slides.push('				</td>');
				if (counter2 == 4 || counter2 == 8) {
					slides.push('			</tr>');
					counter2 = 1;
				} else {
					counter2++;
				}
				if (counter == 8 || (x+1) == siteFiles.length) {
					slides.push('		</table>');
					slides.push('	</div>');
					slides.push('</td>');
					counter = 1;
				} else {
					counter++;
				}
			}
		} else {
			slides.push('<div style="line-height:200px;color:#666;font-weight:14px;text-align:center;">You have no uploaded photos to select.</div>');	
		}
		var selectedPhotosButtons = [];

		if (sitePhotos.length > 8) {
			selectedPhotosButtons.push('	<div style="position:absolute;z-index:9999;left:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_prev.png" style="cursor:pointer;" onclick="selectedPagePhotosSlider.prev();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_first.png" style="cursor:pointer;" onclick="selectedPagePhotosSlider.first();"></div><div style="position:absolute;z-index:9999;right:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_next.png" style="cursor:pointer;" onclick="selectedPagePhotosSlider.next();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_last.png" style="cursor:pointer;" onclick="selectedPagePhotosSlider.last();"></div>');
			$('addphotos_buttons').innerHTML = selectedPhotosButtons.join('');
		} else {
			$('addphotos_buttons').innerHTML = '';
		}
		$('addphotos_slider').innerHTML = '<table border="0" cellpadding="0" cellspacing="0" width="790"><tr>'+slides.join('')+'</tr></table>';
		selectedPagePhotosSlider = new fxSlide('addphotos_slider');
	}
}
validateIRA = function() {
	var f = ['	<div class="title">IRA 2000 <span>Membership Validation</span></div>',
			 '	<div style="padding-top:20px;"></div>',
			 '	<div style="position:relative;padding-left:10px;">',
			 '		<div style="padding-bottom:2px;font-size:12px;color:black;">Username</div>',
			 '		<input type="text" id="ira_username" style="font-size:16px;height:25px;line-height:25px;font-weight:bold;color:black;width:375px;">',
			 '		<div style="padding-bottom:2px;padding-top:5px;font-size:12px;color:black;">Password</div>',
			 '		<input type="password" id="ira_password" style="font-size:16px;height:25px;line-height:25px;font-weight:bold;color:black;width:375px;">',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_button_validate.jpg" style="cursor:pointer;" onclick="addIRAAccount();"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
			width:'400px',
			height:'125px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();
}

selectedObject = false;
customizeHeader = function() {
	//<div class="box_inside dashes-white" style="width:125px;height:189px;font-size:12px;color:#333;"><img src="http://sitedata.relyoncsi.com/image.php?width=125&image=/websites/32/photos/charlene_3.gif" location="/websites/32/photos/charlene_3.gif" file="65" type="image"></div></div>
	var f = [//'	<div class="title"> <span>Manage Listing Links</span></div>',
			// '	<div style="padding-top:20px;"></div>',
			// '	<div style="position:relative;padding-left:10px;">',
			'	<div style="background-image:url(/wwwroot/r/relyoncsi.com/sitebuilder/images/se_pages_bg.jpg);background-repeat:no-repeat;width:825px;">',
			'		<div style="padding:10px;position:relative;">',
			'			<div class="heading">',
			'				<div class="title" style="padding-left:0px;margin-left:0px;">Customize Header</div>',
			'				<div class="description" style="padding-left:0px;padding-bottom:5px;margin-left:0px;">Insert photos, logos and text to customize your header.</div>',
			'				<div style="position:absolute;right:220px;top:36px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_inserttext.png" style="cursor:pointer;" onclick="insertHeaderText();"></div>',
			'				<div style="position:absolute;right:100px;top:36px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_insertphoto.png" style="cursor:pointer;" onclick="insertHeaderPhotos();"></div>',
			'				<div style="position:absolute;right:0px;top:34px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_save.png" style="cursor:pointer;" onclick="saveHeader();"></div>',
			'		</div>',
			'		<div align="left">',
			'			<div class="customizeheader"><div class="container" id="headercontainer"></div></div>',
			'			<div id="customizeheader_iframe"><iframe src="http://buildcheapsites.com/wwwroot/r/relyoncsi.com/sitebuilder/client_website/?d='+curSite+'&preview=1&hidetitles=1&hideheader=1" style="border:1px solid #CCC;margin-top:14px;" width="800" height="300" frameborder="0" scrolling="no"></iframe></div>',
			'			<div style="width:702px;height:48px;position:absolute;bottom:-15px;left:60px;z-index:999999;"><div id="customizeheader_ui" style="width:702px;height:48px;position:relative;background-color:#c8dcf8;line-height:48px;color:#7996be;font-weight:bold;"><center>Click an object to select it, this will allow you to move, resize or edit.</center></div></div>',
			//'			<div id="customizeheader_ui" style="width:802px;height:48px;position:relative;background-color:#c8dcf8;">sadsdasda</div>',
			'		</div>',
			'	</div>'
			// '	<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_save.png" style="cursor:pointer;" onclick="saveManageIRA();"></div>','	</div>'
			];
	var createBox = new boxOverlay({
			width:'857px',
			height:'457px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();
	//new Draggable($('customizeheader_ui'));
	//new Effect.Opacity('customizeheader_iframe',{from:1.0,to:0.7,duration:0.5});
	//_loading();
	
	if (!retrievedSiteFiles) {
		new Ajax.Request(domain_prefix+'/account/pages/ajax/getfiles.php',{
			postBody:'',
			onSuccess: function(transport) {
				eval(transport.responseText);
				for(var y = 0;y<siteFiles.length;y++) {
					referenceSiteFiles[siteFiles[y].id] = siteFiles[y];
				}
				retrievedSiteFiles = true;
				this.loadObjects();
			}
		});
	} else {
		this.loadObjects();
	}
	
	this.loadObjects = function() {
		new Ajax.Request(domain_prefix+'/account/header/ajax/getobjects.php',{
			postBody:'',
			onSuccess:function(transport) {
				eval(transport.responseText);
				var testdelay = 200;
				for(var x = 0;x<headerObjects.length;x++) {
					var _type = headerObjects[x].type;
					var _file = headerObjects[x].file;
					var _width = headerObjects[x].width;
					var _top = headerObjects[x].top;
					var _left = headerObjects[x].left;
					var _record = headerObjects[x].record;
					var _text = headerObjects[x].text;
					var _fontsize = headerObjects[x].fsize;
					var _fontcolor = headerObjects[x].fcolor;
					
					if (_type == 1) {
						new headerAddObject({type:1,fsize:_fontsize,fcolor:_fontcolor,text:_text,top:_top,left:_left,delay:eval(testdelay*x),record:_record});
					} else if (_type == 2) {
						new headerAddObject({type:2,file:_file,width:_width,top:_top,left:_left,delay:eval(testdelay*x),record:_record});
					} else {
						
					}
				}
				//removeOverlay();
			}
		});
	}
	
	/*var boxes = $('headercontainer').select(".box_outside");

	for (var x = 0;x<boxes.length;x++) {
		// Make draggable		
		new Draggable(boxes[x]);
		
		// Add selecting event
		Event.observe(boxes[x],'click',function() {
			if (selectedObject != this) {
				selectedObject = this;
				var headerObjects = $('headercontainer').select(".box_outside");
				
				headerObjects.each(function(obj) {
					obj.removeClassName('selected');
				});
				selectedObject.addClassName('selected');
				customizeHeaderUI();
			}
		});
	}*/
}
saveHeader = function() {
	var images = $('headercontainer').select('[type="image"]');
	var image_str = [];
	
	for(var x = 0;x<images.length;x++) {
		var record = images[x].readAttribute('record');
		var file = images[x].readAttribute('file');
		var node = images[x].getOffsetParent();
		var position = node.positionedOffset();
		var width = Math.floor(parseInt(images[x].getStyle('width')));
		image_str.push(record+'|'+width+'|'+file+'|'+position.left+'|'+position.top);
		//alert('Width: '+width+'px     File: '+file+'      Position: ['+position.left+','+position.top+']');
	}
	
	var text = $('headercontainer').select('[type="text"]');
	var text_str = [];
	
	for(var x = 0;x<text.length;x++) {
		var record = text[x].readAttribute('record');
		var color = text[x].readAttribute('color');
		var size = text[x].getStyle('fontSize');
		var node = text[x].getOffsetParent();
		var position = node.positionedOffset();
		var string = text[x].innerHTML;

		text_str.push(record+'|'+color+'|'+parseInt(size)+'|'+position.left+'|'+position.top+'|'+escape(string));
		//alert('Width: '+width+'px     File: '+file+'      Position: ['+position.left+','+position.top+']');
	}
	
	new Ajax.Request(domain_prefix+'/account/header/ajax/saveobjects.php',{
		postBody:'images='+image_str.join('^')+'&text='+text_str.join('^'),
		onSuccess:function(transport) {
			eval(transport.responseText);
		}
	});
}
insertHeaderText = function() {
	//var file = referenceSiteFiles[file];
	var f = ['	<div class="title">Header <span>Insert Text</span></div>',
			 '		<div style="padding-top:20px;"></div>',
			 '		<div style="position:relative;padding-left:10px;">',
			 '		<table width="100%">',
			 '			<tr>',
			 '				<td valign="middle">',
			 '					<div style="font-size:12px;color:black;font-weight:bold;padding-bottom:3px;">Text to be added</div>',
			 '					<input type="text" style="font-size:16px;height:25px;line-height:25px;color:black;width:270px;" id="header_newtext">',
			 '				</td>',
			 '			</tr>',
			 '		</table>',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_save.png" style="cursor:pointer;" onclick="headerAddObject({type:1,text:$(\'header_newtext\').value});removeOverlay();"></div>',
			 '	</div>'];
	//alert(f.join(''));
	var createBox = new boxOverlay({
		width:'300px',
		height:'150px',
		content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
	});
	createBox.init();
}
insertHeaderPhotos = function() {	
	this.showError = function() {
		error('To add photos to your page, please upload them by clicking on "Photos & Files" and then click "Upload Photos or Files".');	
	}
	this.photoViewer = function() {
		var f = ['	<div class="title">Header <span>Insert Photos</span></div>',
				 '	<div style="padding-top:20px;"></div>',
				 '<div style="position:relative;">',
				 ' <div id="addphotos_buttons"></div>',
				 '	<div class="slider" style="width:700px;height:320px;">',
				 '		<div class="container" style="width:700px;height:360px;" id="addphotos_slider">',
				 '		</div>',
				 '	</div>',
				 '</div>'];
		var createBox = new boxOverlay({
			width:'700px',
			height:'400px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();
		this.loadGallery();
	}
	this.loadGallery = function() {
		var slides = [];
		var counter = 1;
		var counter2 = 1;
		var sitePhotos = [];
		var toRemove = [];
		
		for(var c = 0;c<siteFiles.length;c++) {
			if (siteFiles[c].type == 1) {
				sitePhotos.push(siteFiles[c]);	
			}
		}
						
		if (sitePhotos.length) {
			for(var x = 0;x<sitePhotos.length;x++) {
				if (counter == 1) {
					slides.push('<td>');
					slides.push('	<div class="slide" style="width:700px;height:360px;" align="center">');
					slides.push('		<table width="650" border="0" cellspacing="0" cellpadding="5" align="center">');
				}
				if (counter2 == 1 || counter2 == 5) {
					slides.push('			<tr>');
				}
					slides.push('				<td align="center" width="25%">');
					slides.push("					<div class='site_photo'><div class='ppadding'><img src='http://sitedata.relyoncsi.com/image.php?width=90&cropratio=1:1&image=/websites/"+sitePhotos[x].site+"/photos/"+sitePhotos[x].file+"' style='padding:0px;margin:0px'><div class='options'><a href='javascript://' onclick=\"headerAddObject({type:2,file:"+sitePhotos[x].id+"});\">Insert Photo</a></div></div></div>");
					slides.push('				</td>');
				if (counter2 == 4 || counter2 == 8) {
					slides.push('			</tr>');
					counter2 = 1;
				} else {
					counter2++;
				}
				if (counter == 8 || (x+1) == siteFiles.length) {
					slides.push('		</table>');
					slides.push('	</div>');
					slides.push('</td>');
					counter = 1;
				} else {
					counter++;
				}
			}
		} else {
			slides.push('<div style="line-height:200px;color:#666;font-weight:14px;text-align:center;">You have no uploaded photos to select.</div>');	
		}
		addPhotosButtons = [];
		if (sitePhotos.length > 8) {
			addPhotosButtons.push('	<div style="position:absolute;z-index:9999;left:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_prev.png" style="cursor:pointer;" onclick="addPagePhotosSlider.prev();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_first.png" style="cursor:pointer;" onclick="addPagePhotosSlider.first();"></div><div style="position:absolute;z-index:9999;right:-65px;top:105px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_next.png" style="cursor:pointer;" onclick="addPagePhotosSlider.next();"><br><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/sb_browse_last.png" style="cursor:pointer;" onclick="addPagePhotosSlider.last();"></div>');
			$('addphotos_buttons').innerHTML = addPhotosButtons.join('');
		}
		$('addphotos_slider').innerHTML = '<table border="0" cellpadding="0" cellspacing="0" width="790"><tr>'+slides.join('')+'</tr></table>';
		addPagePhotosSlider = new fxSlide('addphotos_slider');
	}
	this.loadSelected = function() {
		//	
	}
	if (!siteFiles.length) {
		this.showError();
	} else {
		this.photoViewer();	
	}
}
function headerAddObject(obj) {
	var obj = obj || {}
	var type = obj.type || 1;
	var file = referenceSiteFiles[obj.file] || null;
	var _width = obj.width || 125;
	var _left = obj.left || 0;
	var _top = obj.top || 0;
	if (!file && type == 2) {return;}
	var _delay = obj.delay || 0;
	var _record = obj.record || 'new'
	var _text = obj.text || '';
	var _color = obj.fcolor || '000000';
	var _size = obj.fsize || '12';
	
	if (type == 1) {
		var object = $(document.createElement('div'));
		object.setStyle({opacity:0.01,position:'absolute',left:_left+'px',top:_top+'px'});
		$('headercontainer').appendChild(object);
		object.addClassName('box_outside');
		object.addClassName('dashes-black');
		this.o = object;
		setTimeout(function() {
			new Effect.Appear(this.o,{duration:0.5,from:0.01,to:1.0});
		}.bind(this),_delay);
		new Draggable(object);
		//alert(_record);
		object.innerHTML = '<div class="box_inside dashes-white" type="text" color="'+_color+'" record="'+_record+'" style="color:#'+_color+';font-size:'+_size+'px;">'+_text+'</div></div>';
		
		// Add selecting event
		Event.observe(object,'click',function() {
			if (selectedObject != this) {
				selectedObject = this;
				var headerObjects = $('headercontainer').select(".box_outside");
				
				headerObjects.each(function(obj) {
					obj.removeClassName('dashes-black-selected');
					var test = obj.immediateDescendants()[0];
					test.removeClassName('dashes-white-selected');
					
					obj.addClassName('dashes-black');
					test.addClassName('dashes-white');
					
					//obj.removeClassName('dashes-black-selected');
				});
				selectedObject.addClassName('dashes-black-selected');
				var selectedObjectChild = selectedObject.immediateDescendants()[0];
				selectedObjectChild.addClassName('dashes-white-selected');
				customizeHeaderUI();
			}
		});
	} else if (type == 2) {
		var object = $(document.createElement('div'));
		object.setStyle({opacity:0.01,position:'absolute',left:_left+'px',top:_top+'px'});
		$('headercontainer').appendChild(object);
		object.addClassName('box_outside');
		object.addClassName('dashes-black');
		this.o = object;
		setTimeout(function() {
			new Effect.Appear(this.o,{duration:0.5,from:0.01,to:1.0});
		}.bind(this),_delay);
		new Draggable(object);
		object.innerHTML = '<div class="box_inside dashes-white"><img src="http://sitedata.relyoncsi.com/image.php?width='+_width+'&image=/websites/'+file.site+'/photos/'+file.file+'" record="'+_record+'" location="/websites/'+file.site+'/photos/'+file.file+'" file="'+file.id+'" type="image"></div></div>';
		
		// Add selecting event
		Event.observe(object,'click',function() {
			if (selectedObject != this) {
				selectedObject = this;
				var headerObjects = $('headercontainer').select(".box_outside");
				
				headerObjects.each(function(obj) {
					obj.removeClassName('dashes-black-selected');
					var test = obj.immediateDescendants()[0];
					test.removeClassName('dashes-white-selected');
					
					obj.addClassName('dashes-black');
					test.addClassName('dashes-white');
					
					//obj.removeClassName('dashes-black-selected');
				});
				selectedObject.addClassName('dashes-black-selected');
				var selectedObjectChild = selectedObject.immediateDescendants()[0];
				selectedObjectChild.addClassName('dashes-white-selected');
				customizeHeaderUI();
			}
		});
	}
}
function headerRemoveObject() {
	var menu = $('customizeheader_ui');
	if (selectedObject) {
		$('headercontainer').removeChild(selectedObject);
		menu.innerHTML = '';
		selectedObject = false;
	}
}
function styleSelectedTextObject(action) {
	var action = action || '';
	if (action == 'bold') {
		if (selectedObject.immediateDescendants()[0].getStyle('fontWeight') == 'bold') {
			selectedObject.immediateDescendants()[0].setStyle({fontWeight:'normal'});
		} else {
			selectedObject.immediateDescendants()[0].setStyle({fontWeight:'bold'});	
		}
	} else {
		//alert(selectedObject.innerHTML);
		var textsize = $('selectedobject_fontsize').value;
		selectedObject.immediateDescendants()[0].setStyle({fontSize:textsize+'px'});
	}
}
function customizeHeaderUI() {
	var type_text = selectedObject.select('[type="text"]');
	var type_image = selectedObject.select('[type="image"]');
	var menu = $('customizeheader_ui');
		
	if (type_text.length) {
			var html = '<div style="left:10px;top:2px;height:45px;position:absolute;width:80px;"><a href="javascript://" onclick="styleSelectedTextObject(\'bold\');" style="font-size:18px;text-decoration:none;color:black;">B</a></div>';
			//5b7ba8
			html += '	<div style="border-left:1px solid #a5bcdc;height:25px;position:absolute;width:5px;left:30px;top:12px;"></div>';
			html += '	<div style="padding-left:15px;left:25px;top:12px;height:45px;position:absolute;width:60px;">';
			html += '		<select onchange="styleSelectedTextObject();" id="selectedobject_fontsize"><option value="12">12px</option><option value="14">14px</option><option value="16">16px</option><option value="18">18px</option><option value="24">24px</option><option value="32">32px</option><option value="36">36px</option><option value="48">48px</option></select>';
			html += '	</div>';
			/*html += '	<div style="border-left:1px solid #a5bcdc;height:25px;position:absolute;width:5px;left:60px;top:12px;"></div>';
			html += '	<div style="padding-left:15px;left:75px;top:17px;height:45px;position:absolute;width:60px;">';
			html += '		<select onchange="styleSelectedTextObject();" id="selectedobject_fontsize"><option value="12">12px</option><option value="14">14px</option><option value="16">16px</option><option value="18">18px</option><option value="24">24px</option><option value="32">32px</option><option value="36">36px</option><option value="48">48px</option></select>';
			html += '	</div>';*/
			html += '	<div style="border-left:1px solid #a5bcdc;height:25px;position:absolute;width:5px;left:118px;top:12px;"></div>';
			html += '	<div style="position:absolute;left:129px;top:10px;font-size:18px;font-weight:bold;color:black;border:1px solid #CCC;background-color:white;width:25px;height:25px;line-height:25px;text-align:center;cursor:pointer;" id="trigger">A</div>';
			html += '	<div style="border-left:1px solid #a5bcdc;height:25px;position:absolute;width:5px;left:165px;top:12px;"></div>';
			html += '	<div style="left:175px;top:17px;height:45px;position:absolute;width:60px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_customizeheader_remove.png" style="cursor:pointer;" onclick="headerRemoveObject();"></div>';
			html += '</div>';
			menu.innerHTML = html;
		//menu.innerHTML = '<a href="javascript://" onclick="styleSelectedTextObject(\'bold\');">Bold</a> | <select onchange="styleSelectedTextObject();" id="selectedobject_fontsize"><option value="12">12px</option><option value="14">14px</option><option value="16">16px</option><option value="18">18px</option></select> | <div style="position:absolute;left:150px;top:10px;font-size:18px;font-weight:bold;color:black;border:1px solid #CCC;background-color:white;width:25px;height:25px;line-height:25px;text-align:center;cursor:pointer;" id="trigger">A</div>';
		new ColourPicker("picker", "trigger");
	} else if (type_image.length) {
		menu.innerHTML = '<div style="left:10px;top:8px;height:45px;position:absolute;width:80px;"><div id="zoomSlider" class="track"><div class="handle"></div></div></div><div style="border-left:1px solid #a5bcdc;height:25px;position:absolute;width:5px;left:108px;top:12px;"></div><div style="padding-left:15px;left:110px;top:17px;height:45px;position:absolute;width:60px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_customizeheader_remove.png" style="cursor:pointer;" onclick="headerRemoveObject();"></div></div>';
		var container1 = selectedObject;
		var container2 = selectedObject.immediateDescendants()[0];
		var imageObject = selectedObject.getElementsByTagName('img')[0];
		
		zoom_slider = $('zoomSlider');
		
		new Control.Slider(zoom_slider.select('.handle'), zoom_slider, {
			range: $R(75, 600),
			sliderValue: imageObject.width,
			onSlide: function(value) {
				// Selected image
				imageObject.setStyle({ width: value + 'px'});
				// Get image height
				var boxHeight = imageObject.getStyle('height');
				// Containers that hold the image
				container1.setStyle({ width: value + 'px', height: parseInt(boxHeight) + 'px'});
				container2.setStyle({ width: value + 'px', height: parseInt(boxHeight) + 'px'});
			},
			onChange: function(value) {
				// Selected image
				imageObject.setStyle({ width: value + 'px'});
				// Get image height
				var boxHeight = imageObject.getStyle('height');
				// Containers that hold the image
				container1.setStyle({ width: value + 'px', height: parseInt(boxHeight) + 'px'});
				container2.setStyle({ width: value + 'px', height: parseInt(boxHeight) + 'px'});
				// Sharpen image on change, if possible
				var location = imageObject.getAttribute('location');
				imageObject.src = 'http://sitedata.relyoncsi.com/image.php?width='+value+'&image='+location;
			}
		});
	}
}

manageIRA = function() {
	if (iraListingLinks.my_listings == null) {
		return;	
	}
	if (iraListingLinks.my_listings == 1) {
		var mylistingsChecked = 'checked="checked"';	
	} else {
		var mylistingsChecked = '';
	}
	if (iraListingLinks.comp_listings == 1) {
		var companylistingsChecked = 'checked="checked"';	
	} else {
		var companylistingsChecked = '';
	}
	if (iraListingLinks.open_houses == 1) {
		var openhousesChecked = 'checked="checked"';	
	} else {
		var openhousesChecked = '';
	}
	var f = ['	<div class="title">IRA 2000 <span>Manage Listing Links</span></div>',
			 '	<div style="padding-top:20px;"></div>',
			 '	<div style="position:relative;padding-left:10px;">',
			 '	<table width="100%">',
			 '		<tr>',
			 '			<td width="33%">',
			 '				<table width="100%">',
			 '					<tr>',
			 '						<td>',
			 '							<input type="checkbox" id="ira_mylistings" '+mylistingsChecked+'>',
			 '						<td>',
			 '						<td>',
			 '							My Listings',
			 '						<td>',
			 '					<tr>',
			 '				</table>',
			 '			</td>',
			 '			<td width="33%">',
			 '				<table width="100%">',
			 '					<tr>',
			 '						<td>',
			 '							<input type="checkbox" id="ira_companylistings" '+companylistingsChecked+'>',
			 '						<td>',
			 '						<td>',
			 '							Company Listings',
			 '						<td>',
			 '					<tr>',
			 '				</table>',
			 '			</td>',
			 '			<td width="33%">',
			 '				<table width="100%">',
			 '					<tr>',
			 '						<td>',
			 '							<input type="checkbox" id="ira_openhouses" '+openhousesChecked+'>',
			 '						<td>',
			 '						<td>',
			 '							Open Houses',
			 '						<td>',
			 '					<tr>',
			 '				</table>',
			 '			</td>',
			 '		</tr>',
			 '	</table>',
			 '	<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_save.png" style="cursor:pointer;" onclick="saveManageIRA();"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
			width:'550px',
			height:'125px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();	
}

saveManageIRA = function() {
	var mylistings = $('ira_mylistings');
	var complistings = $('ira_companylistings');
	var openhouses = $('ira_openhouses');
	_saving();
	if (mylistings.checked) {
		_mylistings = 1;
	} else {
		_mylistings = 0;
	}
	if (complistings.checked) {
		_complistings = 1;
	} else {
		_complistings = 0;
	}
	if (openhouses.checked) {
		_openhouses = 1;
	} else {
		_openhouses = 0;
	}
	new Ajax.Request(domain_prefix+'/account/pages/ajax/save_iralinks.php',{
		postBody:'mylistings='+_mylistings+'&complistings='+_complistings+'&openhouses='+_openhouses,
		onSuccess:function() {
			setTimeout("removeOverlay();",700);
			setTimeout("removeOverlay();",700);
		}
	});
	
	
}

addIRAAccount = function() {
	var username = $('ira_username');
	var password = $('ira_password');
	_working('Validating...');
	new Ajax.Request(domain_prefix+'/ajax/proxy.php',{
		method:'post',
		postBody:'u='+username.value+'&p='+password.value,
		onSuccess:function(transport) {
			eval(transport.responseText);
			if (!validMember) {
				removeOverlay();
				error('The username or password you typed is invalid. If you keep having issues authenticating your IRA 2000 account, please call us at 989-631-7196.');
			} else {
				$('_working_message').innerHTML = 'Processing...';
				new Ajax.Request(domain_prefix+'/account/pages/ajax/iramember.php',{
					postBody:'user_id='+validMember.user_id+'&comp_id='+validMember.comp_id,
					onSuccess:function(transport) {
						window.location=domain_prefix+'/account/pages/';
						//setTimeout("removeOverlay();",700);
						//setTimeout("removeOverlay();",700);
						//$('iramember_link').innerHTML = '<a href="javascript://" onclick="manageIRAListings();" style="color:#ff9900">Manage Listing Page Links</a>';
						//eval(transport.responseText);
					}
				});
			}
		}
	});
}

_saving = function() {
	var createBox = new boxOverlay({
		width:'150px',
		height:'130px',
		content:'<div align="center"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/loading2.gif"></div><div align="center" style="color:#999;font-size:14px;font-weight:bold;padding-top:15px;">Saving...</div>'
		//content:'<div style="padding:5px;"><table border="0" width="110" cellpadding="4" cellspacing="0" align="center" style="padding-top:5px;"><tr><td width="10%"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/loading.gif"></td><td style="font-size:11px;color:black;font-weight:bold;" valign="middle" >Saving...</td></tr></table></div>'
	});
	createBox.init();	
}
_loading2 = function() {
	var createBox = new boxOverlay({
		width:'150px',
		height:'130px',
		content:'<div align="center"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/loading2.gif"></div>'
	});
	createBox.init();	
}
_loading = function() {
	var createBox = new boxOverlay({
		width:'200px',
		height:'50px',
		content:'<div style="padding:5px;"><table border="0" width="110" cellpadding="4" cellspacing="0" align="center" style="padding-top:5px;"><tr><td width="10%"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/loading.gif"></td><td style="font-size:11px;color:black;font-weight:bold;" valign="middle" id="_loading_message">Loading data...</td></tr></table></div>',
		style:{border:'8px solid #f8f8f8'}
	});
	createBox.init();	
}

_working = function(message) {
	var createBox = new boxOverlay({
		width:'400px',
		height:'120px',
		content:'<div style="padding:5px;"><table border="0" width="210" cellpadding="4" cellspacing="0" align="center"><tr><td width="10%"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/loading.gif"></td><td style="font-size:11px;color:black;font-weight:bold;" valign="middle" id="_working_message">'+message+'</td></tr></table><div style="padding-top:10px;color:#999;text-align:center;font-size:11px;">This may take a few moments. Need assistance? Call 989-631-7196. Mon-Fri, 9-5am EST.</div></div>'
	});
	createBox.init();	
}


renamePage = function(page,name,type) {
	var f = ['	<div class="title">Pages <span>Rename</span></div>',
			 '	<div style="padding-top:20px;"></div>',
			 '	<div style="position:relative;padding-left:10px;">',
			 '		<input type="text" id="renamepage_name" style="font-size:16px;height:25px;line-height:25px;font-weight:bold;color:black;width:375px;" value="'+name+'">',
			 '		<input type="hidden" id="renamepage_id" value="'+page+'">',
			 '		<input type="hidden" id="renamepage_type" value="'+type+'">',
			 '		<div align="right" style="padding-top:5px;"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/se_button_save.png" style="cursor:pointer;" onclick="updatePageName();"></div>',
			 '	</div>'];
	var createBox = new boxOverlay({
			width:'400px',
			height:'125px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();
}
updatePageName = function() {
	var page = $('renamepage_id');
	var name = $('renamepage_name')
	var type = $('renamepage_type');
	
	if (page.value == '' || name.value == '') {
		error('Please supply a valid page name. You can not have a blank page name.');	
	} else {
		new Ajax.Request(domain_prefix+'/account/pages/ajax/renamepage.php',{
			postBody:'page='+page.value+'&name='+name.value,
			onSuccess:function(transport) {
				eval(transport.responseText);	
			}
		});
		
		if (parseInt(type.value) == 5) {
			var linkcolor = 'style="color:#e08901;"';
		} else if (parseInt(type.value) == 6) {
			var linkcolor = 'style="color:#e00155;"';
		} else {
			var linkcolor = '';	
		}
		$('pagename_'+page.value).innerHTML = '<a href="/account/pages/'+page.value+'" '+linkcolor+'>'+name.value+'</a>';
		removeOverlay();
	}
	//alert(page.value); alert(name.value);
}
/*addPagePhotos = function(page) {						
	
	if (!retrievedSiteFiles) {
		new Ajax.Request('/account/pages/ajax/getfiles.php',{
			postBody:'',
			onSuccess: function(transport) {
				eval(transport.responseText);
				retrievedSiteFiles = true;
				if (siteFiles.length) {
					this.photoViewer();
				} else {
					this.showError();
				}
			}
		});
	} else if (!siteFiles.length) {
		this.showError();
	} else {
		this.photoViewer();	
	}
	
	this.showError = function() {
		error('To add photos to your page, please upload them by clicking on "Photos & Files" and then click "Upload Photos or Files".');	
	}	
	this.photoViewer = function(id,pageName) {
		var photosHTML = [];
		for(var x = 0;x<siteFiles.length;x++) {
			if (siteFiles[x].type == 1) {
				photosHTML.push("<div class='site_photo'><div class='padding'><img src='http://sitedata.relyoncsi.com/image.php?width=90&cropratio=1:1&image=/websites/"+siteFiles[x].site+"/photos/"+siteFiles[x].file+"'><div class='options'><a href='#'>Select</a></div></div></div>");
			}
		}
		if (!photosHTML.length) {
			this.showError();
			return;
		}
		
		var f = ['	<div class="title">Page<span>Photos</span></div>',
				 '	<div style="padding-top:20px;"></div>',
				 '<div style="position:relative;">',
				 '	<div>',
				 '		'+photosHTML.join(''),
				// '			<table border="0" cellpadding="0" cellspacing="0" width="790">',
				// '				<tr>',
				// '				</tr>',
				 //'			</table>',
				 '	</div>',
				 '</div>'];
		var createBox = new boxOverlay({
			width:'600px',
			height:'350px',
			content:'<div class="box"><div class="close" onclick="removeOverlay();"><img src="/wwwroot/r/relyoncsi.com/sitebuilder/images/box_close.png"></div>'+f.join('')+'</div>'
		});
		createBox.init();
	}
}*/
function br2return(dataStr) {
	return dataStr.replace(/<br>/g, "\r\n");
}

function siteEditor(elm,page,obj) {
	var elm = $(elm);
	if (page == '' || typeof page != 'number') {alert('Error: page has not been defined.');return;}
	
	this.init = function() {
		new Ajax.Request(domain_prefix+'/account/pages/ajax/init.php',{
			postBody:'page='+page,
			onSuccess:function(transport) {
				eval(transport.responseText);
				for(var y = 0;y<pageSections.length;y++) {
					referencePageSections[pageSections[y].id] = pageSections[y];
				}
				for(var y = 0;y<pageSectionsDrafts.length;y++) {
					referencePageSectionsDrafts[pageSectionsDrafts[y].id] = pageSectionsDrafts[y];
				}
				for(var t = 0;t<sectionPhotos.length;t++) {
					referenceSectionPhotos[sectionPhotos[t].id] = sectionPhotos[t];
				}
				this.loadContent();
			}.bind(this)
			,onException:function(t,e){}
		});
	}
	this.loadContent = function() {
		var a = [];
		for(var x = 0;x < pageSections.length;x++) {
			a.push("<div id='section_"+pageSections[x].id+"' class='section'>"+this.sectionFormat(pageSections[x])+"</div>");
		}
		elm.innerHTML = a.join('');
		Sortable.create('pageSections',{tag:'div',overlap:'vertical',handle:'handle',contraint:'vertical',onUpdate:function(){
			//alert(Sortable.sequence('pageSections'));
			new Ajax.Request(domain_prefix+'/account/pages/ajax/sortorder.php', {
				postBody:'page='+page+'&order='+Sortable.sequence('pageSections'),
				method:'post',
				onSuccess: function(transport){
					eval(transport.responseText);
				}
			});
		}});
	}

	this.sectionFormat = function(record) {
		var a = ["	<div class='section_padding'>",
		"	<table width='100%' align='center' border='0'>",
		"		<tr>",
		"			<td width='76%'>",
		"				<div style='padding-bottom:5px;'><input style='font-size:16px;line-height:30px;width:350px;font-weight:bold;height:30px;border:1px solid #CCC;' value=\""+record.name+"\"></div>",
		"				<div style='padding-bottom:5px;'><textarea style='font-size:12px;border:1px solid #CCC;width:400px;height:115px;' onblur=\"websiteEditor.calcSectionFields('"+record.id+"');\" onkeyup=\"websiteEditor.calcSectionFields('"+record.id+"');\">"+br2return(record.content)+"</textarea></div>",
		"			</td>",
		"			<td valign='bottom' align='center'>",
		"				<table width='90%' align='center' style='margin-bottom:4px;'>",
		"					<tr>",
		"						<td style='padding-bottom:4px;color:#999;font-size:11px;'>",
		"							Characters",
		"						</td>",
		"						<td style='padding-bottom:4px;color:#999;font-size:11px;font-weight:bold;' id='charCount_"+record.id+"'>",
		this.str_char_count(record.content),
		"						</td>",
		"					</tr>",
		"					<tr>",
		"						<td style='padding-bottom:4px;color:#999;font-size:11px;'>",
		"							Words",
		"						</td>",
		"						<td style='padding-bottom:4px;color:#999;font-size:11px;font-weight:bold;' id='wordCount_"+record.id+"'>",
		this.str_word_count(record.content),
		"						</td>",
		"					</tr>",
		"				</table>",
		//"				<div style='padding-bottom:4px;color:#999;font-size:11px;' id='charCount_"+record.id+"'><strong>"+this.str_char_count(record.content)+"</strong> characters</div>",
		//"				<div style='padding-bottom:4px;color:#999;font-size:11px;' id='wordCount_"+record.id+"'><strong>"+this.str_word_count(record.content)+"</strong> words</div>",
		"				<img src='/wwwroot/r/relyoncsi.com/sitebuilder//images/se_button_delete.png' style='cursor:pointer' onclick=\"websiteEditor.removeSection('section_"+record.id+"');\"><br>",
		"				<img src='/wwwroot/r/relyoncsi.com/sitebuilder//images/se_button_addphotos.png' style='cursor:pointer' onclick=\"addPagePhotos('"+record.id+"')\">",
		"			</td>",
		"		</tr>",
		"	</table>",
		"	</div>"];

		return a.join('');
	}
	this.str_word_count = function(str) {
		var count = str.split(" ");
		return count.length;
	}
	this.str_char_count = function(str) {
		return str.length;
	}
	this.calcSectionFields = function(section) {
		var textarea = $('section_'+section).getElementsByTagName('textarea')[0];
		var wordcount = $('wordCount_'+section);
		var charcount = $('charCount_'+section);
		
		wordcount.innerHTML = '<strong>'+this.str_word_count(textarea.value)+'</strong>';
		charcount.innerHTML = '<strong>'+this.str_char_count(textarea.value)+'</strong>';								
	}
	this.loading = function() {
		var a = ["<div class='section_loading'><div class='padding'></div></div>"];
		return a.join('');
	}

	

	this.addNewSection = function() {
		if (!pageSections.length) {
			elm.innerHTML = '';
		}
		this.saveDraft();
		if (!ajaxProcessing) {
			ajaxProcessing = true;

			var progress = $(document.createElement('div'));
			elm.appendChild(progress);
			progress.innerHTML = this.loading();

			new Ajax.Request(domain_prefix+'/account/pages/ajax/add_section.php',{
				postBody:'page='+page,
				onSuccess:function(transport) {
					setTimeout(function(){
						eval(transport.responseText);
						ajaxProcessing = false;
						elm.removeChild(progress);
					}.bind(this),1500);
				}.bind(this)
				,onException:function(t,e){}
			});
		}
	}

	this.removeSection = function(section) {
		var id = section.replace(/section_/gi,'');

		new Ajax.Request(domain_prefix+'/account/pages/ajax/del_section.php',{postBody:'page='+page+'&section='+id});								

		if ($(section)) {
			new Effect.SlideUp($(section), { duration: 0.5 });
		}

		setTimeout(function() {
			for(var y = 0;y<pageSections.length;y++) {
				if (id == pageSections[y].id) {
					pageSections.splice(y,1);
					break;
				}
			}

			if (!pageSections.length) {
				elm.innerHTML = "<div style='line-height:145%;text-align:center;font-weight:bold;padding-top:100px;color:#999;font-size:14px;'>You have no sections for this page. <a href='javascript://' style='font-size:14px;' onclick=\"websiteEditor.addNewSection();\">Add a Section</a></div>";
			}
		}.bind(this),600);	
	}
	this.saveDraft = function() {
		var post_string = [];
		var getSections = elm.select('[class="section"]');
		for(var x = 0;x < getSections.length;x++) {
			var section_id = getSections[x].id.replace(/section_/gi,'');
			var section_name = getSections[x].getElementsByTagName('input');
			var section_content = getSections[x].getElementsByTagName('textarea');
			//alert('ID: '+section_id+' NAME: '+section_name[0].value+' CONTENT: '+section_content[0].value);
			post_string.push(section_id+'|'+escape(section_name[0].value)+'|'+escape(section_content[0].value));
		}
		
		new Ajax.Request(domain_prefix+'/account/pages/ajax/save_drafts.php',{
			postBody:'page='+page+'&sections='+post_string.join('^'),
			onSuccess:function(transport) {
				eval(transport.responseText);
			}.bind(this)
			,onException:function(t,e){}
		});								
		
	}
	this.publish = function() {
		var post_string = [];
		var getSections = elm.select('[class="section"]');
		for(var x = 0;x < getSections.length;x++) {
			var section_id = getSections[x].id.replace(/section_/gi,'');
			var section_name = getSections[x].getElementsByTagName('input');
			var section_content = getSections[x].getElementsByTagName('textarea');
			//alert('ID: '+section_id+' NAME: '+section_name[0].value+' CONTENT: '+section_content[0].value);
			post_string.push(section_id+'|'+escape(section_name[0].value)+'|'+escape(section_content[0].value));
		}
		
		new Ajax.Request(domain_prefix+'/account/pages/ajax/publish.php',{
			postBody:'page='+page+'&sections='+post_string.join('^'),
			onSuccess:function(transport) {
				eval(transport.responseText);
			}.bind(this)
			,onException:function(t,e){}
		});								
		
	}
}

<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->