//** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** May 2nd, 08'- Script rewritten and updated to 2.0.
//** June 12th, 08'- Script updated to v 2.3
//** July 11th, 08'- Script updated to v 2.4
//** Jan 25th, 11'- Script stripped to survive in Webareal
//** Jan 27th, 11'- Added automatic height adjusting according to highest content div
var featuredcontentslider={
  settingcaches: {}, //object to cache "setting" object of each script instance

  jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually.
    this.turnpage(this.settingcaches[fcsid], pagenumber)
  },

  buildcontentdivs:function(setting){
    var alldivs=document.getElementById(setting.id).getElementsByTagName("div")
    var sliderHeight=0;
    for (var i=0; i<alldivs.length; i++){
      if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv"
        setting.contentdivs.push(alldivs[i])
        if(alldivs[i].offsetHeight>sliderHeight){
          sliderHeight=alldivs[i].offsetHeight;
        }
        alldivs[i].style.position="absolute"
        alldivs[i].style.display="none" //collapse all content DIVs to begin with
      }
    }
    document.getElementById(setting.id).style.height = sliderHeight+"px"
  },

  buildpaginate:function(setting){
    this.buildcontentdivs(setting)
    var sliderdiv=document.getElementById(setting.id)
    var pdiv=document.getElementById("paginate-"+setting.id)
    var phtml=""
    var toc=setting.toc
    var nextprev=setting.nextprev
    if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){
      for (var i=1; i<=setting.contentdivs.length; i++){
        phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '
      }
      phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '')
      pdiv.innerHTML=phtml
    }
    var pdivlinks=pdiv.getElementsByTagName("a")
    var toclinkscount=0 //var to keep track of actual # of toc links
    for (i=0; i<pdivlinks.length; i++){
      if (this.css(pdivlinks[i], "toc", "check")){
        if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents)
          pdivlinks[i].style.display="none" //hide this toc link
          continue
        }
        pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link
        pdivlinks[i][setting.revealtype]=function(){
          featuredcontentslider.turnpage(setting, this.getAttribute("rel"))
          return false
        }
        setting.toclinks.push(pdivlinks[i])
      }
      else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next"
        pdivlinks[i].onclick=function(){
          featuredcontentslider.turnpage(setting, this.className)
          return false
        }
      }
    }
    this.turnpage(setting, setting.currentpage, true)
    if (setting.autorotate[0]){ //if auto rotate enabled
      pdiv[setting.revealtype]=function(){
        featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
      }
      sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on
        featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
      }
      setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotation
      this.autorotate(setting)
    }
  },

  turnpage:function(setting, thepage, autocall){
    var currentpage=setting.currentpage //current page # before change
    var totalpages=setting.contentdivs.length
    var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)
    turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust
    if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly
      return
    setting.currentpage=turntopage
    for (var i=0; i<setting.contentdivs.length; i++){
      if(i==turntopage-1)
        setting.contentdivs[i].style.zIndex=10
      else
        setting.contentdivs[i].style.zIndex=1 
    }
    this.cleartimer(setting, window["fcsfade"+setting.id])
    setting.cacheprevpage=setting.prevpage
    if (setting.enablefade[0]==true){
      setting.curopacity=0
      this.fadeup(setting)
    }
    if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete)
      setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
      setting.onChange(setting.prevpage, setting.currentpage)
    }
    setting.contentdivs[turntopage-1].style.visibility="visible"
    setting.contentdivs[turntopage-1].style.display="block"
    if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
      this.css(setting.toclinks[setting.prevpage-1], "act", "remove")
    if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
      this.css(setting.toclinks[turntopage-1], "act", "add")
    setting.prevpage=turntopage
  },

  setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
    var targetobject=setting.contentdivs[setting.currentpage-1]
    if (targetobject.filters && targetobject.filters[0]){ //IE syntax
      if (typeof targetobject.filters[0].opacity=="number") //IE6
        targetobject.filters[0].opacity=value*100
      else //IE 5.5
        targetobject.style.filter="alpha(opacity="+value*100+")"
    }
    else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
      targetobject.style.MozOpacity=value
    else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
      targetobject.style.opacity=value
    setting.curopacity=value
  },

  fadeup:function(setting){
    if (setting.curopacity<1){
      this.setopacity(setting, setting.curopacity+setting.enablefade[1])
      window["fcsfade"+setting.id]=setTimeout(function(){
        featuredcontentslider.fadeup(setting)
      }, 50)
    }
    else{ //when fade is complete
      if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run)
        setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
      setting.onChange(setting.cacheprevpage, setting.currentpage)
    }
  },

  cleartimer:function(setting, timervar){
    if (typeof timervar!="undefined"){
      clearTimeout(timervar)
      clearInterval(timervar)
      if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div
        setting.contentdivs[setting.cacheprevpage-1].style.display="none"
      }
    }
  },

  css:function(el, targetclass, action){
    var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
    if (action=="check")
      return needle.test(el.className)
    else if (action=="remove")
      el.className=el.className.replace(needle, "")
    else if (action=="add")
      el.className+=" "+targetclass
    return true
  },

  autorotate:function(setting){
    window["fcsautorun"+setting.id]=setInterval(function(){
      featuredcontentslider.turnpage(setting, "next")
    }, setting.autorotate[1])
  },

  init:function(setting){
    this.settingcaches[setting.id]=setting //cache "setting" object
    setting.contentdivs=[]
    setting.toclinks=[]
    setting.currentpage=1
    setting.prevpage=setting.currentpage
    setting.revealtype="on"+(setting.revealtype || "click")
    setting.curopacity=0
    setting.onChange=setting.onChange || function(){}
    this.buildpaginate(setting)
  }
}