if (document.getElementById && document.createTextNode) {

  var slide_div = document.getElementById("slide_show");
  var destinationContents = document.getElementById("dyncontents");
  //var slide_img_Div=document.getElementById("rotateimg");
  var fade_images =document.getElementById("fadeimg");
  var my_controls = document.getElementsByTagName("input");
  
  for (var a=0; a<my_controls.length; a++) {
    if (my_controls[a].className == "controls") {
	  the_controls.push(my_controls[a]);
    }
  }
  
  var slide_count = 0;
  var keep_going = 1;
  var slide_imges = "";
  var slide_contents="";
  
  function change_slide() {
    slide_count +=1;
	if (slide_count >= my_imgs.length) {
		slide_count = 0;
	}
	
	/*slide_imges = "<img src=\""+my_imgs[slide_count]+"\" class=\"flip\"";
	slide_imges += " alt=\""+my_imgs_alt[slide_count]+"\" />";*/
	
	fade_images.src=my_imgs[slide_count];
	fade_images.alt=my_imgs_alt[slide_count];
	
	slide_contents = my_imgs_text[slide_count];
	
	/* fade In effect */
		blendimage('fadeimg',500);
	/* fade In effect */		
	
	//slide_img_Div.innerHTML = slide_imges;
	destinationContents.innerHTML = slide_contents;
	
	keep_going = setTimeout("change_slide()",timer_intv);
  }
  
  if (timer_set == 1) {
    setTimeout("change_slide()",timer_intv);	
  }
  
  
  function pause_slide() {
	if (keep_going != 1) {
	  clearTimeout(keep_going);
	}
  }
  
  function g_back() {
	if (keep_going != 1) {
      clearTimeout(keep_going);
	}
	slide_count -=1;
	if (slide_count < 0) {
	    slide_count = my_imgs.length - 1;
	}
	slide_HTML = "<img src=\""+my_imgs[slide_count]+"\" class=\"flip\"";
	slide_HTML += " alt=\""+my_imgs_alt[slide_count]+"\" /><br />";
	slide_HTML += my_imgs_alt[slide_count];
	slide_div.innerHTML = slide_HTML;
  }
  
  function g_forward() {
	if (keep_going != 1) {  
	  clearTimeout(keep_going);
	}
	slide_count +=1;
	if (slide_count >= my_imgs.length) {
		slide_count = 0;
	}
	slide_HTML = "<img src=\""+my_imgs[slide_count]+"\" class=\"flip\"";
	slide_HTML += " alt=\""+my_imgs_alt[slide_count]+"\" /><br />";
	slide_HTML += my_imgs_alt[slide_count];
	slide_div.innerHTML = slide_HTML;
  }
  
  function r_start() {
	keep_going = setTimeout("change_slide()",timer_intv); 
  }
  
  function newEvent(c) {
    
    function which_func() {
	  var the_id = the_controls[c].id;
	  if (the_id == "goback"){
	    g_back();
	  }
	  if (the_id == "pause_slide"){
	    pause_slide();
	  }
	  if (the_id == "goforward"){
	    g_forward();
	  }
	  if (the_id == "restart"){
	    r_start();
	  }
	}
	  
    if (typeof the_controls[c].addEventListener != "undefined") {	
      the_controls[c].addEventListener("click", which_func, false);
    }

    else if (typeof the_controls[c].attachEvent != "undefined" ) {
      the_controls[c].attachEvent("onclick", which_func );
    }

    else {
      the_controls[c].onclick = which_func;
    }
	
  }
  
  for (var d=0; d<the_controls.length; d++) {
    newEvent(d);
  }
  
}


function blendimage(imageid, millisec) {
    var speed = Math.round(millisec / 100);
    var timer =0;
    
    //make image transparent
    changeOpac(0, imageid);
    
    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}


function changeOpac(opacity, id)
{
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}