var ajaxoutput 

function ajaxUpdate(elemid, url, options)
{
	var params = options.params || "";
	var meth = options.meth || "post";
	var async = options.async || true;
	var startfunc = options.startfunc || "";
	var endfunc = options.endfunc || "";
	var errorfunc = options.errorfunc || "";
	var noauthfunc = options.noauthfunc || "";
	var req = false;
	if (elemid == "") {
	}
	else {
	//document.getElementById(elemid).innerHTML = '<div style="height: 22px;float:left;clear:both;"><img src="/images/loading3.gif"></div><div style="float:left;clear:right;padding: 2px 0px 0px 5px;"> Loading please wait... </div>';
	}
	if( window.XMLHttpRequest )
		req = new XMLHttpRequest();
	else if( window.ActiveXObject )
		req = new ActiveXObject( "Microsoft.XMLHTTP" );
	else
	{
		alert(  "Your browser cannot perform the requested action. "+
				"Either your security settings are too high or your "+
				"browser is outdated. Try the newest version of "+
				"Internet Explorer or Mozilla Firefox.");
		return false;
	}
	if( startfunc != "" )
		eval( startfunc );
	req.onreadystatechange =
		function()
		{
			if ( req.readyState == 4 ) 
			{
				if ( req.status == 200 )
				{
					if( elemid != '' )
						document.getElementById(elemid).innerHTML = req.responseText;
						
						
					if( endfunc != "" )
						//added by PR to populate response into a js var
						ajaxoutput = req.responseText
						
						//
						eval( endfunc );
					return true;
				}
				else
				{
					if( req.status == 403 && noauthfunc != "" )
						eval( noauthfunc );
					else
					{
						if( endfunc != "" )
							eval( endfunc );
						if( errorfunc != "" )
							eval( errorfunc );
					}
					return false;
				}
			}
		};
	if( meth == "get" )
	{
		req.open( meth, url+( params != "" ? "?"+params : "" ), async );
		req.send(null);
	}
	else
	{
		req.open( meth, url, async );
		req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" );
		req.send( params );
	}
}


function ahah(url, target, pars) {
  //document.getElementById(target).innerHTML = ' Loading please wait...';
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    req = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (req != undefined) {
    req.onreadystatechange = function() {ahahDone(url, target);};
    req.open("POST", url, true);
	req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
req.setRequestHeader("Content-length", pars.length);
req.setRequestHeader("Connection", "close");
    req.send(pars);
  }
}  

function ahahDone(url, target, pars) {
  if (req.readyState == 4) { // only if req is "loaded"
    if (req.status == 200) { // only if "OK"
      document.getElementById(target).innerHTML = req.responseText;
    } else {
      document.getElementById(target).innerHTML=" AHAH Error:\n"+ req.status + "\n" +req.statusText;
	    document.getElementById(target).innerHTML = req.responseText;
    }
  }
}

function loadajax(name, div, pars) {
	ahah(name,div,pars);
	return false;
	next = next + 1
}

    function getValue(radioGroupName) {
        radios = document.getElementsByName(radioGroupName);
        for (i = 0; i < radios.length; i++) {
            if (radios[i].checked) return radios[i].value;
        }
    }

    function getValue(radioGroupName) {
        radios = document.getElementsByName(radioGroupName);
        for (i = 0; i < radios.length; i++) {
            if (radios[i].checked) return radios[i].value;
        }
    }
	

function doNewsPageChange(targetpageid) {
document.getElementById('news').innerHTML= '<img src="/images/indicator.gif" alt="Checking" width="16" height="16" border="0"> - Loading...'; 

var pars = '';
loadajax('/addins/news.asp?NewsID='+ targetpageid,'news',pars);
}

function DoHomeChange(targetpageid) {
document.getElementById('changer').innerHTML= '<img src="/images/indicator.gif" alt="Checking" width="16" height="16" border="0"> - Loading...'; 

var pars = '';
loadajax('/addins/homechanger.asp?ImageID='+ targetpageid,'changer',pars);
}

function DoNav(targetpageid) {
document.getElementById('rightcontent').innerHTML= '<div style="padding-top: 120px;color: white"><img src="/images/indicator.gif" alt="Checking" width="16" height="16" border="0"> - Loading...</div>'; 

var pars = '';
loadajax('/page.asp?Page='+ targetpageid + '&full=no','rightcontent',pars);
}

function DoNav2(targetpageid) {
document.getElementById('rightcontent').innerHTML= '<div style="padding-top: 120px;color: white"><img src="/images/indicator.gif" alt="Checking" width="16" height="16" border="0"> - Loading...</div>'; 

var pars = '';
loadajax('/'+ targetpageid + '?full=no','rightcontent',pars);
}

