/* gzc */
/*
 * JS/Ajax/PHP Design Editor
 * JS-Layer
 * (c) 2007-2010 by Frank Seidel
 * http://www.webentwickler.de
*/

var is_inplace = new Array();
var commitment_save_allow = false;
var draft_save_allow = false;
var seen = new Array();
var to_be_seen = new Array();
var visible_elements = 0;

function saw(what) { }

function await_response(mytype) {
  document.body.style.cursor='wait';
 	$('disabled').style.visibility = 'visible';
 	if(mytype == "longterm") {
 		$('disabled_lt').style.visibility = 'visible';
 	}
}

function welcome_response(mytype) {
  document.body.style.cursor='auto';
 	$('disabled').style.visibility = 'hidden';
 	if(mytype == "longterm") {
 		$('disabled_lt').style.visibility = 'hidden';
	}
}

function add_text_element() {
  if(visible_elements >= max_elements) {
    var show_max_text_elements = max_elements-1;
    if(!has_abo) {
      var ext_info = "\r\n\r\nIf you take advantage of the Gold Edition, \r\nthere are up to 10 lines of text available.";
    }
    else {
      var ext_info = "";
    }

    alert(unescape('No more text lines available. \r\nUse up to ' + show_max_text_elements + ' lines of text.' + ext_info));
    return;
  }

  var gefunden = 0;
  for(var j=0; j<max_elements; j++) {
    if(data[j]["is_visible_x"] != "visible") {
      gefunden = 1;
      break;
    }
  }

  if(gefunden != 1) {
    alert(unescape('No object available.'));
    return;
  }

  get_mouse_pos();

  data[j]["elements_id"] = j;
  data[j]["type"]        = "text";
  data[j]["is_visible"]  = "1";
  data[j]["is_visible_x"]  = "visible";
  data[j]["x"]           = mouseh;
  data[j]["y"]           = mousev;
  data[j]["z"]           = j;
  data[j]["htmltext"]    = "";
  data[j]["filename"]    = "";
  data[j]["imagefile"]   = "";
  data[j]["width"]       = "1";
  data[j]["height"]      = "1";
  data[j]["color"]       = "#000000";
  data[j]["fontfile"]    = "1.ttf";
  data[j]["size"]        = "15";
  data[j]["winkel"]      = "0";
  data[j]["text"]        = "New Text #" + j;
  data[j]["r"]           = 0;
  data[j]["g"]           = 0;
  data[j]["b"]           = 0;
  data[j]["font"]        = "1.ttf";

  var objectName = "el_" + j;

  var tmp = $(objectName).getElementsByTagName("div");
  var div = tmp[0];
  var tmp = div.getElementsByTagName("input");
  var type  = tmp[1];
  type.value = "text";

  use_object(j);
  save_settings(j, 'color', '#000000');

  visible_elements++;

  enable_inplace_editor("el_" + j);
  saw("add_text_elements");
}

function delete_element(objectNumber) {
  data[objectNumber]["is_visible"] = 0;
  data[objectNumber]["is_visible_x"] = "hidden";

  if(data[objectNumber]["type"] == 'text') {
    var my_params = $H(data[objectNumber]);
    var url = host + '/ajax/render_text.php';

    await_response();

    new Ajax.Request(url,
    {   parameters: my_params,
        method: 'post',
        onSuccess: function(transport, json) {
          welcome_response();

          var tmp = $("el_" + objectNumber).getElementsByTagName("img");
          var img = tmp[0];
          img.style.visibility = 'hidden';

          $('texteinstellungen').hide();
          if(thumbs_timeout>0){$('theScroller').style.display='inline';}
          visible_elements--;

        },
        onFailure: function(transport, json) {
          welcome_response();

          var tmp = $("el_" + objectNumber).getElementsByTagName("img");
          var img = tmp[0];
          img.style.visibility = 'hidden';

          $('texteinstellungen').hide();
          if(thumbs_timeout>0){$('theScroller').style.display='inline';}
          visible_elements--;
        }
    });
  }

  if(data[objectNumber]["type"] == 'image') {
    var my_params = $H(data[objectNumber]);
    var url = host + '/ajax/render_image.php';

    await_response();

    new Ajax.Request(url,
    {   parameters: my_params,
        method: 'post',
        onSuccess: function(transport, json) {
          welcome_response();

          var tmp = $("el_" + objectNumber).getElementsByTagName("img");
          var img = tmp[0];
          img.style.visibility = 'hidden';

          visible_elements--;
        },
        onFailure: function(transport, json) {
          welcome_response();

          var tmp = $("el_" + objectNumber).getElementsByTagName("img");
          var img = tmp[0];
          img.style.visibility = 'hidden';

          visible_elements--;

        }
    });
  }
  return;
}

