function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//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 shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}


function blendimage1(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//changeOpac(timer, imageid);
	var c=0;	
	for(i = 100; i >= 0; i--) {
	c++;
		if(c<100)
		{
		setTimeout("changeOpac(" + 100 + ",'" + imageid + "')",(timer * speed));
	//	setTimeout("changeOpac(" + i + ",'" + divid + "')",(timer * speed));
		//timer=0;
		//timer++;
		}
		if(c>100)
		{
		timer=150;	
		for(j=100;j>=10;j--)
		{
		setTimeout("changeOpac(" + j + ",'" + imageid + "')",(timer * speed));
		timer++;
		}
		}
		//alert(c)
	}
	//alert(c)
	/*if(c==101)
	{
		timer=0;
	for(i = 100; i >= 50; i--) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
	//	setTimeout("changeOpac(" + i + ",'" + divid + "')",(timer * speed));
		timer++;
	}
	}*/
	//alert(timer)
	/*for(i = 0; i <=10; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
	//	setTimeout("changeOpac(" + i + ",'" + divid + "')",(timer * speed));

		timer++;
	}*/
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}




currentIndx=0;
var MyImages = new Array("upload_images/t1.jpg","upload_images/t2.jpg","upload_images/t3.jpg","upload_images/t4.jpg","upload_images/t5.jpg","upload_images/t6.jpg"); 


var Messages= new Array("Being a natural redhead, I love the Opulence hair. The color and texture match perfect and it has actually made my hair easier to style.",
						  
						  "I've been in the hair industry for a while now and tried many different types of hair on myself and friends.",
						  
						  "After working with four other hair extension companies, I finally found one that really gets it.",
						  
						  "I love my new extensions, they are just so fun!  I have had so many compliments.",
						  
						  "I have just loved what Opulence Hair Extensions has done for my career.  I recently opened up my own new salon and I am now a distributor.",
						  
						  "I am very impressed with Opulence. I have always received great customer service and prompt assistance, along with a fabulous product."
						 
						 ); 


var writerArr= new Array("Ashlee Bills","Krystal Opulence Educator","Kurt Robinson Capelli Institute of Hair Capelli Supply & Salons","Andi","Nancy Hoyt (Business Owner/Educator)","Alicia Wolverton"); 

var AnchorArr= new Array("<a href=testimonials.php?by=1>Read More ..</a>","<a href=testimonials.php?by=2>Read More ..</a>","<a href=testimonials.php?by=3>Read More ..</a>","<a href=testimonials.php?by=4>Read More ..</a>","<a href=testimonials.php?by=5>Read More ..</a>","<a href=testimonials.php?by=6>Read More ..</a>"); 


/* ####################### now we preload the images ####################### */
imagesPreloaded = new Array(5)
for (var i = 0; i < MyImages.length ; i++) 
{
	imagesPreloaded[i] = new Image(120,120)
imagesPreloaded[i].src=MyImages[i]
}
/* ####################### we create the functions to go forward and go back ####################### */
function Nexter(){
if (currentIndx<imagesPreloaded.length-1){
currentIndx=currentIndx+1;
document.theImage.src=imagesPreloaded[currentIndx].src
document.getElementById('text1').innerHTML=Messages[currentIndx];
document.getElementById('div_writer').innerHTML=writerArr[currentIndx];
document.getElementById('ream_me').innerHTML=AnchorArr[currentIndx];
}
else {
 currentIndx=0
document.theImage.src=imagesPreloaded[currentIndx].src
document.getElementById('text1').innerHTML=Messages[currentIndx];
document.getElementById('div_writer').innerHTML=writerArr[currentIndx];
document.getElementById('ream_me').innerHTML=AnchorArr[currentIndx];
}
}
function Backer(){
if (currentIndx>0){
currentIndx=currentIndx-1;
document.theImage.src=imagesPreloaded[currentIndx].src
document.getElementById('text1').innerHTML=Messages[currentIndx];
document.getElementById('div_writer').innerHTML=writerArr[currentIndx];
document.getElementById('ream_me').innerHTML=AnchorArr[currentIndx];
document.getElementById('ream_me').innerHTML=AnchorArr[currentIndx];
}
else {
 currentIndx=3;
document.theImage.src=imagesPreloaded[currentIndx].src
document.getElementById('text1').innerHTML=Messages[currentIndx];
document.getElementById('div_writer').innerHTML=writerArr[currentIndx];
document.getElementById('ream_me').innerHTML=AnchorArr[currentIndx];
}}
function automaticly(val) {
	if (document.getElementById('hid').value=='ON') {
				if (currentIndx<imagesPreloaded.length){
									currentIndx=currentIndx;
				}
				else {
									currentIndx=0;
				}	
				
					document.theImage.src=imagesPreloaded[currentIndx].src;
					blendimage1('blend', 'theImage',imagesPreloaded[currentIndx].src, 2000);	
					document.getElementById('text1').innerHTML=Messages[currentIndx];
					document.getElementById('div_writer').innerHTML=writerArr[currentIndx];
					document.getElementById('ream_me').innerHTML=AnchorArr[currentIndx];
					currentIndx=currentIndx+1;
					var delay = setTimeout("automaticly('"+val+"')",5000);
				 

	}
}