var current_fade = 0;	// The current div being faded out
var img_index  = 0;	// The current div being faded in
var a_divs = new Array();
var b_divs = new Array();
var fade = 0;
var fade_time = 1500;
var fade_timer = 40; 
var fade_timer_max = 80;
var fade_delta = fade_timer/fade_time;
var hold_time = 3500;

var all_urls = null;

function set_opacity(div, opacity){
    if(opacity > 1)
	opacity = 1;
    if(opacity < 0.01)
	opacity = 0;
    div.style.opacity = opacity;
    if (div.style.setAttribute){ //For IE
	opacity = 100 * opacity;
	div.style.setAttribute("filter", "alpha(opacity=" + opacity + ");")
    }
}

function my_onload(){
    all_urls = new Array();
    var key_image = new Image();
    key_image.src = "images/photo_764.jpg";
    all_urls.push(key_image);

    image = new Image();
    image.src = "images/rotate-1-text.jpg";
    all_urls.push(image);

    image = new Image();
    image.src = "images/rotate-1-projects.jpg";
    all_urls.push(image);

    image = new Image();
    image.src = "images/rotate-2-text.jpg";
    all_urls.push(image);

    image = new Image();
    image.src = "images/rotate-2-loading.jpg";
    all_urls.push(image);

    image = new Image();
    image.src = "images/rotate-text-collaborate.jpg";
    all_urls.push(image);

    start_rotate();
}

function start_rotate(){

    a_divs[0] = document.getElementById("image_a");
    b_divs[0] = document.getElementById("image_b");
    a_divs[0].style.visibility = "visible";

    img_index = 1;
    b_divs[0].src = all_urls[img_index].src;

    setTimeout("do_fader()", 1500);
}

function do_fader(){

    if(fade < 1){
	fade += fade_delta;
	if(fade > 1)
	    fade = 1;
	var opp_fade = 1 - fade;
	if(opp_fade < 0)
	    opp_fade = 0;

	set_opacity(b_divs[current_fade], fade);
	set_opacity(a_divs[current_fade], opp_fade);
	b_divs[current_fade].style.visibility = "visible";
	
	setTimeout("do_fader()", fade_timer);
    }
    else if(fade >= 1){

	var swap = a_divs[current_fade];
	a_divs[current_fade] = b_divs[current_fade];
	b_divs[current_fade] = swap;

	fade = 0;
	//current_fade++;
	if(current_fade >= 3)
	    current_fade = 0;
	img_index++;
	if(img_index >= all_urls.length){
	    img_index = 0;
	    if(fade_timer < fade_timer_max)
		fade_timer++;
	}

	b_divs[current_fade].src = all_urls[img_index].src;
	setTimeout("do_fader()", hold_time);
    }
}

//window.onload = my_onload;
my_onload();