function setStep( index ){
     if(index == 0){
Spry.$$('#a1').setStyle("background-color: #000; color:#FFF;")
Spry.$$('#a2').setStyle("background-color: #FFF; color:#000;")
Spry.$$('#a3').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a4').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a5').setStyle("background-color: #FFF; color:#000;")	 
}
	 if(index == 1){
Spry.$$('#a1').setStyle("background-color: #FFF; color:#000;")
Spry.$$('#a2').setStyle("background-color: #000; color:#FFF;")
Spry.$$('#a3').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a4').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a5').setStyle("background-color: #FFF; color:#000;")	 
	 }
	 if(index == 2){
Spry.$$('#a1').setStyle("background-color: #FFF; color:#000;")
Spry.$$('#a2').setStyle("background-color: #FFF; color:#000;")
Spry.$$('#a3').setStyle("background-color: #000; color:#FFF;")
//Spry.$$('#a4').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a5').setStyle("background-color: #FFF; color:#000;")	 
	 }
	 if(index == 3){
Spry.$$('#a1').setStyle("background-color: #FFF; color:#000;")
Spry.$$('#a2').setStyle("background-color: #FFF; color:#000;")
Spry.$$('#a3').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a4').setStyle("background-color: #000; color:#FFF;")
//Spry.$$('#a5').setStyle("background-color: #FFF; color:#000;")	 
	 }
//	 if(index == 4){
//Spry.$$('#a1').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a2').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a3').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a4').setStyle("background-color: #FFF; color:#000;")
//Spry.$$('#a5').setStyle("background-color: #000; color:#FFF;")	 
//	 }
}
function myClickHandler2(event){
	id = setInterval(function() {
        if (sp1.forward === true) {
            if (sp1.getCurrentPanel() === sp1.showNextPanel()) {
                sp1.showPreviousPanel();
                sp1.forward = false;
            }
        } else {
            if (!sp1.showPreviousPanel()) {
                sp1.showNextPanel();
                sp1.forward = true;
            }
        }
    }, 5000);
}

function f1(event)
{
	clearInterval(id);
	sp1.showPanel('ex1_p1');
}

function f2(event)
{
	clearInterval(id);
	sp1.showPanel('ex1_p2');
}

function f3(event)
{
	clearInterval(id);
	sp1.showPanel('ex1_p3');
}

//function f4(event)
//{
//	clearInterval(id);
//	sp1.showPanel('ex1_p4');
//}
//
//function f5(event)
//{
//	clearInterval(id);
//	sp1.showPanel('ex1_p5');
//}