// Hide while loading
//
$(document).ready(function(){
  $('.svw').addClass('svw_dyn').each(function(){
    var me = $(this);
  
    // Get settings from class of container
    //
    var svw_settings = {};
    svw_settings.toolTip = me.hasClass('svw_toolTip');
    svw_settings.uiBefore = me.hasClass('svw_uiBefore');
    
    // Parse className for svw_easeTime_*
    //
    var idx;
    if (-1 != (idx = this.className.indexOf('svw_easeTime_'))) {
      var easeTime = parseInt(this.className.match(/svw_easeTime_([0-9]+)/gi)[0].replace(/svw_easeTime_/gi,''));
      if (!isNaN(easeTime)) {
        svw_settings.easeTime = easeTime;
      }
    }
    
    me.prepend("<img src='/files/ajax_loader_indicator.gif' class='ldrgif' alt='loading...'/ >");
    
    // Make browser wait for first image to load before setting up slider. This is because 
    // webkit browsers don't set img.width/height until image is loaded resulting in 
    // slider thinking images are 0px x 0px and creating a zero-size slider.
    //
    me.find('img').not('.ldrgif').first().each(function(){
      $(this).bind('load readystatechange', function(){
  			me.slideView(svw_settings).removeClass('svw_dyn');
  	  });
      var src = this.src;
      this.src = '#';
      this.src = src;   	  
    });	  
  });
});