$(document).ready(function() { // do stuff when DOM is ready
var num = 0;
var maxNum = $('.infoBlock').length-1; if (num == 0) $('#linkgoleft').hide(); if (num == maxNum) $('#linkgoright').hide();
$('#linkgoright').click(function() { if (num < maxNum) { $('#linkgoleft').show(); num++; if (num == maxNum) $(this).hide();
// prepare next block var cb = '.block'+(num-1);
var nb = '.block'+num;
//alert('test'); $(nb).css('left', '860px'); //$(nb).css('display', 'block'); $(cb).animate({left:'-860px'}, {queue: false, duration: 600}, function() { }); $(cb).fadeOut(600);
$(nb).animate({left:'0px'}, {queue: false, duration: 600}, function() { }); $(nb).fadeIn(600);
}
});
$('#linkgoleft').click(function() { if (num > 0) { $('#linkgoright').show(); num--;
if (num == 0) $(this).hide();
// prepare next block
var cb = '.block'+(num+1);
var nb = '.block'+num;
$(nb).css('left', '-860px'); $(cb).animate({left:'860px'}, {queue: false, duration: 600}, function() { }); $(cb).fadeOut(600);
$(nb).animate({left:'0px'}, {queue: false, duration: 600}, function() { }); $(nb).fadeIn(600);
}
});
});