$(document).ready(function(){	
//#############################################START SLIDER
/*
  var settings={"time":5,
                "section":970,//width (don't change)
                "pauseButton":true,//show or hide pause button
                "hideNav":true//hide nav on mouse leave
               };
          
  var slider={"SLIDE0": {
                  "html": "<div class=\"headerbox\"><div class=\"headerboxtitle\">title1</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis sodales nisl vel venenatis. Morbi egestas libero sit amet arcu pulvinar pharetra. Morbi sed urna vitae nibh sodales porta. </div><div class=\"headerbox\"><div class=\"headerboxtitle\">title2</div>Praesent a quam sapien. Nam non ante magna. Praesent aliquam tincidunt lectus sed auctor. Suspendisse potenti. Ut pulvinar, tortor ut eleifend vehicula, libero neque molestie massa, sed rutrum.</div><div class=\"headerbox\"><div class=\"headerboxtitle\">title3</div>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tempor laoreet lorem, vel pellentesque tellus lobortis et. Vestibulum a tempus lacus.</div>",
                  "title": "HTML TEST"
              }
              ,"SLIDE1": {
                  "img": "/images/homeSlider/Run-Your-Business.jpg",
                  "title": "REQUEST A PERSONAL DEMO TODAY!",
                  "link": "/contact_us/request_demo.htm",
                  "linkTarget":"_self"
              },
              "SLIDE2": {
                  "img": "/images/homeSlider/fact-based-v2.jpg",
                  "title": "Real-time visibility into all your critical business data",
                  "link": "/software/reports.htm",
                  "linkTarget":"_self"
              },
              "SLIDE3": {
                  "img": "/images/homeSlider/Ideal-v2.jpg",
                  "title": "All the tools, automation and intelligence you need to optimize your technology business",
                  "link": "/contact_us/request_demo.htm",
                  "linkTarget":"_self"
              },
              "SLIDE4": {
                  "img": "/images/homeSlider/On-Tour-v2.jpg",
                  "title": "Autotask Community On Tour &mdash; Reserve your seat, today!",
                  "link": "/ontour",
                  "linkTarget":"_blank"
              }
             };
*/
//==============================PLAYER===================================\\  
  settings.slidePlayer = function(){
    settings.build();
    //check pauseButton setting
    if(settings.pauseButton==true){
      $('#pnp').click(function(){
        if(settings.paused==false){
          settings.pauseme();
          settings.paused=true;
          $(this).addClass('play');
        }else{
          settings.Rotate();
          settings.paused=false;
          $(this).removeClass('play');
        }
      });
    }
    //check hideNav setting
    if(settings.hideNav==true){
      $('#masthead').mouseenter(function(event){
        $('#headNav').dequeue().stop().fadeTo('fast',1);
      }).mouseleave(function(event){
        $('#headNav').dequeue().stop().delay(800).fadeTo('slow',0.2);
      });
    }
    //highlight first//
     settings.currentNav('NI'+0);
    $('#titleArea').html($('#NI'+0).data("title"));
    //animation initialization//
    settings.nextSlide = function (){
      if(settings.counter<settings.count){
        settings.counter+=1;
      }else{
        settings.counter=0;
      }
      if(settings.counter==settings.count){
        headPos=-settings.count*settings.section;
        headTitle=$('#NI0').data("title");
        $('#titleArea').fadeOut(400);
        $("#headHolder").animate({left:headPos},800,function() {
          settings.currentNav('NI0');        
          $('#titleArea').html(headTitle).fadeIn(400);
          $(this).css('left',0);
          settings.counter=0;
        });        
      }else{
        headPos=$('#NI'+settings.counter).data("pos");
        headTitle=$('#NI'+settings.counter).data("title");
        $('#titleArea').fadeOut(400);
        $("#headHolder").animate({left:headPos},800,function() {settings.currentNav('NI'+settings.counter);$('#titleArea').html(headTitle).fadeIn(400);});        
      }
    }
    //timer//
    settings.pauseme= function(){window.clearInterval(counter);}
    settings.Rotate = function (){
       counter = setInterval(function() {
        settings.timer+=1;
        var $t=parseInt(settings.timer/100);
        var $ft=settings.time*100;
        var $barWidth=Math.round((settings.timer/$ft)*100); 
        $('#timebar').css('width',$barWidth+'%');
        
        if($t==settings.time){
        settings.nextSlide();
        settings.timer=0;
        }
      }, 10);
    } 
   settings.Rotate();
  }
//================================STYLE====================================\\     
  settings.currentNav = function(C){
    $('#headNav .headNavItem').each(function(){
      $(this).removeClass('navUp');
    });
    $('#'+C).addClass('navUp');
  }     
//================================SETUP================================\\ 
  settings.build = function(){
    var chunk="";
    var chunkNav="";
    var num=0;
    var slides="";
    var obj="";
    var img="";
    var title="";
    var link="";
    var target="";
    var pos="";
      
    settings.count=0;
    settings.counter=0;
    settings.timer=0;
    settings.paused=false;
    
    //gets count of slides
    for (var key in slider) {settings.count+=1;}
    var size="width:"+(settings.count+1)*settings.section+"px;";
    //set structure
    $('#masthead').html("<div id=\"headHolder\" style=\""+size+"\"></div><div id=\"headNav\"><div id=\"timebarholder\"><div id=\"timebar\"></div></div><div id=\"titleArea\"></div></div>");
    if(settings.pauseButton==true){
      $('#masthead').append("<div id=\"pnp\"></div>");
    }
    //parse slider object
    
    for (var key in slider) {
      var obj = slider[key];
      var slidetype="";
      var content="";
      
      
      if(obj['img']==""||obj['img']==undefined){
        slidetype="html";
        content=obj['html']; 
      }
      
      if(obj['html']==""||obj['html']==undefined){
        slidetype="img";
        img=obj['img']; 
        link=obj['link'];          
        target=obj['linkTarget'];
        content="<a target=\""+target+"\" href=\""+link+"\"><img src=\""+img+"\" alt=\""+title+"\"><a>"
      }
      
      title=obj['title'];
      pos=-num*settings.section;

      slides+="<div class=\"slide\" style=\"width:"+settings.section+"px\" id=\""+key+"\">"+content+"xxxxxxxxxxxxxxxxxxxxxxxxxx</div>";
      if(num==0){
        loopSlide="<div class=\"slide\" style=\"width:"+settings.section+"px\" id=\"endS\">"+content+"</div>";
      }

      //set up navigation
      $('#headNav').append($("<div>")
                   .attr("id","NI"+num)
                   .addClass("headNavItem")
                   .data({"pos":pos, "title":title, "num":num})
                   .click(function (){
                     $this=$(this);
                     settings.counter=$this.data("num");
                     settings.timer=null;
                     headPos=$this.data("pos");
                      if(!$("#headHolder").is(":animated") && $("#headHolder").css('left')!= headPos+"px"){
                        headTitle=$this.data("title");
                        settings.currentNav('NI'+$this.data("num"));
                        $('#titleArea').fadeOut(400);
                        $("#headHolder").animate({left:headPos},800,function() {$('#titleArea').html(headTitle).fadeIn(500);counter=num;});
                      }
                   })
                  );
      num+=1;
    }
    if(slides!=""){
      $('#headHolder').html(slides+loopSlide);
    };
  }
//inialize Player
  settings.slidePlayer();
//#############################################END SLIDER
});