/* wes_stage.js, Copyright 02.03.10, Weber eBusiness Services GmbH, Jaroslav Herber */

jQuery.noConflict();

// jQuery Part
jQuery(document).ready(function()
{
  // global vars
  var teaser_number = jQuery('div.wes_stage_item').size();
  
  wesStageContentHandler(teaser_number);
  wesStageNavHandler(teaser_number);

});

// Handler functions 
function wesStageContentHandler(teaser_number) {
  // Create link on the whole box  
  jQuery('.wes_stage_item').click(
    function() {
      window.location.href = jQuery(this).children('.wes_stage_content').children('p.content_text').children('a').attr('href');
    }
  );
  
  jQuery('.wes_stage_item').hover(
    function() {
      jQuery('#wes_stage').addClass('stage_hover');
    },
    function() {
      jQuery('#wes_stage').removeClass('stage_hover');
    }
  );
}

  // static var for the slider
  var curImg = 1;
  // time to slide to next teaser
  var slidingTime = 8000;
  // times the slider is running through 
  var slidingRun = 0;
  var timer = setInterval( "slideShow()", slidingTime );

function slideShow() {
  var teaser_number = jQuery('div.wes_stage_item').size();
  changeItem(curImg);
  if(curImg < jQuery('div.wes_stage_item').size() - 1)
    curImg++;
  else {
    curImg = 0;
  }
  // count up "slidingRun" 
  if(curImg == 1){
    slidingRun++;
  }
  // Stop slideShow if slidingRun reaches 2
  if(slidingRun == 2) {
    clearInterval(timer);
  }
}

jQuery(function() {
    // Pause function on hover
    jQuery('#wes_stage').hover(
      function() {
        clearInterval(timer);
      },
      function() {
        slidingRun = 0;
        timer = setInterval( "slideShow()", slidingTime );
      }
    );
}); 

function wesStageNavHandler(teaser_number) {
  // Enable first Slider
  jQuery('#wes_stage .active_item .wes_stage_image').css('display', 'block').parent().addClass('visible_item');
  jQuery('#wes_stage .active_item .wes_stage_content').css('display', 'block').children('div').parent().removeClass('active_item');
  
  
  // create reference between Nav and Content-Boxes
  for(i = 0; i < teaser_number; i++) {
    wesNavContentConnecter(i);
  }
  
  // Set Icon classes
  for(i = 0; i < teaser_number; i++) {
    var j = i + 1;
    jQuery('.nav_item_container a:eq('+i+')').addClass('icon_number_' + j);
  }
  
  // disable href
  jQuery('.nav_item_container a').click(
    function() {
      return false;
    }
  );
}

function wesNavContentConnecter(curNum) {
  jQuery('.nav_item_container:eq('+curNum+') a').click(
    function() {
      changeItem(curNum);
    }
  );
}

function changeItem(curNum) {
  curImg = curNum;
  if(!jQuery('.wes_stage_item:eq('+curNum+')').hasClass('visible_item')) {
    jQuery('.wes_stage_item').removeClass('visible_item');
    jQuery('.nav_item_container').removeClass('active_nav_item');
    jQuery('.wes_stage_item .wes_stage_image').fadeOut(900);
    jQuery('.wes_stage_item .wes_stage_content').stop(true, true)
      //.animate({
      //  opacity: 0
      //}, 500);
    .fadeOut(700,
      function() {
        jQuery(this).css("opacity", "0");
        jQuery(this).children('p').css("opacity", "0");
        jQuery(this).children('h1').css("opacity", "0");
      }
    );
  }
  jQuery('.wes_stage_item:eq('+curNum+')').addClass('visible_item');
  jQuery('.wes_stage_item:eq('+curNum+') .wes_stage_image').stop(true, true).fadeIn(900);
  // With fading
  //jQuery('.wes_stage_item:eq('+curNum+') .wes_stage_content').delay(500).fadeIn('slow');
  // With sliding
  if(jQuery('.wes_stage_item:eq('+curNum+') .wes_stage_content').css("display") == "none") {
    jQuery('.wes_stage_item:eq('+curNum+') .wes_stage_content').stop(true, true).delay(300)
      .animate({
        height: 'show',
        opacity: 1
      }, 700, "easeOutExpo")
      .children().delay(500).animate({
        opacity: 1
      }, 1000);
  }
    
  //slideDown(500);
  jQuery('.nav_item_container:eq('+curNum+')').addClass('active_nav_item');
}