/*
*
*   title: galleryFunction.js
*   author: René Woizenko
*   email: meshoc@gmail.com
*   
*   Based on jCarousel from Jan Sorgalla (http://sorgalla.com)
*     
*   @version: 1.5   
*
*/
jQuery(document).ready(function() {
  
  jQuery('#myGallery').jcarousel({
    vertical: true,
    //Anzahl der Bilder die gescrollt werden
    scroll: 8
  });
  
//  $('#descTextContainer').css('display', 'none');
  
  $('ul#picList img').click(function() {
  
//    $('#descTextContainer').css('display', 'block');
  
    var getDescHeader = $(this).attr('title');
    var getDescText = $(this).attr('alt');
    var getImgWidth = $(this).attr('width');
    var getImgHeight = $(this).attr('height');
    
    $('#descTextContainer h3, #descTextContainer p').fadeOut(250);
    
    window.setTimeout( function() {
      $('#descTextContainer h3, #descTextContainer p').fadeIn(250);
      $('#descTextHeader').html(getDescHeader);
      $('#descText').html(getDescText);
    }, 600 );
    
    getImgWidth = "680";
    getImgHeight = "430";
    
    return switchImage(getImgWidth, getImgHeight, getDescHeader);
  });
  
  function switchImage(getImgWidth, getImgHeight, getDescHeader) {
    $('.picLink').click(function(event) {
     event.preventDefault();
     
     $('#imgHolder').fadeOut(150);
     $('#imgHolder p').css('display', 'none');
     var getLink = $(this).attr('href');
      
     $('.picLink').removeClass("activePic");
     $(this).addClass("activePic");

     window.setTimeout( function() {
       $('#imgHolder').fadeIn(150);
       $('#imgHolder').html('<img src="'+getLink+'" width="'+getImgWidth+'" height="'+getImgHeight+'" title="'+getDescHeader+'" />');
     }, 300 );
    });
  }
  
});