function DoNav3(targetpageid) {
document.getElementById('rightcontent').innerHTML= '<div style="padding-top: 120px;color: white"><img src="/images/indicator.gif" alt="Checking" width="16" height="16" border="0"> - Loading...</div>'; 

var pars = '';
loadajax('/'+ targetpageid + '&full=no','rightcontent',pars);
}

function DoNav4(targetpageid) {
document.getElementById('gallery_01').innerHTML= '<div style="padding-top: 120px;color: white"><img src="/images/indicator.gif" alt="Checking" width="16" height="16" border="0"> - Loading...</div>'; 

var pars = '';
loadajax('/'+ targetpageid,'gallery_01',pars);
}

function DoSignUp() {
var login = document.getElementById('login').value;
var password = document.getElementById('password').value;
var password2 = document.getElementById('password2').value;
var Email = document.getElementById('Email').value;
var Town = document.getElementById('Town').value;
var Newsletter = document.getElementById('Newsletter').value;
var linkto = '/signup_do.asp?login=' + login +'&password=' + password + '&password2=' + password2 + '&Email=' + Email +'&Town=' + Town + '&Newsletter=' + Newsletter
var pars = '';
loadajax(linkto,'signup',pars);
}


function getCheckedValue(radioObj) {
	if(!radioObj)
		return "";
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			return radioObj.value;
		else
			return "";
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			return radioObj[i].value;
		}
	}
	return "";
}


// document.getElementById('editablemain').innerHTML= '<div style="text-align: center;overflow: hidden;;height: 282px;"><p style="padding-top: 90px"><img src="/images/loading.gif" alt="loading"  border="0"></p></div>'; 

// document.getElementById('editableconfig').innerHTML= '<div style="display: block;text-align: center;height: 230px;padding-top: 80px;"><p><img src="/images/loading.gif" alt="loading"  border="0"></p></div>'; 

// document.getElementById('editablelower').innerHTML= '<div style="display: block;text-align: center;;padding-top: 40px;"><p><img src="/images/loading.gif" alt="loading"  border="0"></p></div>'; 

// document.getElementById('editablebottom').innerHTML= '<div style="display: block;text-align: center;"><img src="/images/loading2.gif" alt="loading"  border="0"></div>'; 


function DoConfigUpdate() {

document.getElementById('editableconfig').innerHTML= '<div style="display: block;text-align: center;height: 230px;padding-top: 80px;"><p><img src="/images/loading.gif" alt="loading"  border="0"></p></div>'; 
ajaxUpdate('editableconfig', 'ajax_config.asp', '');

}

function doBrickChange(varIn) {

document.getElementById('editablemain').innerHTML= '<div style="text-align: center;overflow: hidden;;height: 282px;"><p style="padding-top: 90px"><img src="/images/loading.gif" alt="loading"  border="0"></p></div>';

ajaxUpdate('editablemain', 'ajax_handler.asp?action=brickchange&brick=' + varIn, '');
}


function doDimensionsUpdate() {
var VarWidthIn = document.getElementById('cwidth').value;
var VarHeightIn = document.getElementById('cheight').value;

document.getElementById('editablelower').innerHTML= '<div style="display: block;text-align: center;;padding-top: 40px;"><p><img src="/images/loading.gif" alt="loading"  border="0"></p></div>'; 

ajaxUpdate('editablelower', 'ajax_handler.asp?action=updatedimensions&width=' + VarWidthIn + '&height=' + VarHeightIn, '');

DoConfigUpdate();

}


function doChooseStyle(VarIn) {

document.getElementById('editablemain').innerHTML= '<div style="text-align: center;overflow: hidden;;height: 282px;"><p style="padding-top: 90px"><img src="/images/loading.gif" alt="loading"  border="0"></p></div>';
document.getElementById('editablelower').innerHTML= '<div style="display: block;text-align: center;;padding-top: 40px;"><p><img src="/images/loading.gif" alt="loading"  border="0"></p></div>'; 

ajaxUpdate('editablelower', 'ajax_handler.asp?action=updatestyle&style=' + VarIn, '');



ajaxUpdate('editablemain', 'ajax_handler.asp?action=updatestylemain&style=' + VarIn, '');



/*document.getElementById('editablebottom').innerHTML= '<div style="display: block;text-align: center;"><img src="/images/loading2.gif" alt="loading"  border="0"></div>'; */
ajaxUpdate('editablebottom', 'ajax_bottom.asp', '');

DoConfigUpdate();


}