function get_mouse_pos(e) {
  var left = Position.page($('canvas'))[0];
  var top  = Position.page($('canvas'))[1];

  mouseh = mouseX - left;
  mousev = mouseY - top;

  return;
}

function add_image_element() {
  if(visible_elements >= max_elements) {

    alert(unescape('No more objects available. \r\nUse up to ' + max_elements + ' objects.'));
    return;
  }

  var gefunden = 0;
  for(var j=0; j<max_elements; j++) {
    if(data[j]["is_visible_x"] != "visible") {
      gefunden = 1;
      break;
    }
  }

  if(gefunden != 1) {
    alert(unescape('No object available.'));
    return;
  }

  data[j]["elements_id"] = j;
  data[j]["type"]        = "image";
  data[j]["is_visible"]  = "1";
  data[j]["is_visible_x"]  = "visible";
  data[j]["x"]           = 1;
  data[j]["y"]           = 1;
  data[j]["z"]           = j;
  data[j]["htmltext"]    = "Ein Platzhalter";
  data[j]["filename"]    = "\/canvas\/platzhalter.gif";
  data[j]["imagefile"]   = "platzhalter.gif";
  data[j]["width"]       = "1";
  data[j]["height"]      = "1";
  data[j]["color"]       = "#000000";
  data[j]["fontfile"]    = "1.ttf";
  data[j]["size"]        = "15";
  data[j]["winkel"]      = "0";
  data[j]["text"]        = "Ein Bild auf Ebene " + j;
  data[j]["r"]           = 0;
  data[j]["g"]           = 0;
  data[j]["b"]           = 0;
  data[j]["font"]        = "1.ttf";

  var objectName = "el_" + j;

  var tmp = $(objectName).getElementsByTagName("div");
  var div = tmp[0];
  var tmp = div.getElementsByTagName("input");
  var type  = tmp[1];
  type.value = "image";

  use_object(j);
  save_settings(j, 'imagefile', $('imagefile').value);

  visible_elements++;

  $('img_img').style.visibility='hidden';
  $('img_btn').disabled=false;
}

function enable_inplace_editor(objectId) {
  var objectNumber = objectId.substr(3);
  objectName = 'el_' + objectNumber;

  var tmp = $(objectName).getElementsByTagName("img");
  var img = tmp[0];
  var tmp = $(objectName).getElementsByTagName("div");
  var div = tmp[0];
  var tmp = div.getElementsByTagName("input");
  var input = tmp[0];
  var type  = tmp[1];

  if(type.value == "text") {
    inlinediv = div;
    inlinetxt = input;

    use_object(objectNumber);

    $('texteinstellungen').hide();
    if(thumbs_timeout>0){$('theScroller').style.display='inline';}

    inlinetxt.value = data[objectNumber]["text"];

    maxx = Number($('canvas').style.width.substring(0, $('canvas').style.width.indexOf("p"))) -
           Number(inlinediv.style.width.substring(0, inlinediv.style.width.indexOf("p"))) - 5;

    if(data[objectNumber]["x"] > maxx) {
      inlinediv.style.left = maxx + "px";
    }
    else {
      inlinediv.style.left = data[objectNumber]["x"] + "px";
    }

    inlinediv.style.top  = data[objectNumber]["y"] + "px";

    inlinediv.style.visibility = 'visible';
    inlinetxt.focus();
    inlinetxt.value += "";

    is_inplace[objectNumber.toString()] = true;

    saw("enable_inplace_editor");
  }

  if(type.value == "image") {
    if(is_editable == 1) {
      is_inplace[objectNumber.toString()] = true;

      use_object(objectNumber);

      $('htmltext').value = data[objectNumber]["htmltext"];
    }
    return;
  }
}

