$.ajaxSetup({
  // Disable caching of AJAX responses
  cache: false
});

var LV = {};

/* Resize Thumbnails for Related Articles */
LV.resize = function() {
   $('.thumb').each(function() {
      var h = $(this).height();
      var b = $(this).width();
      if( h > b) {
        $(this).css("height","50px");
      }
      else {
        $(this).css("width","50px");
      }
   });
}


/* Popups */

function enlarge(url, width, height) {
  options='width='+width+', height='+height;
  options=options+',scrollbars=yes,resizable=yes,toolbar=no';
  win=window.open(url, 'enlarge', options);
  win.focus();
}


/* Menue mit Klappnavi */

$(document).ready(function() {

  $('#mainmenu div').each(function() {
    var myitem = $(this).attr('id');
    a = myitem.split('item');
    i=a[1]; 

    if(i > 1) {
     var layitem = '#layeritem' + i;
     var curritem = '#item' + i;

     $(curritem).bind('mouseover', function(){
       $(layitem).css('display','inline');
       var pos = $(curritem).position();
       newpos = pos.left;
       $(layitem).css({left: newpos });
     });
  
     $(layitem).bind('mouseover', function(){
       $(layitem).css('display','inline');
       var pos = $(curritem).position();
       newpos = pos.left;
       $(layitem).css({left: newpos });
       
       var w = 0;
       w = $(layitem).width();
       var listitems=$(this).find('li');
       $(listitems).each(function() {
        $(this).css({width: w });
       });
       
     });

     $(layitem).bind('mouseout', function(){
       $(layitem).css('display','none');
     });

     $(curritem).bind('mouseout', function(){
       $(layitem).css('display','none');
     });
    }
  });
});

/* SSL Info Layer */
$(".sslinfo").live({
  click: function (event) {
    $("#sslinfolayer").css({
      'top': (event.pageY - 500) + 'px',
      'left': (event.pageX - 20) + 'px'
    }).show();
  }
});

/* Delivertime Info Layer */
$(".deliver").live({
  click: function (event) {
    $("#deliverlayer").css({
      'top': (event.pageY - 340) + 'px',
      'left': (event.pageX - 540) + 'px'
    }).show();
  }
});


/* ***** LV.closeLayer ******* */
LV.closeLayer = function(layer) {
  $("#" + layer).hide();
};


$('.addpicsimg img').each(function() {
  var myimage = $(this);
  var new_topmargin = (102 -  myimage.height()  )/2 ;
  $(this).css({ 'marginTop': new_topmargin + 'px' });
  $(this).css({ 'marginBottom': new_topmargin + 'px' });
});       

    
/* ***** LV.changeColor ******* */
LV.changeColor = function(pic) {
  if(pic != 0) {
    $(".detailpic img.main").attr("src",pic);
    LV.getXlargeImg(pic);
    LV.showaddedtext(pic);
  }
}

/* ***** LV.showaddedtext ******* */
LV.showaddedtext = function(pic) {
  var cnt = pic.split("_")[1];

  for(j = 1; j <= 3; j++) {
   if(cnt) {
      var whichtext = cnt.split(".")[0];
      if(whichtext == j) {
        $("#text_" + j).show();
      }
   }
   else {
      $("#text_" + j).hide();
   }  
  }
}

/* ***** LV.changeAttr ******* */
LV.changeAttr = function(pic,article,box,language) {
  //console.log(pic);
  //console.log(article);
  //console.log(box);
  
  if(pic != 0) {
    
    if($(".detailpic img.main")){
      $(".detailpic img.main").attr("src",pic);  
    }
    LV.getXlargeImg(pic);
  }
  
  //$("#var1 option:selected").removeAttr('selected');
  //$("#var1 option[value="  + article +"]" ).attr('selected','selected');
  $("#var1 option:selected")[0].selected = false;
   
  $("#var1 option").each(function() {
    if($(this).val() === article){
      $("#var1")[0].selectedIndex = $(this).index();
      $("select#var1").val(article);
    }    
  });
  
  /* Bei Farbwechsel Groessen ermitteln */
  LV.changeSize(article,box,language);
}   



