var index=0;
var title = new Array(
	"entry_title.jpg", 
	"office_title.jpg", "office_title.jpg", "office_title.jpg", 
	"direction_title.jpg", "direction_title.jpg", 
	"direction1_title.jpg", "direction1_title.jpg", "direction1_title.jpg", "direction1_title.jpg", "direction1_title.jpg",
	"recording1_title.jpg", "recording1_title.jpg", 
	"recording2_title.jpg", "recording2_title.jpg");
var title_en = new Array(
	"entry_title_en.jpg", 
	"office_title_en.jpg", "office_title_en.jpg", "office_title_en.jpg", 
	"direction_title_en.jpg", "direction_title_en.jpg", 
	"direction1_title_en.jpg", "direction1_title_en.jpg", "direction1_title_en.jpg", "direction1_title_en.jpg", "direction1_title_en.jpg", 
	"recording1_title_en.jpg", "recording1_title_en.jpg", 
	"recording2_title_en.jpg", "recording2_title_en.jpg");
	
function carousel_initCallback(carousel) {

$('#map_button').hover(
	function() {
		$(this).animate({opacity: 1});
		var el = $('li.jcarousel-item-' + (index+1));
		$(el).children('img.map').fadeIn();
	},
	function() {
		$(this).animate({opacity: 0.5});
		$('#map_button').animate({opacity: 0.5});
		var el = $('li.jcarousel-item-' + (index+1));
		$(el).children('img.map').fadeOut();
	}	
);

$('#carousel-next').bind('click', function() {
		$('#carousel-prev').removeClass('disabled');
        carousel.next();
		if(index < title.length-1) {
			index++;
		}
		if(index == title.length-1)
			$(this).addClass('disabled');

		$('#title1').children('img').attr('src', 'studio/gallery/'+ title[index]);
		$('#title2').children('img').attr('src', 'studio/gallery/'+ title_en[index]);
        return false;
    });

    $('#carousel-prev').bind('click', function() {
		$('#carousel-next').removeClass('disabled');
        carousel.prev();
		if(index > 0)
			index--;
		if(index == 0)
			$(this).addClass('disabled');
		$('#title1').children('img').attr('src', 'studio/gallery/'+ title[index]);
		$('#title2').children('img').attr('src', 'studio/gallery/'+ title_en[index]);
        return false;
    });

};




$(document).ready(function() {
    $('#carousel').jcarousel({
        // Configuration goes here
		scroll: 1,
		initCallback: carousel_initCallback,
		
	    // This tells jCarousel NOT to autobuild prev/next buttons
	    buttonNextHTML: null,
	    buttonPrevHTML: null
    });
	$('#map_button').css('opacity', '0.5');
});