function use_object(objectNumber) {
  mycounter = objectNumber;

  return;
}

function disable_inplace_editor(objectId) {
  var objectNumber = objectId.substr(3);
  var objectName = 'el_' + objectNumber;

  if(is_inplace[objectNumber.toString()] != true) {
    return;
  }
  is_inplace[objectNumber.toString()] = false;

  var tmp = $(objectName).getElementsByTagName("img");
  var img = tmp[0];
  var tmp = $(objectName).getElementsByTagName("div");
  var div = tmp[0];
  var tmp = div.getElementsByTagName("input");
  var input = tmp[0];

  inlinediv = div;
  inlinetxt = input;

  inlinediv.style.visibility = 'hidden';

  var text = trim(inlinetxt.value);
  if(text != '')
    save_settings(objectNumber, 'text', inlinetxt.value);
  else {
    delete_element(objectNumber);
  }
}

function save_canvas() {
  data[0]["parent_token"] = "parent_" + parent_id;

  var my_params = 'json=' + encodeURIComponent(data.toJSON());
  var url = host + '/ajax/save_canvas.php';

  await_response();

  new Ajax.Request(url,
  {  parameters: my_params,
     method: 'post',
      onSuccess: function(transport, json) {
        welcome_response();
      }
  });
}

function render_canvas() {
  close_viewports();
  var my_params = 'json=' + encodeURIComponent(data.toJSON());
  var url = host + '/ajax/render_canvas.php';

  await_response();

  new Ajax.Request(url,
  {  parameters: my_params,
     method: 'post',
      onSuccess: function(transport, json) {
        welcome_response();

        $('download_result').innerHTML = '<b><a style="" target="_blank" href="' + json[0] + ' " onClick="javascript: _gaq.push([\'_trackEvent\', \'Downloads\', \'download\', \'Customized PDF\']);">Download customized gift certificate as PDF</a></b>';

        $('thumbnail1').src = '/editor/temp/' + json[1];
        $('commitment_thumbnail').src = '/editor/temp/' + json[1];


        $('downloadinfo').style.display = 'block';

        if(is_user && has_abo) {
          premium_loads++;
          check_on_premium();
        }
      }
  });
}

function check_on_premium() {
  if (premium_loads < 3) {
    $('premium_image').innerHTML = '<img src="/img/danke.png" alt="" style="margin-right: 10px; float: left;" />';
    premium_loads++;
  }
  else {
    $('premium_image').innerHTML = '';
  }
}

function save_commitment() {
  checkin(args);

  if(!commitment_save_allow) {
    alert(unescape("Please fill out all fields."));

    if(ciErrors[0] != '')
      $(ciErrors[0]).className='alertbg';
    if(ciErrors[1] != '')
      $(ciErrors[1]).className='alertbg';

    return false;
  }

  data[0]['comment'] = $('commitment_text').value;
  data[0]['tags']    = $('commitment_tags').value;
  data[0]['is_private'] = '0';

  var my_params = 'json=' + encodeURIComponent(data.toJSON());
  var url = host + '/ajax/save_commitment.php';

  await_response();

  new Ajax.Request(url,
  {  parameters: my_params,
     method: 'post',
      onSuccess: function(transport, json) {
        welcome_response();

        close_viewports();
        location.reload();
      }
  });

  return false;
}

function save_draft() {
  checkin(argsd);

  if(!draft_save_allow) {
    alert(unescape("Please fill out all fields."));

    if(ciErrors[0] != '')
      $(ciErrors[0]).className='alertbg';
    if(ciErrors[1] != '')
      $(ciErrors[1]).className='alertbg';

    return false;
  }

  data[0]['comment'] = $('draft_text').value;
  data[0]['tags']    = $('draft_tags').value;
  data[0]['is_private'] = '1';

  var my_params = 'json=' + encodeURIComponent(data.toJSON());
  var url = host + '/ajax/save_commitment.php';

  await_response();

  new Ajax.Request(url,
  {  parameters: my_params,
     method: 'post',
      onSuccess: function(transport, json) {
        welcome_response();

        close_viewports();

        $('draftinfo').style.display = 'none';
        alert(unescape("Your draft has been saved.\nYou can re-open it by navigating to 'Drafts' in the left menu bar."));
      }
  });

  return false;
}


