var orderwindow;
var orderpage;
var termspage;

var PriceModel;
 
function StartOrder()
{
  CloseOrderForm();
  orderwindow = CreateAjaxPopup("orderform", _DefaultHash["basedir"] + "form.html", OrderFormHeadTemplate, InitOrderForm);
  orderpage = $(orderwindow.document);
}

function CloseOrderForm()
{
  if (orderwindow != null)
  {
    orderwindow.close();
    orderwindow = null;
  }
}

function InitOrderForm()
{
  orderpage.find("#preload").hide();
   
  //init
  orderpage.find("#check-form").click(CheckForm);
  orderpage.find("#submit-form").click(SubmitForm);
  orderpage.find("#print-form").click(PrintForm);
  // deactivate the submit button
  orderpage.find("#submit-form").attr("disabled", "disabled"); 
  
  orderpage.find("#check-connection-msg").hide(); // *************** if (IsOnline())
  orderpage.find("#submit-success-msg").hide();
  orderpage.find("#submit-failure-msg").hide();
  orderpage.find("#check-success-msg").hide();
  orderpage.find("#check-failure-msg").hide();

  // fill watch info
  PriceModel = PriceCollection.getDataSumByModel(ParamsCount - 1, CurrentModel);
  
  var ModelHash = NameCollection.getDataHashByModel(CurrentModel);
  var ModelTable = new Array(); 
  var ModelTableInternal = new Array();
  for (var i = 0; i < ParamsCount; i++)
  {
    ModelTable[i] = new Array(ParamNames[i].getString(), ModelHash[Params[i]].getString());
    ModelTableInternal[i] = new Array(ParamNames[i].getString(), ModelHash[Params[i]].getInternalString());
  }
  //ModelTable.push(new Array(ModelNo.getString(), ReferenceCollection.getDataByModel(ParamsCount - 1, CurrentModel)));
  // no ones interested in that one!
  ModelTableInternal.push(new Array(ModelNo.getInternalString(), ReferenceCollection.getDataByModel(ParamsCount - 2, CurrentModel)));
  ModelTable.push(new Array(ModelPrice.getString(), PricePrefix.getString() + PriceModel.toString() + PriceSuffix.getString()));
  ModelTableInternal.push(new Array(ModelPrice.getInternalString(), PricePrefix.getInternalString() + PriceCollection.getDataSumByModel(ParamsCount - 1, CurrentModel).toString() + PriceSuffix.getInternalString()));
  
  // into table
  var HtmlTable = jQuery.map(ModelTable, function(i) { return '<tr>' + jQuery.map(i, function(i) { return '<td>' + i + '</td>'; }).join("") + '</tr>'; }).join("");
  orderpage.find("#description > table").empty(); // debug only! *********
  orderpage.find("#description > table").append(HtmlTable);
  
  // and into form
  var form = orderpage.find("form"); 
  var PostTable = jQuery.map(ModelTable, function(i) { return i.join("\t"); }).join("\n");
  var PostTableInternal = jQuery.map(ModelTableInternal, function(i) { return i.join("\t"); }).join("\n");
  
  // prepare or remove fields for custom
  var customservice = NameCollection.getDataByModel(ParamsCount - 1, CurrentModel);
  if (customservice.hasService1())
  {
    orderpage.find("[name=custom1]").attr("maxlength", customservice.textLimit1);
  }
  else
  {
    orderpage.find("#custom1").remove();
  }
  
  if (customservice.hasService2())
  {
    orderpage.find("[name=custom2]").attr("maxlength", customservice.textLimit2);
  }
  else
  {
    orderpage.find("#custom2").remove();
  }
  
  if (customservice.number == 0)
  {
    orderpage.find("#custom").remove();
    orderpage.find("#custom-font").remove();
  }
  else
  {
    // text limiter
    orderpage.find("[name^=custom]").keyup(function() { 
      if ($(this).val().length > $(this).attr("maxlength")) 
      {
        $(this).val($(this).val().substr(0, $(this).attr("maxlength")));
      }
      $(this).parent().find(".counter").text($(this).attr("maxlength") - $(this).val().length);
    });
    orderpage.find("[name^=custom]").keyup();
  }
  
  // write additional form info
  var FormHash = { 
    modeldata : PostTable,
    modeldatainternal: PostTableInternal, 
    language : Languages[CurrentLanguage], 
    languagefriendlyname : LanguageFriendlyNames[CurrentLanguage]
  };
  form.append(GetHiddenFormCode(FormHash));
  
  // fill watch images
  orderpage.find("#image-container").empty(); // debug only! *********
  
  $(".work:visible").each (function() 
  {
    var temp;
    if (pngprob())
    {
      //temp = '<div class="image" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=\'${basedir}${id}.png\');"></div>';
      temp = '<img alt="" class="image" src="${basedir}${id}.gif" />';
    }
    else
    {
      temp = '<img alt="" class="image" src="${basedir}${id}.png" />';
    }
    orderpage.find("#image-container").append(
      $.template(temp), 
      DefaultHash({ "id" : $(this).attr("id") }));
  });
  
  // country selector fill
  var CountryInput = orderpage.find("select[name=country]");
  for (var i in Countries)
  {
    CountryInput.append($.template('<option value="${name}">${name}</option>'), { name: Countries[i].getString(), internal: Countries[i].getInternalString(), i: i});
  }
  CountryInput.change(ChangeCountry);
  ChangeCountry();
  
  // price
  orderpage.find("#model-price > .price").before(PricePrefix.getString());
  orderpage.find("#model-price > .price").text(FormatCurrency(PriceModel));
  orderpage.find("#shipping-price > .price").before(PricePrefix.getString());
  orderpage.find("#vat-price > .price").before(PricePrefix.getString());
  orderpage.find("#total-price > .price").before(PricePrefix.getString());
  
  UpdateDocumentLanguage(orderpage);
  
  orderpage.find("#preload").show();
}

