var url2 = "previewAjax.php?"; // The server-side script

function updatePreviewImage() {

  // display a quick message while the script is being processed


  var titleX = document.signupform.upldbptitleX.value;

  var titleY = document.signupform.upldbptitleY.value;


 
  var vcX = document.signupform.upldvcX.value;

if(document.signupform.counter_value.value==0){
  var counterValueOrg = '1000';

  }else{
  var counterValueOrg = document.signupform.counter_value.value;

  
  }

  var vcY = document.signupform.upldvcY.value;

  
  var titlesizeval = document.signupform.titlesize.value;

  var countersizeval = document.signupform.countersize.value;


  
  var fontstyletitle = document.signupform.fontstyletitle.value;

  var fontstylecounter = document.signupform.fontstylecounter.value;

 
  if(document.signupform.use_commas.checked == true){
	var commaseprated = 1;  
  }else{
	var commaseprated = 0;
  }

  if(document.signupform.imgsizeradio[0].checked == true){
	  var imagewh = '150_60';

	  var xval = 150;
      var yval = 60;
  }else if(document.signupform.imgsizeradio[1].checked == true){
	  var imagewh = '180_150';

      var xval = 180;
      var yval = 150;
  }else{
	  var imagewh = '300_250';
	  var xval = 300;
      var yval = 250;

  }
	  
  var titlecolorcode = document.signupform.upldbptitle.value;

  var vccolorcode = document.signupform.upldvc.value;
  if(document.signupform.upldimgcnt[1].checked == true){
  
   titleX = document.signupform.upldbptitleX2.value;

   titleY = document.signupform.upldbptitleY2.value;
   vcX = 0;

   vcY = 0;
   vccolorcode = '';
   titlecolorcode = document.signupform.upldbptitle2.value;
   var titlesizeval = document.signupform.titlesize2.value;

  var fontstyletitle = document.signupform.fontstyletitle2.value;

  var fontstylecounter = '';

 }
 if(titleX > xval || vcX > xval){
	alert("The X data fields for width will not accept values > "+xval+" pixels.");
	if(titleX > xval){
		document.signupform.upldbptitleX.value ='';
		document.signupform.upldbptitleX2.value ='';
	}else{
		document.signupform.upldvcX.value ='';
	}

	return false
 }
 if(titleY > yval || vcY > yval){
	alert("The Y data fields for width will not accept values > "+yval+" pixels.");
	if(titleY > yval){
		document.signupform.upldbptitleY.value='';
		document.signupform.upldbptitleY2.value='';
	}else{
		document.signupform.upldvcY.value='';
	}
	return false
 }
  var imagename = document.signupform.uploadImageName.value;

  qrystring = "titleX="+titleX+"&titleY="+titleY+"&vcX="+vcX+"&vcY="+vcY+"&imagename="+imagename+"&titlecolorcode="+titlecolorcode+"&vccolorcode="+vccolorcode+"&counterValueOrg="+counterValueOrg+"&titlesizeval="+titlesizeval+"&countersizeval="+countersizeval+"&fontstylecounter="+fontstylecounter+"&fontstyletitle="+fontstyletitle+"&imagewh="+imagewh+"&commaseprated="+commaseprated;  
 // alert(qrystring);
  http2.open("GET", url2 + qrystring, true);

  http2.onreadystatechange = handleHttpResponse2;

  http2.send(null);

}

