﻿// JScript File

        
            window.onload=initPage ;
            var timer1;
            var currStory=1;
            var playing=true;

            var StoriesCount=5;
           
            function initPage()
            {
            
            
              showstory(currStory);
              playpause(true);
            }
            
            
           
            function hide(item){
             //	alert (item);
	            var itm = document.getElementById(item);	
	            itm.style.display = 'none';
            }
            
            function show(item){
             //	alert (item);
	            var itm = document.getElementById(item);	
	            itm.style.display = 'block';
            }
            
                       
            
            function showstory(num)
            {
              for (i=1; i<=StoriesCount;i++)
              {
              	var btn = document.getElementById('Button'+i);	
                if (i==num)
                {
                  btn.className='buttonON';
                  show('TopStory' + i);
                }
                else
                {
                  btn.className='buttonOFF';
                  hide('TopStory' + i);
                }
              }
            }
            
            
            function buttonClick(num)
            {
              playpause(false);
              currStory=num;
              showstory(num)

            }
            
            
            
            
            function rotateStories() 
            {
             if (currStory<StoriesCount)
             {
               currStory++;
               showstory(currStory);
               timer1=setTimeout('rotateStories()',9000);
             }
             else
             {
	             currStory=1;
	             showstory(currStory);
               timer1=setTimeout('rotateStories()',9000);
             }
            }
            
            
            function playpause(isPlay)
            {
              var btn = document.getElementById('play');
              if (isPlay)
              {
                playing=true;
                rotateStories()
                btn.className='buttonOFF';
                btn.innerHTML='pause';

              }
              else
              {
                playing=false;
                clearTimeout(timer1);     
                btn.className='buttonOFF';
                btn.innerHTML='play';
         
              }
            }

