var six_reasons=new Array();
six_reasons.push({title:"How It All <br> Comes Together",content:"<q>As a young father of four children, I always love to define water as “LIFE”. <br />You may notice the marvelous work you, of the OK CLEAN WATER PROJECT are doing, but I wish to assure you that you have saved lives. I hope you people will continue to save the lives of many.</q>							<q>I grew up in  a small quarter called <br /> Bajing where water was a big problem causing a lot of illnesses and deaths, but the situation is different now. If water is life, the OK Clean Water Project is giving our society and the world life, health <br />and worth.</q>",color:'#',img:'slide-1.jpg'});
six_reasons.push({title:"The Difference <br> Clean Water Makes",content:"<q>My view of the water project is the joy of my people having and enjoying eight stand pipes of which they boast of having clean water. I have the experience of the past year that clean water in this village has solved problems like: malaria, cholera, and diarrhea. In the past we had a lot of these diseases just because of polluted water from streams for all our basic needs.</q>",color:'#',img:'slide-2.jpg'});
six_reasons.push({title:"Meet A Voice From<br>Kumbo, Cameroon",content:"<q>We cannot talk about the future of our children without thinking about clean water which is a vital source of good health. I wish to thank every one who is contributing to the success of this life-sustaining program.</q>",color:'#',img:'slide-3.jpg'});
six_reasons.push({title:"A Future To<br>Look Forward To",content:"<q>You have brought life to the school and part of the community where the school is located. <br><br>We can only say thank you and more grease to your elbows for this remarkable gesture.</q>",color:'#',img:'slide-4.jpg'});
six_reasons.push({title:"What Sustainable<br>Practices Mean",content:"<q>Organizing the villagers to do unskilled labor for the water project has helped bring unity to the village. There are no barriers of religion, tribe or political affiliation.</q>",color:'#',img:'slide-5.jpg'});
var curr_slide = 0;
var nav_butt_obj = document.getElementById("galleryNavButt");
var promo_photo =  document.getElementById("galleryImage");
var slide_text = document.getElementById("slideShowText");
var slide_title = document.getElementById("slideshow_title");
var cache_img = new Array();
var slide_change;
var scroll_timer;
var curr_interval = 15000;
for(i=0; i < six_reasons.length; i++){
	cache_img[i] = new Image();	
	cache_img[i].src = "images/slides/" + six_reasons[i]["img"];
}
if(six_reasons.length > 0){
	if(nav_butt_obj){
		var prev_butt = document.createElement("A");
		if(prev_butt){
			prev_butt.className = "link-next"; 
			prev_butt.href = "#";
			prev_butt.onclick = function(){
				return false;
			}
			prev_butt.onmouseover = function(){
				scroll_timer = setInterval("switcherScroll('next')",10);
			}
			prev_butt.onmouseout = function(){
				clearInterval(scroll_timer);
			}						
			nav_butt_obj.appendChild(prev_butt);
		}
		var nav_butt_div = document.createElement("DIV");
		nav_butt_div.className = "switcherPanel";
		nav_butt_obj.appendChild(nav_butt_div);
		var nav_butt = document.createElement("UL");
		if(nav_butt){
			nav_butt_div.appendChild(nav_butt);
			for(i=0; i < six_reasons.length; i++){
				var one_nav_butt = document.createElement("LI");
				one_nav_butt.innerHTML =  '<a nohref >' + (i+1) + '</a>';
				if(i==curr_slide){one_nav_butt.className = "active";}
				one_nav_butt.onmouseover = function(){
					clearInterval(slide_change);
					setAnotherSlide(this);
				}
				one_nav_butt.onmouseout = function(){
					clearInterval(slide_change);
					slide_change = setInterval("setIntervalRenew()", curr_interval);
				}
				nav_butt.appendChild(one_nav_butt);
			}
			nav_butt.style.width = nav_butt_div.offsetWidth + "px";
			nav_butt_div.style.width = "95px";
			setAnotherSlide(nav_butt.getElementsByTagName("LI")[curr_slide]);
			slide_change = setInterval("setIntervalRenew()", curr_interval);
		}
		var next_butt = document.createElement("A");
		if(next_butt){
			next_butt.className = "link-prev"; 
			next_butt.href = "#";
			next_butt.onclick = function(){
				return false;
			}
			next_butt.onmouseover = function(){
				scroll_timer = setInterval("switcherScroll('prev')",10);
			}
			next_butt.onmouseout = function(){
				clearInterval(scroll_timer);
			}	
			nav_butt_obj.appendChild(next_butt);			
		}		
	}	
}
function setIntervalRenew(){
	if(nav_butt_obj){
		var get_values = nav_butt_obj.getElementsByTagName("LI");
		if(get_values.length > 0 && curr_slide < get_values.length-1){
			curr_slide += 1;
			setAnotherSlide(get_values[curr_slide]);
		}else{
			if(get_values.length > 0){
				setAnotherSlide(get_values[0]);
			}	
		}
	}
}
function setAnotherSlide(obj){
	var number = parseInt(obj.getElementsByTagName("A")[0].innerHTML)-1;
	curr_slide = number;
	if(isNaN(number)){number = 0;}
	if(six_reasons[number] && obj && nav_butt_obj){
		var get_li = obj.parentNode.getElementsByTagName("LI");
		if(get_li.length > 0){
			for(i=0; i < get_li.length; i++){
				get_li[i].className = "";
			}
			obj.className = "active";
		}
	}
	if(six_reasons[number] && promo_photo){
		promo_photo.innerHTML = "";
		var new_el = document.createElement("IMG");
		new_el.src = cache_img[number].src;
		new_el.style.width = "576px";
		new_el.style.height = "276px";		
		promo_photo.appendChild(new_el);
	}		
	if(slide_text){
		slide_text.innerHTML = six_reasons[number]["content"];				
	}
	if(slide_title){
		slide_title.innerHTML = six_reasons[number]["title"];	
	}
}

function switcherScroll(act){
	if(act){
		var get_scroll = document.getElementById("galleryNavButt").getElementsByTagName("DIV");
		if(get_scroll.length == 1 && get_scroll[0].className == "switcherPanel"){
			if(act == "next"){
				get_scroll[0].scrollLeft += 1;
			}
			if(act == "prev"){
				get_scroll[0].scrollLeft -= 1;
			}			
		}
	}
}