function render_thumbnail(save_type) {
  close_viewports();
  var my_params = 'json=' + encodeURIComponent(data.toJSON());
  var url = host + '/ajax/render_thumbnail.php';

  await_response();

  new Ajax.Request(url,
  {  parameters: my_params,
     method: 'post',
      onSuccess: function(transport, json) {
        welcome_response();

        if(json[0] == -1) {
          alert("Error rendering thumbnail.");
        }

        if(save_type == "commitment") {
          $('commitment_thumbnail').src = '/editor/temp/' + json[0];

          $('commitinfo').style.display = 'block';
        }
        if(save_type == "draft") {
          $('draft_thumbnail').src = '/editor/temp/' + json[0];

          $('draftinfo').style.display = 'block';
        }
      }
  });
}

function enable_mobile_viewport() {
  close_viewports();
  if(is_mobile_loader != 1) {
    $('mobileinfo').style.display = 'block';
  }
}

function enable_postcard_viewport() {
  close_viewports();
  $('postcardinfo').style.display = 'block';
}

function render_mobile_canvas() {
  if(is_mobile_loader != 1) {
    return;
  }

  var my_params = 'json=' + encodeURIComponent(data.toJSON());
  var url = host + '/ajax/render_mobile_canvas.php';

  await_response();

  new Ajax.Request(url,
  {  parameters: my_params,
     method: 'post',
      onSuccess: function(transport, json) {
        welcome_response();

        if(json[0] == -1) {
          alert(unescape('Sending to mobile phone not possible (-1)'));
        }
        else if(json[0] == -2) {
          alert(unescape('Sending to mobile phone not possible (-2)'));
        }
        else {
          close_viewports();
          alert('SMS for calling up your design\r\nsent to Mobile Phone Number ' + json[0] + '.');
        }
      }
  });
}

function make_draggable(objectCount) {
  var objectName = 'el_' + objectCount;

  var tmp = $(objectName).getElementsByTagName("img");
  var img = tmp[0];
  var tmp = $(objectName).getElementsByTagName("div");
  var div = tmp[0];
  var tmp = div.getElementsByTagName("input");
  var input = tmp[0];

  myObject = img;

  new Draggable(myObject, {
    snap: function(x,y,draggable) {
      function constrain(n, lower, upper) {
        if (n > upper) return upper;
        else if (n < lower) return lower;
        else return n;
      }

      tmp = draggable.element.parentNode;
      element_dimensions = Element.getDimensions(draggable.element);
      parent_dimensions  = Element.getDimensions(tmp.parentNode);
      return[
        constrain(x, 0, parent_dimensions.width - element_dimensions.width),
        constrain(y, 0, parent_dimensions.height - element_dimensions.height)];
    },
    revert:false,
    onEnd: function(draggable) {
      var coord = eval(get_coordinates(draggable));
      data[objectCount]["x"] = coord[0];
      data[objectCount]["y"] = coord[1];
      data[objectCount]["object_id"] = objectCount;

      var my_params = $H(data[objectCount]);
      var url = host + '/ajax/save_position.php';

      await_response();

      new Ajax.Request(url,
      {   parameters: my_params,
          method: 'post',
          onSuccess: function(transport, json) {
            welcome_response();
          }
      });
    },
    onStart: function(draggable) {
      close_viewports();
      object_moved = true;
    }
  });
}

function close_viewports() {
  return;
}

function get_coordinates(draggable) {
  myArrPar = eval(Position.cumulativeOffset(draggable.element.parentNode.parentNode));
  myArrSlf = eval(Position.cumulativeOffset(draggable.element));
  var xOff = myArrSlf[0]-myArrPar[0];
  var yOff = myArrSlf[1]-myArrPar[1];
  return [xOff, yOff];
}

