/*
* alucall.js - aufruf der plugins
* version: 1.0
* Date: 24.09.2009 13:10:15
*/


/*
* alucall.js - aufruf der plugins
* version: 1.0
* Date: 24.09.2009 13:10:15
*/


$(document).ready(function() {
// We only want these styles applied when javascript is enabled
			$('div.navigation').css({'width' : '300px', 'float' : 'left'});
			$('div.content').css('display', 'block');

			// Initially set opacity on thumbs and add
			// additional styling for hover effect on thumbs
			var onMouseOutOpacity = 0.67;
			$('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
				.hover(
					function () {
						$(this).not('.selected').fadeTo('fast', 1.0);
					}, 
					function () {
						$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
					}
				);


				// Initialize Advanced Galleriffic Gallery
				var galleryAdv = $('#gallery').galleriffic('#thumbs', {
					delay:                  2000,
					numThumbs:              12,
					preloadAhead:           10,
					enableTopPager:         true,
					enableBottomPager:      true,
					imageContainerSel:      '#slideshow',
					controlsContainerSel:   '#controls',
					captionContainerSel:    '#caption',
					loadingContainerSel:    '#loading',
					renderSSControls:       true,
					renderNavControls:      true,
					playLinkText:           'Play Slideshow',
					pauseLinkText:          'Pause Slideshow',
					prevLinkText:           '‹ Previous Photo',
					nextLinkText:           'Next Photo ›',
					nextPageLinkText:       'Next ›',
					prevPageLinkText:       '‹ Prev',
					enableHistory:          true,
					autoStart:              false,
					onChange:               function(prevIndex, nextIndex) {
						$('#thumbs ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:        function(callback) {
						$('#caption').fadeTo('fast', 0.0);
						$('#slideshow').fadeTo('fast', 0.0, callback);
					},
					onTransitionIn:         function() {
						$('#slideshow').fadeTo('fast', 1.0);
						$('#caption').fadeTo('fast', 1.0);
					},
					onPageTransitionOut:    function(callback) {
						$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:     function() {
						$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
					}
				});


  // DOM Manipulation ap START ----------------------
    // Links
    $('#truCon a.mail').prepend('<span class="apIcon apIconA mailIcon"></span>');
    $('#truCon a.internal-link').prepend('<span class="apIcon apIconA intLinkIcon"></span>');
    $('#truCon a.external-link, #truCon a.external-link-new-window').prepend('<span class="apIcon apIconA extLinkIcon"></span>');

    // Text-Snippets
    $("#truCon span.trademark:contains('Typo3')").append('<span class="apIcon apIconNo typo3Icon"></span>');
    $("#truCon span.trademark:contains('jQuery')").prepend('<span class="apIcon apIconNo jQueryIcon"></span>');
     
    // spz
    // OK-Box   
    $('#truCon .spzOKBox ul').addClass('noMarPad');  
    $('#truCon .spzOKBox li').addClass('noList okList');

  // DOM Manipulation ap END ----------------------


  // Superfish ----------------------
    $('ul.sf-menu').superfish({ 
      pathClass: 'fNavActIfSub'
    });
  // --------------------------------


  // scrollTo -----------------------
    $('').localScroll();
  // --------------------------------


  // Accordions --------------------
    $('div.accBox').accordion({
        header: 'DT.accHandle',
        selectedClass: 'open',
        event: 'mouseover'
    });
  // --------------------------------


  // Tabs: Standardtab ------------------
  $("ul.tabs").tabs("div.tabPanesIn > div", {
      //event:'mouseover', 
      effect: 'default'
  });
  // --------------------------------



  // Scrollable START --------------------------------
  // autoscroll
  window.api = $("div.scrBoxAuto").scrollable({size:1, loop:'true', speed:800})
    .circular()
    .navigator({navi: ".scrNAuto", activeClass: 'current', naviItem: 'a'})      
    .autoscroll({interval: 7500, autoplay: true, autopause: true, api: true});


  // mit TextTab
  $("div.scrBoxTab").scrollable({size: 1, loop:'true', speed:400})
    .circular()
    .mousewheel(600)
    .navigator({navi: ".scrNav", naviItem: 'a', activeClass: 'current'}); 

  // Scrollable END -------------------------------- 



  // Overlay Gallery START --------------------------------
  $("a.overlay").overlay({ 
   
      // each trigger uses the same overlay with the id "gallery" 
      target: '#oLayGallery', 
   
      // optional exposing effect 
      expose: '#f1f1f1' 
   
  // let the gallery plugin do its magic! 
  })
  .gallery({ 
   
      // the plugin accepts its own set of configuration options 
      speed: 800,
      next: '.oLayNext',
      info: '.oLayInfo',
      prev: '.oLayPrev',
      template: '<h3>${title}</h3> <dfn>Bild ${index} von ${total}</dfn>'
  });

  // Overlay Gallery END -------------------------------- 

});