var $_translayer      	= $('<div id="lightbox-layer"></div>');
var $_infolayer       	= $('<div id="info-layer"></div>');  
var $_wrapper         	= null;
var $_top             	= 0; 
var $_address_form    	= null;
var $_current_image     = null;
var $_fake_div          = $('<div />');
var $_book_image_slider = null;
    
$(document).ready(function(){
    $_wrapper = $('#wrapper');

    var dl, id;
    $('a.info').each(function(){
        dl = $(this).parents('dl');
        id = $(this).attr('rel');
        dl.find('button').attr('rel',id);
    });
    
    /* INFORMATIE LIGHTBOX */
    $('.info').click(function(){
        $_wrapper.append($_translayer);
        $_wrapper.append($_infolayer);

        $.post('info.php',{id:$(this).attr('rel')},function(data){
            $_infolayer.html(data);
            $_translayer.css('display','block');
            $_infolayer.css('display','block');
			$_infolayer.css('top',getTop());
            
            initSlider();
            
            $.getScript('js/fancybox/jquery.fancybox.js', function(){
                $.getScript('js/fancybox/jquery.easing.js',function(){
                    $('#book-image-overview a').fancybox({
                        'overlayShow'            : false,
                        'zoomSpeedIn'            : 600,
                        'zoomSpeedOut'            : 500,
                        'easingIn'                : 'easeOutBack',
                        'easingOut'                : 'easeInBack',
                        'callbackOnShow'           : function() { showArrows(this); },
                        'callbackOnStart'         : function() { $_wrapper.css('display','none'); $_fake_div.stop(); },
                        'callbackOnClose'          : function() { $_wrapper.css('display','block'); autoSlide(); }
                    });    
                });
            });
            
        $('#opengal').click(function(){
            $('#book-image-overview a').click();
        });
            
            
        },'html');
        
        return false;
    });

    /* INPUT VERBERG VALUE */
    $_address_form = $('#address-form input');   
    if($_address_form.size()>0) {
        $_address_form.each(function(){
            $(this).focus(function(){
                $(this).attr('rel',$(this).val());
                $(this).val('');
                $(this).removeClass('verplicht');
                $(this).parents('span').removeClass('verplicht_wrapper');
            });
            
            $(this).blur(function(){
               if($(this).val() == '') {
                   $(this).val($(this).attr('rel'));
               } 
            });
        });
    }
});
       
/* Verbergen van het lightbox venster */
hideInfoBox = function() {
    $_fake_div.stop(); 
    $_translayer.css('display','none');
    $_infolayer.css('display','none');
    
};

/** Bovenkant van de viewPort **/
var getTop = function() {
	$_top = $(this).scrollTop();
	return $_top;	
};

/* Image slider */
var initSlider = function() {
	$_book_image_slider = $('#book-image-overview li');
	$_current_image = $_book_image_slider.filter(':first');  
	$_current_image.css('display','inline'); 
    autoSlide();
};

// Niet zo'n hele mooie manier om te auto sliden, maar goed, wie kijkt er nou in de code ;-)
var autoSlide = function() {
    $_fake_div.animate({'left':0},2000,function(){
        moveSlider(true);
        autoSlide();
    })
}

/** Gaat naar de volgende afbeelding **/
var moveSlider = function(dir) {
	$_current_image.css('display','none');
	if(dir) {
		if($_current_image.next().size()>0) {
			$_current_image = $_current_image.next();
		} else {
            $_current_image = $_book_image_slider.filter(':first');
        }
	} else { 
		if($_current_image.prev().size()>0) {
			$_current_image = $_current_image.prev();
		}
	}	
	$_current_image.css('display','inline');
	
	return false;
};

/* Wanneer er op het volgende knopje wordt gedrukt */
//var manualSlide = function() {
//    $_fake_div.stop();
//    moveSlider(true);
//    autoSlide();
//}

var manualSlide = function () { return false; }

var showArrows = function(obj) {
    $('#fancy_left:visible span').css('left','20px');
    $('#fancy_right:visible span').css('right','20px');
}