function save_settings(objectNumber, index, value) {
  close_viewports();

  objectName = 'el_' + objectNumber;
  objectNumber = objectNumber;

  object_moved = true;

  data[objectNumber][index] = value;
  data[objectNumber]["object_id"] = objectNumber;
  data[objectNumber]["has_changed"] = "1";

  if (data[objectNumber]["type"] == 'text') {
    var my_params = $H(data[objectNumber]);
    var url = host + '/ajax/render_text.php';

    await_response();

    new Ajax.Request(url,
     {  parameters: my_params,
        onSuccess: function(transport) {
          welcome_response();

          mydata = eval("[" + transport.responseText + "]");
          data[objectNumber] = mydata[0];

          var tmp = $(objectName).getElementsByTagName("img");
          var img = tmp[0];

          img.src = host + data[objectNumber]["filename"];
          img.style.width = data[objectNumber]["width"] + "px";
          img.style.height = data[objectNumber]["height"] + "px";

          img.style.left = data[objectNumber]["x"] + "px";
          img.style.top = data[objectNumber]["y"] + "px";

          img.style.visibility = "visible";
        }
     }
    );
  }

  if (data[objectNumber]["type"] == 'image') {
    var my_params = $H(data[objectNumber]);
    var url = host + '/ajax/render_image.php';

    await_response();

    new Ajax.Request(url,
     {  parameters: my_params,
        onSuccess: function(transport) {
          welcome_response();

          mydata = eval("[" + transport.responseText + "]");
          data[objectNumber] = mydata[0];

          data[objectNumber]["is_visible_x"] = "visible";
          data[objectNumber]["is_visible"] = "1";

          var tmp = $(objectName).getElementsByTagName("img");
          var img = tmp[0];

          img.src = host + data[objectNumber]["filename"];
          img.style.width = data[objectNumber]["width"];
          img.style.height = data[objectNumber]["height"];

          img.style.left = data[objectNumber]["x"] + "px";
          img.style.top = data[objectNumber]["y"] + "px";

          img.style.visibility = "visible";
        }
     }
    );
  }
}

function trim(s) {
  while (s.substring(0,1) == ' ') {
    s = s.substring(1,s.length);
  }
  while (s.substring(s.length-1,s.length) == ' ') {
    s = s.substring(0,s.length-1);
  }
  return s;
}

var is_IE = document.all?true:false;
if (!is_IE) document.addEventListener('mousemove', getXY, true);

var localX = 0;
var localY = 0;

document.observe("dom:loaded", function() {
  document.onmousemove = getXY;
});

function getXY(e) {
  if (is_IE) {
    localX = event.clientX + document.body.scrollLeft;
    localY = event.clientY + document.body.scrollTop;
  } else {
    localX = e.pageX;
    localY = e.pageY;
  }

  if (localX < 0) {localX = 0}
  if (localY < 0) {localY = 0}

  mouseX = localX;
  mouseY = localY;

  return true;
}

function init_objects() {
  if (typeof(json) == "object") {
    var lgt = (json.length);
  } else {
    var lgt = 0;
  }

  for(var i=0; i < lgt; i++) {
    if(visible_elements < max_elements) {
        data[visible_elements] = new Object();
        data[visible_elements] = json[i];

        data[visible_elements]["is_visible_x"] = "visible";
        visible_elements++;
    }
  }

  for(var j = visible_elements; j < max_elements; j++) {
    data[j] = new Object();
    data[j]["elements_id"] = j;
    data[j]["type"]        = "text";
    data[j]["is_visible"]  = "0";
    data[j]["is_visible_x"]= "hidden";
    data[j]["x"]           = 0;
    data[j]["y"]           = 0;
    data[j]["z"]           = j;
    data[j]["htmltext"]    = "";
    data[j]["filename"]    = "";
    data[j]["imagefile"]   = "";
    data[j]["width"]       = "1";
    data[j]["height"]      = "1";
    data[j]["color"]       = "#000000";
    data[j]["fontfile"]    = "1.ttf";
    data[j]["size"]        = "15";
    data[j]["winkel"]      = "0";
    data[j]["text"]        = "New Text #" + j;
    data[j]["r"]           = 0;
    data[j]["g"]           = 0;
    data[j]["b"]           = 0;
    data[j]["font"]        = "1.ttf";
  }

  for(var count = 0; count < max_elements; count++) {
    make_draggable(count);
  }

  return;
}

