jQuery(document).ready(function() {
   if (typeof(key_images) != 'undefined' && key_images.length>=1) {

      var key_link = jQuery('<a></a>')
         .attr('href', key_images[0][1])
         .attr('target', key_images[0][2])
         .attr('alt', key_images[0][3]);
      var key_img = jQuery('<img></img')
         .attr('id', 'key_img')
         .attr('src', key_images[0][0]);
      key_link.append(key_img);
      jQuery('#fadeshow')
         .append(key_link);
      setTimeout('switch_to_default()', 8000);

   }
   else {
      default_banners();
   }
});


function switch_to_default() {
  default_banners();
}

function default_banners() {
   jQuery('#fadeshow')
     .html('<div id="fade"></div>');
   if (typeof(images) != 'undefined' && images.length>1) {
   jQuery('#fadeshow')
     .mouseover(function() { show_timer('stop'); })
     .mouseout(function() { show_timer(); });
   }
   /*jQuery('#fade').css({position: 'relative', background: 'none', display: 'block', width: '632px', height: '149px', overflow: 'hidden'});*/
   var numDiv = jQuery('<div></div>')
      .attr('id', 'numDiv');
   numDiv.appendTo('#fade');
   curimage = 0;

      for(i=0; i<images.length; i++) {
         var img_div = jQuery('<div></div>')
            .attr('class', 'image_'+i);
         var image = jQuery('<img />')
            .attr('src', images[i][0])
            .attr('alt', images[i][3])
            .css('display', 'none');
            ;
         var link = jQuery('<a></a>')
            .attr('target', images[i][2])
            .attr('href', images[i][1]);
         link.append(image); //
         img_div.append(link); //
         img_div.appendTo('#fade');
         //jQuery('.image_'+i+' a img').fadeOut();
         // 
         navLink = jQuery('<a>'+(i+1)+'</a>')
            .attr('href', '#')
            .attr('rel', i)
            .click(function() { change_banner(jQuery(this).attr('rel')); return false; } );
         navLink.appendTo('#numDiv');
      }


   change_banner('start');
}

function show_timer(value) {
   if (value=='stop') {
   clearInterval(time_interval);
   }
   else {
   time_interval = setInterval('change_banner()', 6000);
   }
}

function change_banner(value) {
   if (value=='start') {
      jQuery('.image_0 a img').fadeIn(1000);
      if (images.length==1) {
        jQuery('#numDiv').css('display', 'none');
        return;
        }
      jQuery('#numDiv a[rel=0]').attr('class', 'span');
      if (images.length>1) {
        show_timer();
        }
      return;
      }

   if (!isNaN(value)) {
     jQuery('.image_'+value+' a img').fadeIn(1000);
     jQuery('#numDiv a[rel='+value+']').attr('class', 'span');
     if (value!=curimage) {
       jQuery('.image_'+curimage+' a img').fadeOut();
       jQuery('#numDiv a[rel='+curimage+']').attr('class', '');
       curimage = parseInt(value);
       }
     return;
   }

   if ((images.length-1)==curimage) {
      nextimage = 0;
    }
   else {
      nextimage = curimage + 1;
   }
   jQuery('.image_'+nextimage+' a img').fadeIn(1000);
   jQuery('#numDiv a[rel='+nextimage+']').attr('class', 'span');
   jQuery('.image_'+curimage+' a img').fadeOut();
   jQuery('#numDiv a[rel='+curimage+']').attr('class', '');
   curimage = nextimage;
}