// JavaScript Document

function slideshow(slide) {
var SlShSelecto = document.getElementById('SlShSelector').style.left;
var SlShSelector = SlShSelecto.replace(/px/, "");
  slide += 1;
   document.getElementById('slideset').value = slide;   
   tot=setTimeout (function(){
     var x = 0
      
   for ( var x = 0; x <= 100; x += 1 ) 
    { 
        (function()
        {
         var xpos = x; 
        
            if (slide != 5){
        tott=setTimeout(function(){
                document.getElementById('SlSh' + slide ).style.opacity = 1 - (( xpos / 100 ) * 1) + "";
                document.getElementById('SlSh' + slide ).style.filter = "alpha(opacity=" + (100 - (( xpos / 1 ) * 1)) + ")";
                document.getElementById('SlShSelector').style.left = ((SlShSelector*1) + (xpos * (31/100))) + "px"; 
            if (xpos <= 25) document.getElementById('SlShTopic'+ slide).style.top = (9 - ((xpos *36)/100))  + "px";
            if (xpos >= 82) document.getElementById('SlShTopic'+ ((slide*1)+1)).style.top = ((xpos *9)/100)  + "px";
            if (xpos >= 99) document.getElementById('SlSh' + slide ).style.display = "none" ;
       
            }, ( xpos + 1  ) * 10);}
   if (slide == 5){
   document.getElementById('SlSh1').style.display = "block" ;
   tott=setTimeout(function(){
   document.getElementById('SlSh1').style.opacity = (( xpos / 100 ) * 1) + "";
   document.getElementById('SlSh1').style.filter = "alpha(opacity=" + (( xpos / 1 ) * 1) + ")";
          
   document.getElementById('SlShSelector').style.left = ((SlShSelector*1) - (xpos * (124/100))) + "px";
   if (xpos <= 27) document.getElementById('SlShTopic5').style.top = (9 - ((xpos *33)/100))  + "px";
   if (xpos >= 91) document.getElementById('SlShTopic1').style.top = ((xpos *9)/100)  + "px";
   if (xpos >= 99) {
   document.getElementById('SlSh1').style.display = "block" ;
   document.getElementById('SlSh2').style.display = "block" ;
   document.getElementById('SlSh3').style.display = "block" ;
   document.getElementById('SlSh4').style.display = "block" ;
   document.getElementById('SlSh2').style.opacity = 1
   document.getElementById('SlSh2').style.filter = "alpha(opacity=100)";
   document.getElementById('SlSh3').style.opacity = 1
   document.getElementById('SlSh3').style.filter = "alpha(opacity=100)";
   document.getElementById('SlSh4').style.opacity = 1
   document.getElementById('SlSh4').style.filter = "alpha(opacity=100)";   slide=0;
            }    
            }, ( xpos + 1 ) * 10 );} 
        
       } 
     )();
    }
   },1200);
     setTimeout(function(){
document.getElementById('breakset').value = "1000";} ,1200);
     setTimeout(function(){
document.getElementById('breakset').value = "0";} ,5000);
 t=setTimeout(function(){
slideshow(slide);} ,10000);} 

function resetslide(direction)
{
var waitasec = (document.getElementById('breakset').value * 1);
var slide = ((document.getElementById('slideset').value * 1)+1) ;
if (direction == 'rew') slide -= 1;
if (direction == 'fwd') slide += 1;
if (direction == '1') slide = 1;
if (direction == '2') slide = 2;
if (direction == '3') slide = 3;
if (direction == '4') slide = 4;
if (direction == '5') slide = 5;
if (slide >= 6) slide = 1;
if (slide <= 0) slide = 5;
var slidem = slide - 1;
var slided = slide + 1; 
window.clearTimeout(tot);
window.clearTimeout(t);
setTimeout(function(){
document.getElementById('slideset').value = slidem;
document.getElementById('SlShTopic1').style.top = "0px";
document.getElementById('SlShTopic2').style.top = "0px";
document.getElementById('SlShTopic3').style.top = "0px";
document.getElementById('SlShTopic4').style.top = "0px";
document.getElementById('SlShTopic5').style.top = "0px";
document.getElementById('SlSh1').style.display = "block" ;
document.getElementById('SlSh2').style.display = "block" ;
document.getElementById('SlSh3').style.display = "block" ;
document.getElementById('SlSh4').style.display = "block" ;
document.getElementById('SlSh1').style.opacity = 1
document.getElementById('SlSh1').style.filter = "alpha(opacity=100)";
document.getElementById('SlSh2').style.opacity = 1
document.getElementById('SlSh2').style.filter = "alpha(opacity=100)";
document.getElementById('SlSh3').style.opacity = 1
document.getElementById('SlSh3').style.filter = "alpha(opacity=100)";
document.getElementById('SlSh4').style.opacity = 1
document.getElementById('SlSh4').style.filter = "alpha(opacity=100)";   
document.getElementById('SlShSelector').style.top =  "9px";
document.getElementById('SlShSelector').style.left = (29 + ((slide - 1) * 31))+ "px";
document.getElementById('SlShTopic'+ slide).style.top = "9px";
if ( slide == 1){}
if ( slide == 2){
document.getElementById('SlSh1').style.display = "none" ;
}
if ( slide == 3){
document.getElementById('SlSh1').style.display = "none" ;
document.getElementById('SlSh2').style.display = "none" ;
}
if ( slide >= 4){
document.getElementById('SlSh1').style.display = "none" ;
document.getElementById('SlSh2').style.display = "none" ;
document.getElementById('SlSh3').style.display = "none" ;
}
if ( slide >= 5){
document.getElementById('SlSh1').style.display = "none" ;
document.getElementById('SlSh2').style.display = "none" ;
document.getElementById('SlSh3').style.display = "none" ;
document.getElementById('SlSh4').style.display = "none" ;}
} ,waitasec);

 t=setTimeout(function(){

slideshow(slidem);} ,10000);
}
function pausecomp(millis) 
{
var date = new Date();
var curDate = null;

do { curDate = new Date(); } 
while(curDate-date < millis);
} 