function render_postcard_back() {
  var my_params = 'json=' + encodeURIComponent(postcard.toJSON());
  var url = host + '/ajax/render_postcard_back.php';

  await_response('longterm');

  new Ajax.Request(url,
  {  parameters: my_params,
     method: 'post',
      onSuccess: function(transport, json) {
        welcome_response();
        if(json[0] == -1) {
          alert(unescape('Not possible (-1)'));
        }
        else if(json[0] == -2) {
          alert(unescape('Not possible (-2)'));
        }
        else {
          $('preview_postcard_img').src = '/editor/temp/' + json[0];
          data[0]['postcard'] = 'full_' + json[0];
          for(i=1000000;i>0;i--) { }

					checkin_postcard();
        }
      }
  });
}

function checkin_postcard() {
  close_viewports();
  data[0]['url'] = myUrl;
  data[0]['e_land'] = postcard[0]['e_land'];
  var my_params = 'json=' + encodeURIComponent(data.toJSON());
  var url = host + '/ajax/checkin_postcard.php';

  await_response();

  new Ajax.Request(url,
  {  parameters: my_params,
     method: 'post',
      onSuccess: function(transport, json) {
        welcome_response('longterm');

        $('payment_field_paypal').innerHTML = json[0];

      	pk_goto_step("pk_step_1_div", "pk_step_2_div");
        $('preview_postcard_div').style.display = 'block';
      }
  });
}

function codepay(codevalue) {
  dispatchcode = '';
  close_viewports();
  $('versandcode').value='';
  data[0]['dispatchcode'] = codevalue;
  var my_params = 'json=' + encodeURIComponent(data.toJSON());
  var url = host + '/ajax/check_dispatchcode.php';

  await_response();

  new Ajax.Request(url,
  {  parameters: my_params,
     method: 'post',
      onSuccess: function(transport, json) {
        welcome_response();

        if(json[0] == "OK") {
        	pk_goto_step('', 'pk_step_1_div');
        	
					var cs = json[1];
					
					$("a_side_sent").src = "/editor/temp/AS_" + cs + ".jpg";
					$("b_side_sent").src = "/editor/temp/BS_" + cs + ".jpg";

          reinitpceditor();

          $('postcardinfo').style.display = 'none';
          $('postcardsentinfo').style.display = 'block';
        }
        else {
          alert(unescape("Invalid Input."));
        }
      }
  });
}

function addbookmark() {
	if (document.all) {
		window.external.AddFavorite('http://www.giftcertificates.net', 'GiftCertificates.Net - Create customized gift certificates');
	} else {
		alert("Press Ctrl-D to add this site to your bookmarks.");
	}
}

function commitment(myfunction, id) {
	var xdata = new Object();
	xdata['function'] = myfunction;
	xdata['id'] = id;
	
  var my_params = $H(xdata);
  var url = '/editor/ajax/commitment.php';
  
  new Ajax.Request(url,
  {   parameters: my_params,
  	  method: 'post',
      onSuccess: function(transport, json) {
      	
      	if(myfunction == "confirm") {
					$('h3_' + id).style.textDecoration='none';
					$('div1_' + id).style.textDecoration='none';
					$('div2_' + id).style.textDecoration='none';
				}
      	if(myfunction == "hide") {
					$('h3_' + id).style.textDecoration='line-through';
					$('div1_' + id).style.textDecoration='line-through';
					$('div2_' + id).style.textDecoration='line-through';
				}
      	if(myfunction == "delete") {
					$('div0_' + id).style.display = 'none';
				}
      	if(myfunction == "deleteown") {
					$('div0_' + id).style.display = 'none';
				}
      	if(myfunction == "unsave") {
					$('div3_' + id).innerHTML = '<a class="baseclass" href="javascript: commitment(\'save\', ' + id + ');">Add to favorites</a>';
				}
      	if(myfunction == "save") {
					$('div3_' + id).innerHTML = '<a class="baseclass" href="javascript: commitment(\'unsave\', ' + id + ');">Remove from favorites</a>';
				}
      },
      onFailure: function(transport, json) {
				alert('Not ok. #' + id);
      }
  });
  
  return;
}


var request_vars = new Array();
var get_vars_evaluated = false;

