$(document).ready(function () {

var options1 = {
	    zoomWidth: 465,
	    zoomHeight: 350,
	    title: false,
	    position: 'top',
		zoomType: 'reverse',
	    xOffset: 0,
	    yOffset: 20
	    };
	    
var options2 = {
	    zoomWidth: 465,
	    zoomHeight: 350,
	    title: false,
	    position: 'top',
		zoomType: 'reverse',
	    xOffset: -94,
	    yOffset: 20
	    };
	    
var options3 = {
	    zoomWidth: 465,
	    zoomHeight: 350,
	    title: false,
	    position: 'top',
		zoomType: 'reverse',
	    xOffset: -188,
	    yOffset: 20
	    };

var options4 = {
	    zoomWidth: 465,
	    zoomHeight: 350,
	    title: false,
	    position: 'top',
		zoomType: 'reverse',
	    xOffset: -282,
	    yOffset: 20
	    };

var options5 = {
	    zoomWidth: 465,
	    zoomHeight: 350,
	    title: false,
	    position: 'top',
		zoomType: 'reverse',
	    xOffset: -376,
	    yOffset: 20
	    };

	
	$('.zoom1').jqzoom(options1);
	$('.zoom2').jqzoom(options2);
	$('.zoom3').jqzoom(options3);
	$('.zoom4').jqzoom(options4);
	$('.zoom5').jqzoom(options5);


	var numeroComentarios = 11;
	var nextHide = 1;

	iniciarTimer = function() {
		timerComentarios = setTimeout('cambiarComentario()', 8000);
	}
	
	iniciarTimer();

	cambiarComentario = function() {
		$('.coment' + nextHide).hide('slow');
		nextShow = Number(nextHide) + 1;
		if (nextShow > numeroComentarios) {
			nextShow = 1;
		}
		$('.coment' + nextShow).slideDown('slow');
		if (nextHide == numeroComentarios) {
			nextHide = 1;
		} else {
			nextHide = nextHide + 1;
		}
		
		iniciarTimer();
		
	}

var $panels = $('#slider .scrollContainer > div');
var $container = $('#slider .scrollContainer');

var $panelsMuestras = $('#slideMuestras .scrollMuestras > div');
var $containerMuestras = $('#slideMuestras .scrollMuestras');


var horizontal = true;

if (horizontal) {
  $panels.css({
    'float' : 'left',
    'position' : 'relative'
  });
}
  
if (horizontal) {
  $panelsMuestras.css({
    'float' : 'left',
    'position' : 'relative'
  });
  
  $container.css('width', $panels[0].offsetWidth * $panels.length);
  $containerMuestras.css('width', $panels[0].offsetWidth * $panels.length);
}

var $scroll = $('#slider .scroll').css('overflow', 'hidden');
var $scrollMuestras = $('#slideMuestras .scroll_Muestras').css('overflow', 'hidden');


function selectNav() {
  $(this)
    .parents('ul:first')
      .find('a')
        .removeClass('selected')
      .end()
    .end()
    .addClass('selected');
}

$('#slider .navigation').find('a').click(selectNav);

function trigger(data) {
  var el = $('#slider .navigation').find('a[href$="' + data.id + '"]').get(0);
  selectNav.call(el);
}

if (window.location.hash) {
  trigger({ id : window.location.hash.substr(1) });
} else {
  $('ul.navigation a:first').click();
}

var offset = parseInt((horizontal ? 
  $container.css('paddingTop') : 
  $container.css('paddingLeft')) 
  || 0) * -1;


var offsetMuestras = parseInt((horizontal ? 
  $containerMuestras.css('paddingTop') : 
  $containerMuestras.css('paddingLeft')) 
  || 0) * -1;


$scrollMuestras
  .before('<img src="/img/mas.png" alt="mas paginas" class="antes" />')

var scrollOptions = {
  target: $scroll,
  items: $panels,
  navigation: '.navigation a',
  axis: 'xy',
  onAfter: trigger,
  offset: offset,
  duration: 1000,
  easing: 'easeInOutExpo'
};



var scrollOptionsMuestras = {
  target: $scrollMuestras,
  items: $panelsMuestras,
  next: 'img.antes', 
  axis: 'xy',
  offset: offset,
  duration: 500,
  easing: 'jswing'
};



$('#slider').serialScroll(scrollOptions);
$('#slideMuestras').serialScroll(scrollOptionsMuestras);

$.localScroll(scrollOptions);

scrollOptions.duration = 1;
$.localScroll.hash(scrollOptions);


});