// current feature settings
// temporarily only using three
var directory='/images/feature/kits/';
var numpics=4;
var picsrc= new Array(numpics) 
picsrc[1] = 'kit_flash.jpg';
picsrc[2] = 'kit_controller.jpg';
picsrc[3] = 'kit_game.jpg';
//picsrc[4] = 'feature4.jpg';
//picsrc[5] = 'feature5.jpg';
var urlPic= new Array(numpics)
urlPic[1]="http://www.makezine.com/go/kit1";
urlPic[2]="http://www.makezine.com/go/kit2";
urlPic[3]="http://www.makezine.com/go/kit3";
//urlPic[4]="http://www.makezine.com/go/home4_0506";
//urlPic[5]="http://www.makezine.com/go/home5_0506";

// oppacity fader
var fade_started = 0;
function fade_transStart(id1, id2, t1){
  if(fade_started == 0) {fade_trans(id1, id2, t1);}
}
function fade_trans(id1, id2, t1) {
  if(fade_started == 0) {
    fade_started = 1;
    opacity(id1,100,0,t1);
    setTimeout("fade_trans('"+id1+"', '"+id2+"', "+t1+")",t1);
  } else {
    document.getElementById(id1).src = document.getElementById(id2).src;
    opacity(id1, 0, 100, t1);
    setTimeout("fade_trans_done()",t1);
  }
}
function fade_trans_done() {fade_started = 0;}
function opacity(id,opacStart,opacEnd,millisec) {
  var speed = Math.round(millisec / 100);
  var timer = 0;
  if(opacStart > opacEnd) {
    for(i = opacStart; i >= opacEnd; i--) {
      setTimeout("change_opac(" + i + ",'" + id + "')",(timer * speed));
      timer++;
    }
  } else if(opacStart < opacEnd) {
    for(i = opacStart; i < opacEnd; i++) {
      setTimeout("change_opac(" + i + ",'" + id + "')",(timer * speed));
      timer++;
    }
  }
}
function change_opac(opacity,id) {
  var object = document.getElementById(id).style; 
  object.MozOpacity = (opacity / 25);
  object.opacity = (opacity / 25);
  object.filter = "alpha(opacity=" + opacity + ")";
}

// slide browser
var bSlide = 0;
var num = Math.floor(Math.random() * numpics);
var imgName = "slide";
var hidden = "slide2";
var bStart = 0;
function next_slide() {
  bSlide = false;
  num++;
  if (num>numpics) { num = 1; }
  var imgNew = new Image();
  imgNew.src = directory+picsrc[num+1];
  print_new_slide();
}
function previous_slide() {
  bSlide = false;
  num--;
  if (num<1) { num = numpics; }
  var imgNew = new Image();
  imgNew.src = directory+picsrc[num-1];
  print_new_slide();
}
function print_new_slide() {
  var fwdImage = new Image;
  document[hidden].src=directory+picsrc[num];
  if(bStart>0) {
    fade_trans(imgName, hidden, 1000);
    if (num < numpics-1)
    fwdImage.src = directory+picsrc[num+2];
  } else {
    bStart=1;
    document[imgName].src=document[hidden].src;
  }
  document.getElementById('ftlink').href=urlPic[num];
  interval = seconds; // reset timer
}

// slide timer
var seconds = 30;
var interval = seconds;
var initrun = true;
function show_time() {
  if (initrun == true) { next_slide(); initrun = false; }
  interval--;
  setTimeout('show_time()', 1000);
  if (interval == 0) { next_slide(); }
}