var timer;
var changeTabTime = 7000;

function storyTabs(tab,play) {
  
  var tab1 = document.getElementById('tab1');
  var tab2 = document.getElementById('tab2');
  var tab3 = document.getElementById('tab3');
  var tab4 = document.getElementById('tab4');
  var tab5 = document.getElementById('tab5');
  
  var tab1h3 = document.getElementById('tab1h3');
  var tab2h3 = document.getElementById('tab2h3');
  var tab3h3 = document.getElementById('tab3h3');
  var tab4h3 = document.getElementById('tab4h3');
  var tab5h3 = document.getElementById('tab5h3');

  var story1 = document.getElementById('story1');
  var story2 = document.getElementById('story2');
  var story3 = document.getElementById('story3');
  var story4 = document.getElementById('story4');
  var story5 = document.getElementById('story5');
  
  if(tab == 'tabone') {
    tab1.className = "selectedtab";
    tab2.className = "";
    tab3.className = "";
    tab4.className = "";
    tab5.className = "";
    story1.style.display = "block";
    story2.style.display = "none";
    story3.style.display = "none";
    story4.style.display = "none";
    story5.style.display = "none";
	    
    if(play == "yes") {
      timer = setTimeout("storyTabs('tabtwo','yes')",changeTabTime);
    }
    
    setBackNextLinks('tabfive','tabtwo');
  }
  
  if(tab == 'tabtwo') {
    story2.style.left = "-"+tab1h3.offsetWidth+"px";
    
    tab1.className = "";
    tab2.className = "selectedtab";
    tab3.className = "";
    tab4.className = "";
    tab5.className = "";
    story1.style.display = "none";
    story2.style.display = "block";
    story3.style.display = "none";
    story4.style.display = "none";
    story5.style.display = "none";
    
    if(play == "yes") {
      timer = setTimeout("storyTabs('tabthree','yes')",changeTabTime);
    }
    
    setBackNextLinks('tabone','tabthree');
  }
  
  if(tab == 'tabthree') {
    story3.style.left = "-"+(tab1h3.offsetWidth+tab2h3.offsetWidth)+"px";
    
    tab1.className = "";
    tab2.className = "";
    tab3.className = "selectedtab";
    tab4.className = "";
    tab5.className = "";
    story1.style.display = "none";
    story2.style.display = "none";
    story3.style.display = "block";
    story4.style.display = "none";
    story5.style.display = "none";
    
    if(play == "yes") {
      timer = setTimeout("storyTabs('tabfour','yes')",changeTabTime);
    }

    setBackNextLinks('tabtwo','tabfour');
  }
  
  if(tab == 'tabfour') {
    story4.style.left = "-"+(tab1h3.offsetWidth+tab2h3.offsetWidth+tab3h3.offsetWidth)+"px";
    
    tab1.className = "";
    tab2.className = "";
    tab3.className = "";
    tab4.className = "selectedtab";
    tab5.className = "";
    story1.style.display = "none";
    story2.style.display = "none";
    story3.style.display = "none";
    story4.style.display = "block";
    story5.style.display = "none";
    
    if(play == "yes") {
      timer = setTimeout("storyTabs('tabfive','yes')",changeTabTime);
    }
    
    setBackNextLinks('tabthree','tabfive');
  }
  
  if(tab == 'tabfive') {
    story5.style.left = "-"+(tab1h3.offsetWidth+tab2h3.offsetWidth+tab3h3.offsetWidth+tab4h3.offsetWidth)+"px";
    
    tab1.className = "";
    tab2.className = "";
    tab3.className = "";
    tab4.className = "";
    tab5.className = "selectedtab";
    story1.style.display = "none";
    story2.style.display = "none";
    story3.style.display = "none";
    story4.style.display = "none";
    story5.style.display = "block";
    
    if(play == "yes") {
      timer = setTimeout("storyTabs('tabone','yes')",changeTabTime);
    }
    
    setBackNextLinks('tabfour','tabone');
  }

}
 
function setBackNextLinks(previoustab,nexttab) {
  var previouslink = document.getElementById('previouslink');
  var nextlink = document.getElementById('nextlink');
  var playlink = document.getElementById('playlink');

  //if mozilla
  if ((!document.all)&&(document.getElementById)) {
    previouslink.setAttribute("onclick","javascript:storyTabs('"+previoustab+"','no'); stopTabs(); return false");
    nextlink.setAttribute("onclick","javascript:storyTabs('"+nexttab+"','no'); stopTabs(); return false");
    playlink.setAttribute("onclick","javascript:playTabs('"+nexttab+"','yes'); return false");
  }
  //if ie
  if ((document.all)&&(document.getElementById)) {
    previouslink["onclick"]=new Function("javascript:storyTabs('"+previoustab+"','no'); stopTabs(); return false");
    nextlink["onclick"]=new Function("javascript:storyTabs('"+nexttab+"','no'); stopTabs(); return false");
    playlink["onclick"]=new Function("javascript:playTabs('"+nexttab+"','yes'); return false");
  }

}

function stopTabs() {
  var pauselink = document.getElementById('pauselink');
  var playlink = document.getElementById('playlink');
  clearTimeout(timer);
  pauselink.style.display = "none";
  playlink.style.display = "inline";
}

function playTabs(tab,play) {
  var pauselink = document.getElementById('pauselink');
  var playlink = document.getElementById('playlink');
  pauselink.style.display = "inline";
  playlink.style.display = "none";
  timer = setTimeout("storyTabs('"+tab+"','"+play+"')",500);
}

/*window.onload = function() {
  timer = setTimeout("storyTabs('tabtwo','yes')",changeTabTime);
}*/

var doStoryTabs = function() {
 timer = setTimeout("storyTabs('tabtwo','yes')",changeTabTime);
}

function initStoryTabs( func ) {
  var oldonload = window.onload;

  if( typeof window.onload != 'function' ) {
    window.onload = func;
  } else {
    window.onload = function() {
      if( oldonload ) {
        oldonload();
      }
      func();
    }
  }
}

initStoryTabs( doStoryTabs );