///////////////////////////////////////////////////
// order form function
function CheckForm()
{
  var Regexes = { "email" : /^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/ };
  orderpage.find(".invalid").each(function() 
  {
    $(this).parent().css("background-color", "white");
  });
  orderpage.find(".invalid").removeClass("invalid");
  
  orderpage.find(".required:visible").each(function () 
  {
    if (jQuery.trim($(this).val()) == "")
    {
      $(this).addClass("invalid");
    }
    else
    {
      var regex = Regexes[$(this).attr("name")];
      if (typeof regex != "undefined")
      {
        if (!($(this).val().match(regex)))
        {
          $(this).addClass("invalid");
        }
      }
    }
  });

  orderpage.find(".finished").removeClass("finished");
  orderpage.find("#check-success-msg").hide();
  orderpage.find("#check-failure-msg").hide();
  
  var emails = orderpage.find("input[name^=email]");
  if (emails.eq(0).val() != emails.eq(1).val())
  {
    emails.addClass("invalid");
  } 
  
  if (orderpage.find(".invalid").length > 0) 
  {
    orderpage.find(".invalid").each(function ()
    {
      $(this).parent().css("background-color", "orange");
    });
    orderpage.find("#check-failure-msg").show(500);
  }
  else
  {
    orderpage.find("#submit-form").removeAttr("disabled");
    orderpage.find("#check-form-div").addClass("finished");
    orderpage.find("#check-success-msg").show(500);
  }
  
  orderpage.find("#submit-failure-msg").hide();
  orderpage.find("#submit-success-msg").hide();
  
  return false;
}

function PrintForm()
{
  orderwindow.print();
  orderpage.find("#print-form-div").addClass("finished");
  return false;
}

