//  bpm Javascript Libary
//  File for all self-coded javascript used at the shop/site
//  don't forget to comment the different scripts
  
//  15.09.2009 - SK - Initial Release

  
// ## TO DISPLAY THE ACTIVE TAB ##
window.addEvent('domready', function() {
  document.getElements('.ajaxTabContent').each(function(E) {
    if(E.getChildren().length!=0) {
      E.setStyle('display' , 'block');
    }
  });     
});
  

// ## TOOL TIP SCRIPT ## 
window.addEvent('domready', function() {
  var myTips = new Tips($$('.toolTipElement'), {
    timeOut: 700
  });
});


// ## IMAGE CHANGE (FADE EFFECT) IN THE HEADER ## 
window.addEvent('domready', function() {
  if($('imageFade').getChildren().length > 1) {
    $('imageFade').getChildren().setStyles({
      position: 'absolute',
      opacity:  0
    });
    $('imageFade').getFirst().setStyle('opacity', '1');
    $('imageFade').setStyle('height', $('imageFade').getFirst().getStyle('height').toInt());
    var imgCounter = 0;
    var autoChange = window.setInterval(function() {
      $('imageFade').getChildren()[imgCounter].tween('opacity', 1, 0);
      imgCounter++;
      if(imgCounter == $('imageFade').getChildren().length) {
        imgCounter = 0;
      }
      $('imageFade').getChildren()[imgCounter].tween('opacity', 0, 1);
      $('imageFade').tween('height', $('imageFade').getChildren()[imgCounter].getStyle('height').toInt());
    }, 30000);
  }
});


// ## RESET THE DEFAULT VALUE IN INPUT FIELDS ## 
window.addEvent('domready', function(){
  Element.implement({
    clearFocusResetBlur: function(attr){
      var valueString = this.get(attr);
      this.addEvents({
        'focus': function(){
          if( this.get('value') == valueString ) this.set('value','');
        },
        'blur': function(){
          if( this.get('value') == "" ) this.set('value',valueString);
        }
      });
    }   
  });
  // ADD YOUR INPUT FIELDS (WIDTH A UNIQUE ID) HERE 
  $('mail').clearFocusResetBlur('value'); 
  $('pass').clearFocusResetBlur('value'); 
  $('search').clearFocusResetBlur('value');
});


// ## ALERT BOX ## 

window.addEvent('domready', function() {
  if($('alertBoxContent').getFirst().get('html') != '') {
    new StickyWin({
      content: StickyWin.ui(' ' + $('title').get('html'), $('alertBoxContent').get('html')),
      draggable: true
    });
  }  
});


// ## SHUTTERSET ##
function shutterSetClass(ssid){
  $(ssid).getElements('.ssPictureLink').each(function(E) {
    var ssPid = E.get('id');  
    E.set('class' , 'shutterset_' + ssid);
  });   
}

// ## SLIDESHOW ##
function slideShowLoad() {
  document.getElements('.slideShow').each(function(E) {
    var ssid = E.get('id'); 
    if($(ssid).getStyle('display') == 'none') {
      $(ssid).setStyle('display', 'block');
        new slideShow({
          show: $(ssid),
          stage: $('stage' + ssid),
          prevButton: $('prev' + ssid),
          nextButton: $('next' + ssid),
          displayedElements: 4,
          animationMethod: {
            duration: 1000,
            transition: Fx.Transitions.Quad.easeOut
          }
        });
      shutterSetClass(ssid);
    }
  });
}

// ## RESIZE CONTENT IMAGES ##
function contentImgResize(){
  document.getElements('.contentImg').each(function(e){
    e.getElements('img').setStyle('height', 'auto');
    e.getElements('img').setStyle('width', 'auto');
  });
}


// ## EXECUTED ON SITE AND TAB LOAD (bpmload)! ##
function bpminit(){
  // slideshow
  slideShowLoad();
  // shutter
  document.getElements('.imageSlider').each(function(e){
    shutterSetClass(e.get('id'));
  });
  shutterOnload();
  // tooltips
  new Tips($$('.toolTipElement'), {timeOut: 700});
  // resize content images
  contentImgResize();
}
window.addEvent('load', bpminit);


// ## OVERLAY ##
function overlay() {
  document.getElementById('overlay').style.display = "block";
};
function exitOverlay() {
  document.getElementById('overlay').style.display = "none";
};

// ## DISPLAY DROP DOWN MENU ##
window.addEvent('domready', function(){
  $('navi').setStyle('display', 'block');
});