$(document).ready(function() {

  $(".moduleContainer .brandbox .slider").each(function(index,el){
    var $marginValue = 30; // if brandbox is 260 px wide
    var $brandboxDiv = $(this).parent().parent().parent();
    if ($brandboxDiv.hasClass('brandbox_300')) {
      $marginValue = 50;
      }
    $(el).slider({
      value: 0,
      min: 0,
      max: $(el).parent().parent().find('.imageContent li').length - 1,
      step: 1,
      slide: function(event, ui){
        slideFkt(ui.value, $(this), $marginValue);
      }
    });
  });

  // Slide arrows left and right
  $( ".sliderWrapper .slider_arrow").bind( "click", function(event, ui) {
    var $oldValue = $(this).parent().find(".slider").eq(0).slider("value");
    var $max = $(this).parents('.brandbox').eq(0).find('.imageContent ul li').length - 1;
    var $brandboxDiv = $(this).parent().parent().parent();
    var $marginValue = 30;
    if ($brandboxDiv.hasClass('brandbox_300')) {
      $marginValue = 50;
    }
    if ($(this).hasClass('left')){
      $(this).parent().find(".slider").slider("value", $oldValue-1);
      if ($oldValue > 0){
        slideFkt($oldValue-1, $(this), $marginValue);
      }
    } else {
      $(this).parent().find(".slider").slider("value", $oldValue+1);
      if ($oldValue < $max){
        slideFkt($oldValue+1, $(this), $marginValue);
      }
    }
  });


 // Slidefunction
  var slideFkt = function(val, $this, margin){
    var newMarginLeft = val * -140 + margin;
    var $imageContent = $this.parent().parent().find('.imageContent').eq(0);
    $imageContent.stop();
    $imageContent.animate({marginLeft: newMarginLeft+'px'}, 100, function(){
      $imageContent.find('li').removeClass('current');
      $imageContent.find('li').eq(val).addClass('current');
    });
  }

 	// Open the link in a new tab, if the link is external 
  $('.moduleContainer .brandbox .dropdown ul li a').click(function(){
  	if ($(this).attr("target") == '_blank') {
  		newTab = window.open($(this).attr('href'),'_blank');
  		newTab.focus();
  	} else {
	    window.location = $(this).attr('href');
  	}
  		
  });

});