function SubmitForm()
{
  var submitUrl = "submit/submit.pl"; //*****
  
  //additional info for the mails
  var formHash = GetFormHash(orderpage.find("form"));
  orderpage.find("#check-success-msg").hide();
  orderpage.find("#check-failure-msg").hide();

  var addHash = {
    salutation : Salutation[formHash["gender"]].getString(),
    friendlygender : GenderTitle[formHash["gender"]].getInternalString(),
    modelprice : orderpage.find("#model-price").text(),
    shippingprice : orderpage.find("#shipping-price").text(),
    vatprice : orderpage.find("#vat-price").text(),
    totalprice : orderpage.find("#total-price").text()
  };
  
  orderpage.find("#additional").empty();
  orderpage.find("#additional").append(GetHiddenFormCode(addHash));

  //
  var submitHash = orderpage.find("form").serializeArray();
  jQuery.post(submitUrl, submitHash, SubmitSuccessCallback);
  var listener = $('<div id="listener" />');
  listener.ajaxError(SubmitFailureCallback);
  listener.hide();
  listener.appendTo($(document).find("body"));
  
  return false; // *** change to true only for debug. later remove action attr in form. *********
}

function SubmitSuccessCallback()
{
  $("#listener").remove();
  
  orderpage.find("#submit-form-div").addClass("finished");
  orderpage.find("#submit-failure-msg").hide();
  orderpage.find("#submit-success-msg").show(500);
}

function SubmitFailureCallback()
{
  $("#listener").remove();
  
  if (orderwindow == null)
  {
    alert("ajax fail");
    return;
  }
  
  orderpage.find(".finished").removeClass("finished");
  orderpage.find("#submit-success-msg").hide();
  orderpage.find("#submit-failure-msg").show(500);
}

///////////////////////////////////////////////
// info popups
function ShowShipping()
{
  CloseOverlayNow();
  CreateAjaxOverlay(ShippingTitle.getHtmlString(), _DefaultHash["basedir"] + "shipping.html", InitShipping);
}

function InitShipping()
{
  for (var i in Countries)
  {
    $(".overlay table").append($.template('<tr><td>${country}</td><td>${price}</td></tr>'), { country: Countries[i].getHtmlString(), price: PricePrefix.getHtmlString() + FormatCurrency(CountryPrices[i]) });
  }
  UpdateLanguage();
  $(".overlay tr:even").addClass("tableline");
}

function ShowDealerInfo()
{
  CloseOverlayNow();
  CreateAjaxOverlay(DealerInfoTitle.getHtmlString(), _DefaultHash["basedir"] + "dealerinfo.html", UpdateLanguage);
}

function ShowContact()
{

}

function ShowRetailerList()
{
  CloseOverlayNow();
  CreateAjaxOverlay(RetailerListTitle.getHtmlString(), _DefaultHash["basedir"] + "retailer-list.html", UpdateLanguage);
}

function ShowTerms()
{
  CloseOverlayNow();
  CreateAjaxOverlay(TermsTitle.getHtmlString(), _DefaultHash["basedir"] + "terms.html", InitTerms);
}

function InitTerms()
{
  $(".overlay h3").each(function(i)
  {
    var hash = { name : "term" + i.toString(), title : $(this).html() };
    $(this).before($.template('<a name="${name}" />'), hash);
    $(".overlay #index").append($.template('<div><a href="#${name}">${title}</a></div>'), hash);
  });
  
  UpdateLanguage();
}

function ShowImprint()
{
  CloseOverlayNow();
  CreateAjaxOverlay(ImprintTitle.getHtmlString(), "imprint/imprint.html #content", UpdateLanguage);
}

function ShowPrivacy()
{
  CloseOverlayNow();
  CreateAjaxOverlay(PrivacyTitle.getHtmlString(), "privacy/privacy.html #content", UpdateLanguage);
}

///////////////////////////////////////////////
// countries & shipping
function ChangeCountry()
{
  var index = -1;
  orderpage.find("option").each(function(i)
  {
    // if ($(this).attr("selected")) // seems not to work with older browser
    if ($(this).is(":selected"))
    {
      index = i;
      return false;
    }
  });
  
  if (index == -1) 
  {
    alert("something's wrong with the countries.");
    return;
  }
  
  index--;
  
  if (index == -1)
  {
    // no country chosen.
    orderpage.find("#shipping-price").parent().hide();
    orderpage.find("#total-price").parent().hide();
  }
  else
  {
    orderpage.find("#shipping-price > .price").text(FormatCurrency(CountryPrices[index]));
    orderpage.find("#total-price > .price").text(FormatCurrency(CountryPrices[index] + PriceModel));
    orderpage.find("#vat-price > .price").text(FormatCurrency((CountryPrices[index] + PriceModel) * 0.19 / 1.19));
    
    orderpage.find("#shipping-price").parent().show();
    orderpage.find("#total-price").parent().show();
  }
} 

