function carousel_initCallback(carousel)
{
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
  
    $('.carousel-item').mouseenter(function() {
      $(this).children('.info').fadeIn(500, null);
    });
  
    $('.carousel-item').mouseleave(function() {
      $(this).children('.info').fadeOut(500, null);
    }); 
};

$(document).ready(function() {
  $('.back').click(function() {
    window.history.back();
  });
  
  $('.thumb').click(function() {
    var image = $(this).attr('data-image');
    var variant = $(this).attr('data-variant');
    $('#productImage').attr('src', image);
    $('.thumb').toggleClass('thumbsel', false);
    $('.variant').toggleClass('variantsel',false);
    $(this).toggleClass('thumbsel', true);
    $('.v' + variant).toggleClass('variantsel', true);
    
  });
  
  $('.variant').click(function() {
    var thumb = $('.vt' + $(this).attr('data-variant'));
    var image = thumb.attr('data-image');
    
    $('#productImage').attr('src', image);
    
    $('.variant').toggleClass('variantsel',false);
    $('.thumb').toggleClass('thumbsel',false);
    $(this).toggleClass('variantsel', true);
    thumb.toggleClass('thumbsel', true);
  });
  
  $('.filter').click(function() {
    var serie = '.' + $(this).attr('name');
    $('.filterall').toggleClass('selected', false);
    $('.filter').toggleClass('selected', false);
    $(this).toggleClass('selected', true);
    $('.boximage:not(' + serie + ')').hide(800, null);
    $(serie).show(800, null);
  });
  
  $('.filterall').click(function() {
    $('.boximage').show(800, null);
    $('.filterall').toggleClass('selected', true);
    $('.filter').toggleClass('selected', false);
  });
  
  $('#carousel').jcarousel({
        auto: 3,
        wrap: 'last',
        scroll: 1, 
        initCallback: carousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null
  });
  
  var map;
  var geocoder;
  var lastcountry = '';
  
  $('.country').click(function() {
    var countryId = '#' + $(this).attr('name');
    $('.country').toggleClass('selected', false);
    $(this).toggleClass('selected', true);
    $(lastcountry).hide();    
    $(countryId).show();
    $('#map_canvas').css('visibility','hidden');
    lastcountry = countryId;
  });
  
  $('.shop').click(function() {
    var sAddress = $(this).attr('name');
    $('.shop').toggleClass('selected', false);
    $(this).toggleClass('selected', true);
    $('#map_canvas').css('visibility','visible');
    geocoder.geocode({'address':sAddress}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
          map: map,
          position: results[0].geometry.location
        });
      }
      else {
        alert('error');
      }
    });
  });
  
  if ($('#map_canvas').length)
  {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 17,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    geocoder = new google.maps.Geocoder();
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
    google.maps.event.addListener(marker, 'click', function() { map.setZoom(17); });

  }

});