function eval_get_vars() {
	var get_string = document.location.search.substr(1,document.location.search.length);
	if(get_string != '') {
    gArr=get_string.split('&');
    for(i=0;i<gArr.length;++i) {
      v='';
      vArr=gArr[i].split('=');
      if(vArr.length>1) {
      	v=vArr[1];
      }
      request_vars[unescape(vArr[0])]=unescape(v);
    }
	}
}

function my_get_var(v) {
	if(get_vars_evaluated != true) {
	  eval_get_vars();
	}
	
	if(!request_vars[v]) {
		return '';
	}
	return request_vars[v];
}

var selectcontent = '';
var countrycontent = '';

function pk_check_step(theId) {
	if (theId == "pk_step_1") {
		if(checkin(pargs) == true) {
			
			postcard[0]['e_anrede'] 	= $('e_anrede').value;
			postcard[0]['e_name'] 		= $('e_name').value;
			postcard[0]['e_strasse'] 	= $('e_strasse').value;
			postcard[0]['e_plz'] 			= $('e_plz').value;
			postcard[0]['e_ort'] 			= $('e_ort').value;
			postcard[0]['e_text'] 		= $('e_text').value;
  		
  	  selectcontent = $('selectcontainer').innerHTML;
  	  $('selectcontainer').innerHTML = '';
  		
  	  countrycontent = $('countrycontainer').innerHTML;
  	  $('countrycontainer').innerHTML = '';

  		render_postcard_back();
		}
		else {

			for(var i=0; i<=ciErrors.length-1;i++) {
  	  	if(ciErrors[i] != '') {
    	  	$(ciErrors[i]).className='alertbg';
      	}
			}

			$('pk_step_1').checked = false;
			alert(unescape('Please fill out all fields.'));
		}
	}
}

var init_step_active = "<span style=\"color: blue; text-decoration: underline; cursor: pointer;\" onclick=\"reinitpceditor();\">R&uuml;ckseite editieren</span>";
var init_step_inactive = "R&uuml;ckseite editieren";

function pk_goto_step(theFrom, theTo) {
	if(theFrom == "") {
		// Re-Init
		
		if(selectcontent != '') {
  	  $('selectcontainer').innerHTML = selectcontent;
		}
		if(countrycontent != '') {
  	  $('countrycontainer').innerHTML = countrycontent;
		}
		
		$('cb_postcard_agb').disabled = false;
  	$('pk_step_1').checked = false;

		$('for_border_1').style.borderColor = 'red';
		$('for_border_2').style.borderColor = 'black';

	  $('pk_step_1_div').style.zIndex = 9999;
	  $('pk_step_2_div').style.zIndex = 10001;
	  
	  $('init_step_html').innerHTML = init_step_inactive;
  }

  if(theFrom == 'pk_step_1_div') {
		$('cb_postcard_agb').disabled = true;
		$('for_border_1').style.borderColor = 'black';
		$('for_border_2').style.borderColor = 'red';

	  $('pk_step_1_div').style.zIndex = 10001;
	  $('pk_step_2_div').style.zIndex = 9999;

	  $('init_step_html').innerHTML = init_step_active;
  }
}

function reinitpceditor() {
  $('preview_postcard_div').style.display='none';
  $('preview_postcard_div').style.zIndex=2;
  pk_goto_step('', '');
}	

function checkin(loc_args) {
	ciErrors[0] = '';
	ciErrors[1] = '';
	ciErrors[2] = '';
	ciErrors[3] = '';
	ciErrors[4] = '';
	ciErrors[5] = '';
	ciErrors[6] = '';
	ciErrors[7] = '';
	
	var intErrors = 0;

  for(var i=0; i<loc_args.length;i=i+2) {
    if(loc_args[i+1]=='CB') {
      if($(loc_args[i]).checked != true) {
		  	ciErrors[intErrors] = "div_" + loc_args[i];
				intErrors++;
      }
    }
		else {
		  if($(loc_args[i]).value==unescape(loc_args[i+1])) {
	  		ciErrors[intErrors] = loc_args[i];
        intErrors++;
			}
		}
  }
  if(intErrors == 0)
  	return true;
  else
  	return false;
}