////////////////////////////////////////////////
function CreateOverlay(title)
{
  CloseOverlay();
  
  $("#frame").append($.template('<div class="overlay"><div class="overlay-hl"><a href="" class="overlay-close">&nbsp;X&nbsp;</a>${title}</div><div class="overlay-cont"></div></div>'), { title: title});
  
  with ($(".overlay a"))
  {
    click(CloseOverlay);
    attr("title", CloseTooltip.getString());
  }
  
  UpdateLanguage();
  with ($(".overlay"))
  {
    hide(); 
    fadeIn(300, function() { $(this).dropShadow(); $(this).fadeTo(0, 0.95); });
  }
  
  return $(".overlay-cont");
}

function CreateAjaxOverlay(title, filename, callback)
{
  var overlay = CreateOverlay(title);
  overlay.load(filename, {}, callback);
  
  return overlay;
}

function CloseOverlay()
{
  $(".dropShadow").fadeOut(300, function() {$(this).remove(); });
  $(".overlay").fadeOut(300, function() {$(this).remove(); });
  return false;
}

function CloseOverlayNow()
{
  $(".dropShadow").remove(); 
  $(".overlay").remove(); 
  return false;
}

function CreatePopup(name, headTemplate, bodyTemplate, hash)
{
  var newwindow = window.open("", name);
  newwindow.document.write(htmlTemplate);
  newwindow.document.close();
  $(newwindow.document).find("head").append($.template(headTemplate), hash);
  $(newwindow.document).find("body").append($.template(bodyTemplate), hash);
  return newwindow;
}

function CreateAjaxPopup(name, filename, headTemplate, callback)
{
  var newwindow = window.open("", name);
  newwindow.document.write(htmlTemplate);
  newwindow.document.close();
  
  $(newwindow.document).find("body").load(filename, {}, callback);
  $(newwindow.document).find("head").append(headTemplate);

  return newwindow;
}
    
var htmlTemplate = '<?xml version="1.0" encoding="UTF-8"?>\n<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><head></head><body onload=""></body></html>';
var OrderFormHeadTemplate = '<title>Watch Creator® – Create your own watch</title><link rel="stylesheet" type="text/css" href="files/form.css" /><link rel="stylesheet" type="text/css" href="files/custom-form.css" />'; 

function FormatCurrency(number)
{
  var f = formatZahl(number, 2, true);
  /*if (f.substr(f.length - 2) == "00")
    return f.substr(0, f.length - 2) + "--";
  else*/
    return f;
}

function formatZahl(zahl, k, fix) { 
    if(!k) k = 0; 
    var neu = ''; 
    // Runden 
    var f = Math.pow(10, k); 
    zahl = '' + parseInt( zahl * f + (.5 * (zahl > 0 ? 1 : -1)) ) / f ; 
    // Komma ermittlen 
    var idx = zahl.indexOf('.'); 
    // fehlende Nullen einf?gen 
    if(fix) { 
         zahl += (idx == -1 ? '.' : '' ) 
         + f.toString().substring(1); 
    } 
    // Nachkommastellen ermittlen 
    idx = zahl.indexOf('.'); 
    if( idx == -1) idx = zahl.length; 
    else neu = Decimal.getString() + zahl.substr(idx + 1, k); 
  
    // Tausendertrennzeichen 
    while(idx > 0)    { 
        if(idx - 3 > 0) 
        neu = Thousands.getString() + zahl.substring( idx - 3, idx) + neu; 
        else 
        neu = zahl.substring(0, idx) + neu; 
        idx -= 3; 
    } 
    return neu; 
}