hexinput=255;  // Initial color value.
var inc=-1; //increment variable

function fadingtext(){	         	
	if(hexinput>0) {	
		hexinput-=11; // increase color value
		document.getElementById("testimonials").style.color="rgb("+hexinput+","+hexinput+","+hexinput+")"; // Set color value.
		setTimeout("fadingtext()",40);	
	} else
		hexinput=255  //reset hex value
}

function changetext(){
	if (!document.getElementById) return
	inc++
	if (inc==0)
		document.getElementById("testimonials").innerHTML='"I am so impressed with this program and that you have followed up with concerns. Keep up the good work!" - K.B.';
	else if (inc==1)
		document.getElementById("testimonials").innerHTML='"I truly like using this tool.  I’ve shared it with so many people, from garden club members, friends, and nurseries." - T.K.';
	else if (inc==2)
		document.getElementById("testimonials").innerHTML='"I always thought some sort of visual tool would be great for gardeners, and now you created it!" - W.W.';
	else if (inc==3)
		document.getElementById("testimonials").innerHTML='"I love the fact that I can get ideas from other people’s gardens!" - D.R.';
	else if (inc==4)
		document.getElementById("testimonials").innerHTML='"Plangarden brings the fun back into planning and lifts a lot of the tedium." - P.V.';
	else{
		document.getElementById("testimonials").innerHTML='"Excellent site!  Thank you so much for putting together a tool that meets virtually all of my needs." - D.G.';
		inc=-1;
	}
	fadingtext()
	setTimeout("changetext()",6000)
}
addEvent(window,'load',changetext);

showcaseNumber=0;
showcaseImage=0;
playShowcase =0;
fadeTimer = 0;
function displayGardenNames () {
	var divStr = '';
	for (var i=0;i < showcase.length;i++) {
		if (i == showcaseNumber ) {
			divStr +="<strong>"+showcase[i].userName+"</strong>&nbsp;&nbsp;"; 
		} else {
			divStr += "<a href='javascript:changeGarden("+i+")'>"+showcase[i].userName+"</a>&nbsp;&nbsp;";
		}
	}
	document.getElementById('showcaseGardens').innerHTML = divStr;	
}
function initShowcase () {
	document.getElementById('blenddiv').style.backgroundImage =  "url("+'/images/showcase/'+showcase[showcaseNumber].objects[showcaseImage].imageSrc+")";
	document.getElementById('blendimage').src =  '/images/showcase/'+showcase[showcaseNumber].objects[showcaseImage].imageSrc;
	document.getElementById('showcaseText').innerHTML = update_showcaseText(showcaseNumber);	
	newShowcaseUser();
	if (showcaseImage+1 < showcase[showcaseNumber].objects.length) {
		playShowcase = setTimeout("changeImage(" + 1 + ",true)",( showcase[showcaseNumber].objects[showcaseImage].timer * 1000));
	} else {

	}
}
function newShowcaseUser () {

	displayGardenNames();
	var	divStr = '';
	for (var i = 0; i< showcase[showcaseNumber].objects.length; i++) {
		divStr += "<a href='javascript:changeImage("+i+",false)'>"+(i+1)+"</a>&nbsp;&nbsp;";
	}
	document.getElementById('showcaseLinks').innerHTML = divStr;
	document.getElementById('showcaseControl').innerHTML = "<a href='javascript:showcaseStop()'>Stop</a>";
}
function showcaseStop () {
	clearTimeout(playShowcase);
	clearTimeout(fadeTimer);
	document.getElementById('showcaseControl').innerHTML = "<a href='javascript:showcasePlay("+showcaseImage+")'>Play</a>";
}
function showcasePlay (item) {
	changeImage (item,true);
	document.getElementById('showcaseControl').innerHTML = "<a href='javascript:showcaseStop()'>Stop</a>";
}
function changeGarden (newGarden) {
	clearTimeout(playShowcase);
	clearTimeout(fadeTimer);
	showcaseNumber = newGarden;
	showcaseImage = 0;
	newShowcaseUser();
	changeImage (0,false,1);
	displayGardenNames();
	if (showcaseImage+1 < showcase[showcaseNumber].objects.length) {
		playShowcase = setTimeout("changeImage(" + showcaseImage+ 1 + ",true)",( showcase[showcaseNumber].objects[showcaseImage].timer * 1000));
	} else {
		if (showcaseNumber+1 < showcase.length) {
			showcaseNumber++;
		} else {
			showcaseNumber = 0;
		}
		showcaseImage = 0;
		playShowcase = setTimeout("changeGarden(" +( showcaseNumber )+ ")",( showcase[showcaseNumber].objects[showcaseImage].timer * 1000));		
	}
}
function update_showcaseText (showcaseItem) {
	var tempBlob;
	tempBlob = showcase[showcaseNumber].objects[showcaseItem].textBlob;
	if (showcase[showcaseNumber].userFile != '' ) {
		tempBlob +=	" <a href=\"javascript:openShare('"+showcase[showcaseNumber].userFile+"')\">See "+showcase[showcaseNumber].userName+"\'s Plangarden</a>";
	} else if (showcase[showcaseNumber].userName != 'Intro') {
		tempBlob += " <b>"+showcase[showcaseNumber].userName+"\'s Plangarden</b>";
	}
	return tempBlob;	
}

function changeImage (showcaseItem,autoPlay,extra) {
	document.getElementById('showcaseText').innerHTML =  update_showcaseText(showcaseItem);
	blendimage('blenddiv','blendimage', "/images/showcase/"+showcase[showcaseNumber].objects[showcaseItem].imageSrc,500)
	showcaseImage = showcaseItem;
	if (autoPlay) {
		if (showcaseImage+1 < showcase[showcaseNumber].objects.length) {
			playShowcase = setTimeout("changeImage(" +( showcaseImage + 1 )+ ",true)",( showcase[showcaseNumber].objects[showcaseItem].timer * 1000));
		} else {
			if (showcaseNumber+1 < showcase.length) {
				showcaseNumber++;
			} else {
				showcaseNumber = 0;
			}
			showcaseImage = 0;
			playShowcase = setTimeout("changeGarden(" +( showcaseNumber )+ ")",( showcase[showcaseNumber].objects[showcaseImage].timer * 1000));		
		}
	} else {
		clearTimeout(playShowcase);
		clearTimeout(fadeTimer);		
		if (extra != 1){
			document.getElementById('showcaseControl').innerHTML = "<a href='javascript:showcasePlay("+showcaseImage+")'>Play</a>";
		}
	}
}

//change the opacity for different browsers
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 + ")";
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	changeOpac(0, imageid);
	document.getElementById(imageid).src = imagefile;
	for(i = 0; i <= 100; i++) {
		fadeTimer = setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
	fadeTimer = 0;
}

addEvent(window,'load',initShowcase);