var curr = 0;
var last = 1;
var bar_width = 0;
var timer;
var slides = new Array(
                  {title_top:'UNPARALLELED', title_bottom:'STRENGTH', nav_bar_top:'', nav_bar_bottom:''},
                  {title_top:'UNPARALLELED', title_bottom:'STRENGTH', nav_bar_top:'', nav_bar_bottom:''},
                  {title_top:'UNPARALLELED', title_bottom:'STRENGTH', nav_bar_top:'', nav_bar_bottom:''},
                  {title_top:'UNPARALLELED', title_bottom:'STRENGTH', nav_bar_top:'', nav_bar_bottom:''},
                  {title_top:'UNPARALLELED', title_bottom:'STRENGTH', nav_bar_top:'', nav_bar_bottom:''}
              );

$(document).ready(function(){
    $(window).resize(function() {
        onResize();
    });      
    $('.num_btn').click(function(){
        clearInterval(timer);
        last = curr;
        curr = $(this).attr('index');
        onResize();
        $('#slide_img'+curr).css('z-index','1');
        $('#slide_img'+last).css('z-index','0');
        if(curr != last) goTo();
    });
    onResize();
    goTo();
    timer = setInterval(goNext,5000);
});

function goNext(){
      last = curr;
      if(curr >= 4){   
          curr = 0;
      }else{
          curr++;
      }
    onResize();
    $('#slide_img'+curr).css('z-index','1');
    $('#slide_img'+last).css('z-index','0');
    if(curr != last) goTo();
  
}

function onResize(){
  w = $(window).width();
  iw = w+200;
  if(w > 1400 && w < 2600){
        $('#slide_img'+curr).css('width', iw);
        $('#slide_img'+curr).css('margin-left', -(iw)*.5);
        $('#slide_img'+curr).css('height', 720*(iw/1600)+'px');
  }
  /*if(w<1400){
  	$('#slide_img'+curr).css('width', iw);
    $('#slide_img'+curr).css('margin-left', -(iw)*.5);
    $('#slide_img'+curr).css('height', 720*(iw/1600)+'px');
  }*/
}

function goTo(){
  $('.num_btn').each(function(i){
        if(i<curr){
            $('#slide'+i+'_btn').animate({left: ((i*22))+'px', opacity:(1 - (curr - i)*.2)}, 300+(i*100) ); 
        }else if(i > curr){
            $('#slide'+i+'_btn').animate({left: ((i*22)+bar_width)+'px', opacity:(1 + (curr - i)*.2)}, 300+(i*100) ); 
        }
        if(i == curr){
            $(this).animate({left: (i*22)+'px', opacity:1}, 300+(i*100) );
            $('#num_bg').animate({left:((i*22)+22)+'px', opacity:1}, 300 );
            $('#slide_txt_top').html(slides[curr]['title_top']);
            $('#slide_txt_bottom').html(slides[curr]['title_bottom']);
            
            $('#num_bg_bold_top').html(slides[curr]['nav_bar_top']);
            $('#num_bg_bottom').html(slides[curr]['nav_bar_bottom']);
            $('#slide_img'+curr).fadeIn('slow', function(){
                $('#slide_img'+last).hide();
            });
        }
    });
}