var curr_img = 1;
var total_images = 7;
var img_changes = 0;
var play_show = true;
var click_ok = true;
var time_running = false;
var stat_box = document.getElementById("fade_status");
var img_1 = document.getElementById("home_img_1");
var img_2 = document.getElementById("home_img_2");

var img_root = "/wp-content/themes/marthahillhomes/images/";

function toggle_thumb(thumb_num){

	if(thumb_num != curr_img){
		var this_thumb = document.getElementById("home_thumb-"+thumb_num);
		
		if(this_thumb.src.indexOf("-off")>=0){
			this_thumb.src = img_root+"home_images/thumb-"+thumb_num+".jpg";
		}else{
			this_thumb.src = img_root+"home_images/thumb-"+thumb_num+"-off.jpg";
		}
	}
}

function image_click(img_num){
	
	play_show = false;
	window.clearTimeout(show_timer);
	if(click_ok){
		click_ok = false;
		window.clearTimeout(click_timeout);
		show_img(img_num);
	}else{
		var click_timeout = window.setTimeout("image_click("+img_num+")",20);
	}
}

function next_click(){
	
	play_show = false;
	window.clearTimeout(show_timer);
	if(click_ok){
		window.clearTimeout(next_timeout);
		click_ok = false;
		next_img();
	}else{
		var next_timeout = window.setTimeout("next_click()",20);
	}
}

function prev_click(){
	
	play_show = false;
	window.clearTimeout(show_timer);
	if(click_ok){
		window.clearTimeout(prev_timeout);
		click_ok = false;
		prev_img();
	}else{
		var prev_timeout = window.setTimeout("prev_click()",20);
	}
}

function show_img(img_num){
	curr_img = img_num;
	var img_1 = document.getElementById("home_img_1");
	var img_2 = document.getElementById("home_img_2");
	
	if(img_changes % 2 == 0){
		img_2.style.opacity = 0;
		img_2.style.filter = "alpha(opacity=0)";
		img_2.style.display = "block";
		img_2.src=img_root+"home_images/home_image-"+img_num+".jpg";
		panel_in("home_img_2");
	}else{
		img_1.src=img_root+"home_images/home_image-"+img_num+".jpg";
		panel_out("home_img_2");
	
	}
	img_changes++;
	
	document.getElementById("home_thumb-"+curr_img).src = img_root+"home_images/thumb-"+curr_img+".jpg";
	
	for(var i=1;i<= total_images;i++){
		if(i != curr_img){
			document.getElementById("home_thumb-"+i).src = img_root+"home_images/thumb-"+i+"-off.jpg";
		}
	}
	
}

function next_img(){
	var new_num = curr_img + 1;
	if(new_num > total_images)
		new_num = 1;
	show_img(new_num);
}
function prev_img(){
	var new_num = curr_img - 1;
	if(new_num < 1)
		new_num = total_images;
	show_img(new_num);
}

// fade panel in and out

function fade_in(thediv){
	var fade_div = document.getElementById(thediv);
	if(this_level < 1){
		this_level = this_level + .03;
		this_ie_level = this_level * 100;
		fade_div.style.opacity = this_level;
		fade_div.style.filter = "alpha(opacity="+this_ie_level +")";	
		var fade_in_timer = window.setTimeout("fade_in('"+thediv+"')",60);
		time_running = true;
	}else{
		window.clearTimeout(fade_in_timer);
		time_running = false;
		click_ok = true;
	}
	
}
function fade_out(thediv){
	var fade_div = document.getElementById(thediv);
	if(this_level > 0){
		this_level = this_level - .03;
		this_ie_level = this_level * 100;
		fade_div.style.opacity = this_level;
		fade_div.style.filter = "alpha(opacity="+this_ie_level +")";
		var fade_out_timer = window.setTimeout("fade_out('"+thediv+"')",60);
		time_running = true;
	}else{
		window.clearTimeout(fade_out_timer);
		fade_div.style.display = "none";
		time_running = false;
		click_ok = true;
	}
}
function panel_in(thepanel){
		var thislayer = document.getElementById(thepanel);
	if(!time_running){
		thislayer.style.opacity = 0;                  // start with invisible layer
		thislayer.style.filter = "alpha(opacity=0)";
		thislayer.style.display = "block";
		this_level = 0;
		fade_in(thepanel);
	}
}
function panel_out(thepanel){
		var thislayer = document.getElementById(thepanel);
	if(!time_running){
		thislayer.style.opacity = 1;                  // start with fully visible layer
		thislayer.style.filter = "alpha(opacity=100)";
		this_level = 1;
		fade_out(thepanel);
	}
}

function slide_show(){
	if(play_show){
//		window.alert("slide_show");
		next_img();
		var show_timer = window.setTimeout("slide_show()",4000);
	}else{
		window.clearTimeOut(show_timer);
	}
}