jQuery(function() {
  initProduct();
  initBasket();
  //validateCustomerInformation();
  submitQuickPay();
});

function submitQuickPay(){
  var SubmitQuickPay = jQuery("#SubmitQuickPay");
  if(SubmitQuickPay[0]){
    SubmitQuickPay.click(function(){
      var newPaymentWindow=window.open('','newPaymentWindow','');
      jQuery("#SubmitQuickPay")[0].form.target='newPaymentWindow';
    });
    SubmitQuickPay.click();
  }
}

function initProduct() {
  var productVariantsArea = jQuery("#ProductVariants");
  if (productVariantsArea[0]) {


    var variants = productVariantsArea.children(".productVariant"),
                   variantInput = jQuery("#VariantID"),
                   productID = jQuery("#Product").attr("productID"),
                   productImageImg = jQuery("#ProductImageImg"),
                   productImageFolder = productImageImg.attr("src").split("/")[5];

    ///Files/Billeder/Ting2010/Produkter/tingTilBoligen/PROD23_VO2_stor.jpg
    if (variants[0]) {
      variants.last().css("marginRight", 0);
      productVariantsArea.width(variants.length * 125 - 15);
      variants.click(function() {
        var thisVariant = jQuery(this);
        variantInput.val(thisVariant.attr("id"));
        variants.children(".variantBorder").attr("src", "/files/Billeder/Ting2010/gfx/ramme_lille_visning.gif");
        thisVariant.children(".variantBorder").attr("src", "/files/Billeder/Ting2010/gfx/ramme_lille_visning_on.gif");
        productImageImg.attr("src", thisVariant.children(".variantProductImage").attr("src").replace(".jpg", "_stor.jpg"));
        setStock(thisVariant.attr("stock"));
        setPrice(thisVariant.attr("price"));
        fixStock();
        
      });
      variants.each(function() {
        var thisVariant = jQuery(this), variantImage = thisVariant.children(".variantProductImage"), imageSrc = variantImage.attr("src");
        imageSrc = imageSrc.replace("ProductVariantImages", productImageFolder);
        variantImage.attr("src", imageSrc)
        if (thisVariant.attr("id") === variantInput.val()) {
          thisVariant.children(".variantBorder").attr("src", "/files/Billeder/Ting2010/gfx/ramme_lille_visning_on.gif");
        }
        //testImage("/files/Billeder/Ting2010/Produkter/ProductVariantImages/" + productID + "_" + thisVariant.attr("id") + ".jpg");
      });

      var settings = {
        width: 235,
        height: 110,
        scrollSpeed: 500,
        hideScrollbars: false,
        leftEvents: [{ selector: "#VariantArrowLeft",
          startEvent: "mouseover",
          endEvent: "mouseout",
          hideWhenNotNeeded: false
        },
                     { selector: "#VariantArrowLeft",
                       startEvent: "mousedown",
                       endEvent: "mouseup",
                       scrollSpeed: 1000,
                       hideWhenNotNeeded: false}],
        rightEvents: [{ selector: "#VariantArrowRight",
          startEvent: "mouseover",
          endEvent: "mouseout",
          hideWhenNotNeeded: false
        },
                     { selector: "#VariantArrowRight",
                       startEvent: "mousedown",
                       endEvent: "mouseup",
                       scrollSpeed: 1000,
                       hideWhenNotNeeded: false}]

        /*width: 250,
        height: 110,
        scrollSpeed: 500,
        scrollInInterval: true,
        scrollInIntervalEventsX: [{ firstSelector: "#VariantArrowRight",
        secondSelector: "#VariantArrowLeft",
        interval: 235,
        scrollNudge: { pixels: 15,
        speed: 200
        },
        event: "mousedown",
        scrollSpeed: 500,
        hideWhenNotNeeded: true
        }]*/
      };

      var co3Scroll = productVariantsArea.wrapInScrollbar(settings);
    } else {
      jQuery("#VariantArrowLeft, #VariantArrowRight").remove();
    }
    fixStock();
  }
}

function setStock(newStock) {
  jQuery("#Stock").attr("onStock", newStock)
}

function fixStock() {
  //Ordne lagerstand
  var stock = jQuery("#Stock");

  if (parseInt(stock.attr("onStock")) < 1) {
    stock.css("backgroundImage", "url(/files/Billeder/Ting2010/gfx/ikon_ikke_paa_lager.jpg)");
    stock.children().first().hide();
    stock.children().last().show();
    //Hvis ikke man m? k?be produktet n?r det ikke er p? lager
    //jQuery("#ProductBuy").remove();
  } else {
    stock.css("backgroundImage", "url(/Files/Billeder/Ting2010/gfx/ikon_paa_lager.jpg)");
    stock.children().first().show();
    stock.children().last().hide();
  }
}

function setPrice(newPrice) {
  jQuery("#ProductPrice").text(newPrice);

}



var ship1, ship2, pay1, pay2;
function initBasket() {
  ship1 = jQuery("#SHIP1");
  if (ship1[0]) {
    ship2 = jQuery("#SHIP2"), pay1 = jQuery("#PAY1"), pay2 = jQuery("#PAY2");
    ship1[0].checked = true;
    checkOptions();
    jQuery("#Shippingmethods input").click(function() {
      checkOptions();
    });
  }
  jQuery("#GaveindpakningShow input").attr("disabled", "true");
  //document.submitMethodData.submit();
}
function checkOptions() {
  if (ship1[0].checked) {
    pay2[0].checked = true;
    pay2[0].disabled = false;
    pay1[0].disabled = true;
    pay1.next("label").addClass("disabled");
  } else {
    //pay1[0].checked = true;
    pay1[0].disabled = false;
    pay2[0].disabled = false;
    pay1.next("label").removeClass("disabled");
  }
}

function validateCustomerInformation() {
  var CustomerInformation = jQuery("#CustomerInformation");
  //    if (CustomerInformation[0]) {
  CustomerInformation.validate({
    messages: {
      email: {
        required: "We need your email address to contact you",
        email: "Your email address must be in the format of name@domain.com"
      }

    }
  });

  if (jQuery('#CustomerInformation').valid()) {
    document.submitUserData.submit()
  }
  else {
    return false;
  }
}