function initExpose() {

	jQuery('#overlay').css({
		height: jQuery(document).height()
	});
	
	jQuery('<div />').addClass('close').unbind().click(function() {
		jQuery('#expose').hide();
		jQuery('#overlay').trigger('click');
		jQuery('.MultiBoxContainer').hide();
	}).appendTo('#expose');
	
	jQuery('#referenzbilder img:first').show();
	
	anzBilder = jQuery('#referenzbilder img').length;
	var aktivesBild = 1;
	if(anzBilder > 1) {
	   jQuery('<div />').addClass('step stepforward').click(function() {
	       if(aktivesBild < anzBilder) {
	           aktivesBild = aktivesBild + 1;	           
	           jQuery('#referenzbilder img:eq('+ (aktivesBild-2) +')').hide();
	           jQuery('#referenzbilder img:eq('+ (aktivesBild-1) +')').fadeIn(300);	           
	       } 
	       jQuery('#referenzbilder .stepbackward').show();
	       if(aktivesBild == anzBilder) {
	           jQuery(this).hide();
	       } else {	           
	           jQuery(this).show();
	       }
	   }).appendTo('#referenzbilder');
	   jQuery('<div />').addClass('step stepbackward').click(function() {
	       if(aktivesBild > 1) {
	           aktivesBild = aktivesBild - 1;	           
	           jQuery('#referenzbilder img:eq('+ aktivesBild +')').hide();
	           jQuery('#referenzbilder img:eq('+ (aktivesBild-1) +')').fadeIn(300);
	           
	       } 	       
	       jQuery('#referenzbilder .stepforward').show();
	       if(aktivesBild < 2) {
	           jQuery(this).hide();
	       } else {	           
	           jQuery(this).show();
	       }
	   }).hide().appendTo('#referenzbilder');	
	}

}

function initExposeLinks() {
	
	jQuery('.item_wrapper, a.expose').unbind().click(function(event) {
		loadURL = jQuery(this).find('input').val() ? jQuery(this).find('input').val() : jQuery(this).attr('href');
        if(!jQuery(this).hasClass("extern")) {
            //window.scrollTo(0,0);
            event.stopPropagation();
            jQuery('#expose').html('').show().append('<div class="ajax_loading"></div>').load(loadURL + " .exposepage", function() {
                initExpose();
                initExposeLinks();
            });
            
            jQuery('#overlay').unbind().css({
                height: jQuery(document).height(),
                visibility: 'visible'
            }).animate({
                opacity: 0.8
            }, 300).click(function() {
                jQuery('#expose').hide();
                jQuery('.MultiBoxContainer').hide();
                jQuery('#overlay').animate({opacity: 0}, 300, function() {
                    jQuery('#overlay').css({visibility: 'hidden'});
                });
            });
		
            return false;
        }
	});	
}


jQuery().ready(function() {
	
	jQuery('<div />').attr('id', 'expose').appendTo('body');
	jQuery('<div />').attr('id', 'overlay').appendTo('body');
	initExposeLinks();
    
    jQuery('ul.referenzen .toggle').click(function() {
        jQuery('ul.referenzen .full').hide();
        jQuery('ul.referenzen .toggle').show();
        jQuery(this).hide().parent().find('.full').show();
    });
    jQuery('ul.referenzen li:first .toggle').hide();
    jQuery('ul.referenzen li:first .full').show();
    
	
});