function updatePreviewImage1() {

  // display a quick message while the script is being processed


    
if(document.signupform.counter_value.value==0){
  var counterValueOrg = '1000';

  }else{
  var counterValueOrg = document.signupform.counter_value.value;

  
  }

  var vcX = document.signupform.upldvcX.value;
	
  var vcY = document.signupform.upldvcY.value;


  var titleX = document.signupform.upldbptitleX.value;

  var titleY = document.signupform.upldbptitleY.value;


  var titlesizeval = document.signupform.titlesize.value;

  var countersizeval = document.signupform.countersize.value;

  
  var fontstyletitle = document.signupform.fontstyletitle.value;

  var fontstylecounter = document.signupform.fontstylecounter.value;

 
  if(document.signupform.use_commas.checked == true){
	var commaseprated = 1;  
  }else{
	var commaseprated = 0;
  }

  if(document.signupform.imgsizeradio[0].checked == true){

	vcX = 3;
	
    document.signupform.upldvcX.value = vcX;
	vcY = 15;

	document.signupform.upldvcY.value = vcY;
	titleX = 3;

    document.signupform.upldbptitleX.value = titleX;
	document.signupform.upldbptitleX2.value = titleX;
	titleY = 25;
	document.signupform.upldbptitleY.value = titleY;
	document.signupform.upldbptitleY2.value =titleY; 
	titlesizeval = 5;

	document.signupform.titlesize.value = titlesizeval;	
	document.signupform.titlesize2.value = titlesizeval; 
	countersizeval = 9;

	document.signupform.countersize.value = countersizeval;


	  var imagewh = '150_60';

	  var xval = 150;
      var yval = 60;
  }else if(document.signupform.imgsizeradio[1].checked == true){

	  vcX = 15;
	
	  document.signupform.upldvcX.value = vcX;	
	  vcY = 30;

	  document.signupform.upldvcY.value = vcY;
	  titleX = 15;

      document.signupform.upldbptitleX.value = titleX;
	  document.signupform.upldbptitleX2.value = titleX;
	  titleY = 45;
	  document.signupform.upldbptitleY.value = titleY;
	  document.signupform.upldbptitleY2.value =titleY; 
	  titlesizeval = 7;

	  document.signupform.titlesize.value = titlesizeval;	
	  document.signupform.titlesize2.value = titlesizeval;
	  countersizeval = 11;

	  document.signupform.countersize.value = countersizeval;
	

	  var imagewh = '180_150';

      var xval = 180;
      var yval = 150;
  }else{

	  vcX = 20;
	
      document.signupform.upldvcX.value = vcX;	
	  vcY = 30;

	  document.signupform.upldvcY.value = vcY;
	  titleX = 20;

	  document.signupform.upldbptitleX.value = titleX;
	  document.signupform.upldbptitleX2.value = titleX;
	  titleY = 50;
	  document.signupform.upldbptitleY.value = titleY;	
	  document.signupform.upldbptitleY2.value =titleY; 
	  titlesizeval = 13;

      document.signupform.titlesize.value = titlesizeval;
	  document.signupform.titlesize2.value = titlesizeval;
	  countersizeval = 13;
   	  document.signupform.countersize.value = countersizeval;

	  var imagewh = '300_250';
	  var xval = 300;
      var yval = 250;

  }
	  
  var titlecolorcode = document.signupform.upldbptitle.value;

  var vccolorcode = document.signupform.upldvc.value;
  if(document.signupform.upldimgcnt[1].checked == true){
  
   titleX = document.signupform.upldbptitleX2.value;

   titleY = document.signupform.upldbptitleY2.value;
   vcX = 0;

   vcY = 0;
   vccolorcode = '';
   titlecolorcode = document.signupform.upldbptitle2.value;
   var titlesizeval = document.signupform.titlesize2.value;

  var fontstyletitle = document.signupform.fontstyletitle2.value;

  var fontstylecounter = '';

 }
 if(titleX > xval || vcX > xval){
	alert("The X data fields for width will not accept values > "+xval+" pixels.");
	if(titleX > xval){
		document.signupform.upldbptitleX.value ='';
		document.signupform.upldbptitleX2.value ='';
	}else{
		document.signupform.upldvcX.value ='';
	}

	return false
 }
 if(titleY > yval || vcY > yval){
	alert("The Y data fields for width will not accept values > "+yval+" pixels.");
	if(titleY > yval){
		document.signupform.upldbptitleY.value='';
		document.signupform.upldbptitleY2.value='';
	}else{
		document.signupform.upldvcY.value='';
	}
	return false
 }
  var imagename = document.signupform.uploadImageName.value;

  qrystring = "titleX="+titleX+"&titleY="+titleY+"&vcX="+vcX+"&vcY="+vcY+"&imagename="+imagename+"&titlecolorcode="+titlecolorcode+"&vccolorcode="+vccolorcode+"&counterValueOrg="+counterValueOrg+"&titlesizeval="+titlesizeval+"&countersizeval="+countersizeval+"&fontstylecounter="+fontstylecounter+"&fontstyletitle="+fontstyletitle+"&imagewh="+imagewh+"&commaseprated="+commaseprated;  
 // alert(qrystring);
  http2.open("GET", url2 + qrystring, true);

  http2.onreadystatechange = handleHttpResponse2;

  http2.send(null);

}


function handleHttpResponse2() {

  if (http2.readyState == 4) {

    results2 = http2.responseText;
	 
    document.getElementById('upload_area').innerHTML = results2;

  }

}



function getHTTPObject2() {

  var xmlhttp2;

  if (window.XMLHttpRequest){

// If IE7, Mozilla, Safari, etc: Use native object

var xmlhttp2 = new XMLHttpRequest()

}

else

{

if (window.ActiveXObject){

// ...otherwise, use the ActiveX control for IE5.x and IE6

var xmlhttp2 = new ActiveXObject("Microsoft.XMLHTTP");

}

}

  if (!xmlhttp2 && typeof XMLHttpRequest != 'undefined') {

    try {

      xmlhttp2 = new XMLHttpRequest();

    } catch (e) {

      xmlhttp2 = false;

    }

  }

  return xmlhttp2;

}

var http2 = getHTTPObject2(); // We create the HTTP Object