/* ***** LV.changeSize ******* */
LV.changeSize = function(article,box,language) {
  
  if($(box)) { 
    
    if(box == '#var2') {
      if($('#var1').val()) {
        article = $('#var1').val();
      }
    }
    
    $.ajax({
      url: "/catalog/getProductSizes.html?artID=" + article,
      dataType: 'JSON',
      type: 'GET',
      success: function (data) {
        var i, $option, noItems = data.length, options = [];
        
        if(noItems == 1) {
          $("#onesize").html(data[0].optionDisplay); 
          $("#onesize").show();
        } 
        else {
          if($(box).val()){
            var selectedsize = $(box).val();  
          } else {
            var selectedsize = 0;  
          }
          
          /* orbiz prices by changing size or color */
          if(selectedsize > 0) {
            artid = selectedsize;
          }
          else {
            artid =  data[0].optionValue;
          }
          
          var changedsize = 0;
   
          for (i = 0; i < noItems; i++) {
            $option = $('<option value="' + data[i].optionValue + '">' + data[i].optionDisplay + '</option>');
            //if (i === 1 && noItems === 2) {
            if (data[i].optionValue == artid) {
              $option.attr('selected', 'selected');
              var changedsize = changedsize + 1;   
            }
            options.push($option.get(0));
            $("#onesize").hide();
          }
          $(box).empty().append(options).show();
        } 
  
        /* orbiz prices by changing size or color */
        if(changedsize > 0) {
          artid = selectedsize;
        }
        else {
          artid =  data[0].optionValue;
        } 
        jQuery.get("/catalog/getArticlePrice.html?artID=" + artid + "&langCountry=" + language, function(data) {
          $("#ArticlePrice").html(data);
        });
        LV.changeCartID(artid);
      },

      error: function (request, status, error) {
        //alert("Could not get sizes.");
      }
    });
  } else {
    //console.log('was jetzt?');
  }
}

LV.changeSelection = function(selcount,seltype,mainartid,language) {

  var article = $('#var1').val();
  
  //Farbe und Groesse
  if(selcount == 2) {
    var selop = $('#var1 option:selected').attr('id');
    var pic = 0;
    var picture = "/pictures/articles/big/" + selop + ".jpg";

    $.ajax({
      url: picture,
      type: 'HEAD',
      error: function() {
        //Datei nicht gefunden
        LV.changeAttr(pic,article,'#var2',language);
      },
      success: function() {
        pic = picture;
        LV.changeAttr(pic,article,'#var2',language);
      }
    });
  } 
  else {
    //nur Groesse
    if(seltype == 1) {
      LV.changeSize(mainartid,'#var1',language);
    }
    else {
      //nur Farbe 
      var selop = $('#var1 option:selected').attr('id');
      var pic = 0; 
      var picture = "/pictures/articles/big/" + selop + ".jpg";
      
      $.ajax({
        url: picture,
        type: 'HEAD',
        error: function() {
          //Datei nicht gefunden
          LV.changeColor(pic);
        },
        success: function() {
          pic = picture;
          LV.changeColor(pic);
        }
      });

      jQuery.get("/catalog/getArticlePrice.html?artID=" + article + "&langCountry=" + language, function(data) {
        $("#ArticlePrice").html(data);
      });
      LV.changeCartID(article); 
    }
  }
}


/* ***** LV.changeCartID ******* */ 
LV.changeCartID = function(cartartid) {
  var url = $('#putCart').attr('action');
  var part1url = url.split("--")[0];
  var puturl = url.split("--")[1];
  var part2url = puturl.split("c")[0];
  var puturl = puturl.split("c")[1];
  var part3url = cartartid;
  var part4url = puturl.split(".")[1];

  url = part1url + "--" + part2url +"c" + part3url + "." + part4url;
  $('#putCart').attr('action',url);
}




/* ***** LV.getXlargeImg ******* */ 
LV.getXlargeImg = function(pic) {
  var picX = pic.replace("big","xlarge");
  var artTitle = $('.artTitleHide').html();
  
  var data = {
    'img': '' + picX + ''
  }
   
  // Check if xlarge Image exist
  var fileCheck = $.ajax({
    url: '/catalog/checkFile.html',
    type: 'POST',
    data: (data),
    dataType: "json",
    async: false,
    success: function(msg){
      if (msg[0].existFile === '1') {
        $(".jqZoomWindow").remove();
        $(".jqZoomPup").remove();
        $(".detailpic a.jqzoom").remove();
        $('.jqZoomImage img.main').remove();
        
        $('.jqZoomImage').append('<a href="'+picX+'" class="jqzoom" title="'+artTitle+'"><img class="main" src="'+pic+'" title="'+artTitle+'"></a>');
        
        var optionsS = {
          zoomWidth: 445,
          zoomHeight: 456,
          xOffset: 10,
          yOffset: 0,
          showEffect:'show',
          hideEffect:'fadeout',
          fadeoutSpeed: 'slow',
          position: "right"
        };
        $(".jqzoom").jqzoom(optionsS);
      }
      else
      {
        $(".jqZoomWindow").remove();
        $(".jqZoomPup").remove();
        $(".detailpic a.jqzoom").remove();
        $(".jqZoomImage img").remove();
        $('.jqZoomImage').append('<img class="main" src="'+pic+'" title="'+artTitle+'">');
      } 
    }
  }).responseText;
}