$(document).ready(function(){ 
/*Load Images Start*/
	var loader = '<img src="layout/images/loader.gif" class="load" alt="L&auml;dt…" />';
		$(document).ready(function() {
			$('img').hide();
			$('.fade').hide();
			$('img').parent().attr('style', 'position: relative;');
			$('img').parent().append(loader);
			$(window).load( function() {
				$('img').fadeIn('slow');
				$('.fade').fadeIn('slow');
				$('.load').hide();	
			});
		});
	/*Load Images END*/
		$("a[rel]").overlay({
			left: 146
		});
		$("#content_corporate_design .thumbnails").scrollable({size: 5, clickable: false}).find("img").each(function(index) { 
			$(this).overlay({
				target: '#content_corporate_design .lightbox',
				expose: {maskId: 'mask', color: 'null', loadSpeed: 'fast'},
            onLoad: function() {
					images1.seekTo(index, 0);
				}
			});
		});
		var images1 = $("#content_corporate_design .images").scrollable({size: 1, api:true});
			$("#content_corporate_design .images img").tooltip({
				position: "bottom center",
				offset: [-75, -30],
				opacity: 0.8,
				effect: 'fade',
				relative: true
    });
	 $("#content_klassische_werbung .thumbnails").scrollable({size: 5, clickable: false}).find("img").each(function(index) { 
			$(this).overlay({
				target: '#content_klassische_werbung .lightbox',
				expose: {maskId: 'mask', color: 'null', loadSpeed: 'fast'},
            onLoad: function() {
					images2.seekTo(index, 0);
				}
			});
		});
		var images2 = $("#content_klassische_werbung .images").scrollable({size: 1, api:true});
			$("#content_klassische_werbung .images img").tooltip({
				position: "bottom center",
				offset: [-75, -30],
				opacity: 0.8,
				effect: 'fade',
				relative: true
    });
	 $("#content_webdesign .thumbnails").scrollable({size: 5, clickable: false}).find("img").each(function(index) { 
			$(this).overlay({
				target: '#content_webdesign .lightbox',
				expose: {maskId: 'mask', color: 'null', loadSpeed: 'fast'},
            onLoad: function() {
					images3.seekTo(index, 0);
				}
			});
		});
		var images3 = $("#content_webdesign .images").scrollable({size: 1, api:true});
			$("#content_webdesign .images img").tooltip({
				position: "bottom center",
				offset: [-75, -30],
				opacity: 0.8,
				effect: 'fade',
				relative: true
    });
	});