function doNextStep(VarStage){

document.getElementById('editablemain').innerHTML= '<div style="text-align: center;overflow: hidden;;height: 282px;"><p style="padding-top: 90px"><img src="/images/loading.gif" alt="loading"  border="0"></p></div>';

ajaxUpdate('editablemain', 'ajax_handler.asp?action=nextstage&stage=' + VarStage, '');


document.getElementById('editablebottom').innerHTML= '<div style="display: block;text-align: center;"><img src="/images/loading2.gif" alt="loading"  border="0"></div>'; 
ajaxUpdate('editablebottom', 'ajax_bottom.asp', '');

ajaxUpdate('editabletop', 'ajax_top.asp', '');

document.getElementById('editablelower').innerHTML= '<div style="display: block;text-align: center;;padding-top: 40px;"><p><img src="/images/loading.gif" alt="loading"  border="0"></p></div>'; 
ajaxUpdate('editablelower', 'ajax_lower.asp', '');

DoConfigUpdate();

}


function doBackStep(){


document.getElementById('editablemain').innerHTML= '<div style="text-align: center;overflow: hidden;;height: 282px;"><p style="padding-top: 90px"><img src="/images/loading.gif" alt="loading"  border="0"></p></div>';

ajaxUpdate('editablemain', 'ajax_handler.asp?action=backstage', '');


document.getElementById('editablebottom').innerHTML= '<div style="display: block;text-align: center;"><img src="/images/loading2.gif" alt="loading"  border="0"></div>'; 
ajaxUpdate('editablebottom', 'ajax_bottom.asp', '');
ajaxUpdate('editabletop', 'ajax_top.asp', '');

document.getElementById('editablelower').innerHTML= '<div style="display: block;text-align: center;;padding-top: 40px;"><p><img src="/images/loading.gif" alt="loading"  border="0"></p></div>'; 

ajaxUpdate('editablelower', 'ajax_lower.asp', '');

DoConfigUpdate();
}


function doChooseGlass(varGlass) {

document.getElementById('editablemain').innerHTML= '<div style="text-align: center;overflow: hidden;;height: 282px;"><p style="padding-top: 90px"><img src="/images/loading.gif" alt="loading"  border="0"></p></div>';


ajaxUpdate('editablemain', 'ajax_handler.asp?action=updateglass&glass=' + varGlass, '');


document.getElementById('editablebottom').innerHTML= '<div style="display: block;text-align: center;"><img src="/images/loading2.gif" alt="loading"  border="0"></div>'; 
ajaxUpdate('editablebottom', 'ajax_bottom.asp', '');

DoConfigUpdate();

}

function doChooseHandle(varGlass) {

document.getElementById('editablemain').innerHTML= '<div style="text-align: center;overflow: hidden;;height: 282px;"><p style="padding-top: 90px"><img src="/images/loading.gif" alt="loading"  border="0"></p></div>';


ajaxUpdate('editablemain', 'ajax_handler.asp?action=updatehandle&handle=' + varGlass, '');



document.getElementById('editablebottom').innerHTML= '<div style="display: block;text-align: center;"><img src="/images/loading2.gif" alt="loading"  border="0"></div>'; 
ajaxUpdate('editablebottom', 'ajax_bottom.asp', '');

DoConfigUpdate();
}

function doChooseCill() {

var varCill = document.getElementById('cill').checked;
ajaxUpdate('editablemain', 'ajax_handler.asp?action=updatecill&cill=' + varCill, '');
ajaxUpdate('editablebottom', 'ajax_bottom.asp', '');
DoConfigUpdate();
}

function doChooseVent() {


var varVent = document.getElementById('vent').checked;
ajaxUpdate('editablemain', 'ajax_handler.asp?action=updatevent&vent=' + varVent, '');

ajaxUpdate('editablebottom', 'ajax_bottom.asp', '');
DoConfigUpdate();
}

function DoChooseGlassAdditional(varAdditional) {
total ='';
for(var i=0; i < document.glassform.glassadditional.length; i++){
if(document.glassform.glassadditional[i].checked)
total +=document.glassform.glassadditional[i].value  + ','
}

total = ',' + total;


document.getElementById('editablemain').innerHTML= '<div style="text-align: center;overflow: hidden;;height: 282px;"><p style="padding-top: 90px"><img src="/images/loading.gif" alt="loading"  border="0"></p></div>';


ajaxUpdate('editablemain', 'ajax_handler.asp?action=updateadditional&additional=' + total, '');



document.getElementById('editablebottom').innerHTML= '<div style="display: block;text-align: center;"><img src="/images/loading2.gif" alt="loading"  border="0"></div>'; 
ajaxUpdate('editablebottom', 'ajax_bottom.asp', '');

DoConfigUpdate();
}

function docalc() {

var vwidth = document.getElementById('width').value;
var vheight = document.getElementById('height').value;

var box = document.forms['calcform'].measure;
var number = box.options[box.selectedIndex].value;

document.getElementById('calcbox').innerHTML= '<div style="text-align: center;overflow: hidden;"><p><img src="/images/loading.gif" alt="loading"  border="0"></p></div>';

ajaxUpdate('calcbox', '/_addins/calc.asp?width=' + vwidth + '&height=' + vheight + '&measure=' + number, '');

}