// JavaScript Document

var ctr=1;

function automatichange()
{
  if(ctr<4)
  {
  setInterval ( "doSomething()", 5000 );
  }
}

function doSomething()
{
  if(ctr==1)
  {
   mainbanner = "images/banners/images/image2.jpg";
   chngeprvbg = "images/banners/images/btn1.jpg";
   chngenxtbg = "images/banners/images/btn2hover.jpg"; 

   document.getElementById('myimage').src=mainbanner;
   document.getElementById('btn1').src=chngeprvbg;  
   document.getElementById('btn2').src=chngenxtbg;     
  }
  
  if(ctr==2)
  {
   mainbanner = "images/banners/images/image3.jpg";
   chngeprvbg = "images/banners/images/btn2.jpg";
   chngenxtbg = "images/banners/images/btn3hover.jpg"; 

   document.getElementById('myimage').src=mainbanner;
   document.getElementById('btn2').src=chngeprvbg;  
   document.getElementById('btn3').src=chngenxtbg;     
  }
  
  if(ctr==3)
  {
   mainbanner = "images/banners/images/image4.jpg";
   chngeprvbg = "images/banners/images/btn3.jpg";
   chngenxtbg = "images/banners/images/btn4hover.jpg"; 

   document.getElementById('myimage').src=mainbanner;
   document.getElementById('btn3').src=chngeprvbg;  
   document.getElementById('btn4').src=chngenxtbg;     
  }  
  ctr++;   
}

function bgChange(bg,chngeimg,name)
{
  document.getElementById('myimage').src=bg;
  
  if(name=="btn1")
  {
   document.getElementById('btn1').src=chngeimg;  
   document.getElementById('btn2').src="images/banners/images/btn2.jpg";
   document.getElementById('btn3').src="images/banners/images/btn3.jpg";
   document.getElementById('btn4').src="images/banners/images/btn4.jpg";
  }
  
  if(name=="btn2")
  {
   document.getElementById('btn2').src=chngeimg;  
   
   document.getElementById('btn1').src="images/banners/images/btn1.jpg";
   document.getElementById('btn3').src="images/banners/images/btn3.jpg";
   document.getElementById('btn4').src="images/banners/images/btn4.jpg";
  }
  
   if(name=="btn3")
  {
   document.getElementById('btn3').src=chngeimg;
   
   document.getElementById('btn2').src="images/banners/images/btn2.jpg";
   document.getElementById('btn1').src="images/banners/images/btn1.jpg";
   document.getElementById('btn4').src="images/banners/images/btn4.jpg";  
  }
  
   if(name=="btn4")
  {
   document.getElementById('btn4').src=chngeimg;
   
   document.getElementById('btn2').src="images/banners/images/btn2.jpg";
   document.getElementById('btn3').src="images/banners/images/btn3.jpg";
   document.getElementById('btn1').src="images/banners/images/btn1.jpg";  
  }
  
  ctr=4;
}