//Want a function that takes a div_id, list of background pictures, stay time, fade time

var jolley_fade_swap_pictures = new Array();
var jolley_fade_swap_stay = new Array();
var jolley_fade_swap_fade = new Array();
var jolley_fade_swap_state = new Array();
var jolley_fade_swap_pic_index = new Array();
var jolley_fade_swap_opacity = new Array();

function jolley_fade_swap_init(div_id,pictures,stay,fade){
	
	jolley_fade_swap_pictures[div_id] = pictures;
	jolley_fade_swap_stay[div_id] = stay;
	jolley_fade_swap_fade[div_id] = fade;
	jolley_fade_swap_state[div_id] = "fade in";
	jolley_fade_swap_opacity[div_id] = 0;
	
	jolley_fade_swap_pic_index[div_id] = 0;
	jolley_fade_swap_main(div_id);
}

function jolley_fade_swap_main(div_id){
	var div = document.getElementById(div_id);
	var pictures = jolley_fade_swap_pictures[div_id];
	var stay = jolley_fade_swap_stay[div_id];
	var fade = jolley_fade_swap_fade[div_id];
	var pic_index = jolley_fade_swap_pic_index[div_id];
	var state = jolley_fade_swap_state[div_id];
	
	switch(state){
		case "hold":
			jolley_fade_swap_state[div_id] = "fade out";
			setTimeout("jolley_fade_swap_main('"+div_id+"')",stay);
			break;
		case "fade out":
			jolley_fade_out(div_id);
			break;
		case "fade in":
			jolley_fade_in(div_id);
	}
}

function jolley_fade_out(div_id){
	var div = document.getElementById(div_id);
	var fade = jolley_fade_swap_fade[div_id];
	
	jolley_fade_swap_opacity[div_id] -= (100.0 / fade) * 50;
	setOpacity(div_id,jolley_fade_swap_opacity[div_id]);
	
	if(jolley_fade_swap_opacity[div_id] <= 0){
		jolley_fade_swap_opacity[div_id] = 0;
		//switch the picture
		jolley_fade_swap_pic_index[div_id]++;
		if(jolley_fade_swap_pic_index[div_id] >= jolley_fade_swap_pictures[div_id].length)
			jolley_fade_swap_pic_index[div_id] = 0;
		
		var temp_index = jolley_fade_swap_pic_index[div_id];
		var picture = jolley_fade_swap_pictures[div_id][temp_index];
		//document.getElementById('picture_title').innerHTML = titles[temp_index];
		//document.getElementById('picture_location').innerHTML = locations[temp_index];
		div.src = picture;
		
		jolley_fade_swap_state[div_id] = "fade in";
		jolley_fade_swap_main(div_id);
	}
	else{
		setTimeout("jolley_fade_out('"+div_id+"')",50);
	}
}

function jolley_fade_in(div_id){
	var div = document.getElementById(div_id);
	var fade = jolley_fade_swap_fade[div_id];
	
	jolley_fade_swap_opacity[div_id] += (100.0 / fade) * 10;
	setOpacity(div_id,jolley_fade_swap_opacity[div_id]);
	
	if(jolley_fade_swap_opacity[div_id] >= 100.0){
		jolley_fade_swap_opacity[div_id] = 100.0;
		jolley_fade_swap_state[div_id] = "hold";
		jolley_fade_swap_main(div_id);             
	}
	else{
		setTimeout("jolley_fade_in('"+div_id+"')",10);
	}
}

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

	function switchProject(project){
		var inner = "<h3>"+ project + "</h3>";
		var num_pics = 0;
		for ( var i in current_projects[project])
		{
			inner += "<img alt='hotel' src='/images/current_projects/" + project + "/";
		    inner += current_projects[project][i];
		    inner += "' />";
		    num_pics++;
		} 
		
		var new_height = 300 + num_pics * 210;
		
		if(new_height < 500)
			new_height = 500;
		

		var main_col = document.getElementById('main_col');
		var main_body = document.getElementById('main_body');
		var right_col = document.getElementById('right_col');
		
		new_height += "px";
		main_body.style.height = new_height;
		main_col.style.height = new_height;
		right_col.style.height = new_height;
		
		main_col.innerHTML = inner;
	}
	
	function show_pictures(project){
		document.getElementById("project_"+project).style.display="";
	}