jQuery().ready(function() {
  jQuery(".sidebar-slider-frame .slider-content").attr({ 
    style: "float:left;left:0px;"
  });
  //jQuery(".sidebar-slider-frame .slider-content:first").attr({ 
  //  style: ""
  //});
  jQuery(".sidebar-slider-frame .slider-content:first").addClass("curr");
  var mytemp = jQuery(".slider-content").length;
  if (jQuery(".sidebar-slider-frame .slider-content:first").next().html() != undefined){
    if (mytemp == 2){
    	jQuery(".the-slider").html('<div class="left">Further information</div><div class="right"><span class="backarrow back">&laquo;</span><span class="one act">1</span><span class="two">2</span><span class="nextarrow next">&raquo;</span></div>');
    }
    if (mytemp == 3){
	jQuery(".the-slider").html('<div class="left">Further information</div><div class="right"><span class="backarrow back">&laquo;</span><span class="one act">1</span><span class="two">2</span><span class="three">3</span><span class="nextarrow next">&raquo;</span></div>'); 
    }
    if (mytemp == 4){
	jQuery(".the-slider").html('<div class="left">Further information</div><div class="right"><span class="backarrow back">&laquo;</span><span class="one act">1</span><span class="two">2</span><span class="three">3</span><span class="four">4</span><span class="nextarrow next">&raquo;</span></div>'); 
    }
    if (mytemp == 5){
	jQuery(".the-slider").html('<div class="left">Further information</div><div class="right"><span class="backarrow back">&laquo;</span><span class="one act">1</span><span class="two">2</span><span class="three">3</span><span class="four">4</span><span class="five">5</span><span class="nextarrow next">&raquo;</span></div>'); 
    }
  }
  
  jQuery(".the-slider .next").click(function(){
  
  var mytemp = jQuery(".slider-content").length;
  var difference = jQuery(".slider-content").css("left");
    difference = difference.toString();
    if (difference == "0px"){
        var different = "0";
    }
    else{
        var different = difference.substr(1, difference.length-3);
    }
    different = parseFloat(different);
    var mymax = 258*(mytemp-1);
    
    if (mymax > different){
      jQuery(".slider-content").animate({
        "left": "-=258px"
      }, 1000, function() {
       	
      });
  }
  	if (!jQuery(".the-slider .act").hasClass("five")){
  		jQuery(".the-slider .act").next().addClass("act");
      		jQuery(".the-slider .act").first().removeClass("act");
      	}  	
  });

  jQuery(".the-slider .back").click(function(){
  
    if (jQuery(".slider-content").css("left") != "0px"){
      jQuery(".slider-content").animate({
        "left": "+=258px"
         }, 1000, function() {
      });
    } 
    if (!jQuery(".the-slider .act").hasClass("one")){
  		jQuery(".the-slider .act").prev().addClass("act");
      		jQuery(".the-slider .act").last().removeClass("act");
      	}
  });
  
  jQuery(".the-slider .one").click(function(){
    var difference = jQuery(".slider-content").css("left");
    difference = difference.toString();
    var different = difference.substr(1, difference.length-3);
    //different = parseFloat(different);
    different = "+="+different;
    jQuery(".slider-content").animate({
    "left": different
  }, 1000, function() {
  	jQuery(".the-slider .act").removeClass("act");
  	jQuery(".the-slider .one").addClass("act");
  }); 
  });
  
  
  jQuery(".the-slider .two").click(function(){
    var difference = jQuery(".slider-content").css("left");
    difference = difference.toString();
    if (difference == "0px"){
      var different = "-=258";
    }
    if (difference == "-258px"){
      var different = "-=0";
    }
    if (difference == "-516px"){
      var different = "+=258";
    }
    if (difference == "-774px"){
      var different = "+=516";
    }
    if (difference == "-1032px"){
      var different = "+=774";
    }
    jQuery(".slider-content").animate({
    "left": different
  }, 1000, function() {
  	jQuery(".the-slider .act").removeClass("act");
  	jQuery(".the-slider .two").addClass("act");
  }); 
  });
  
  jQuery(".the-slider .three").click(function(){
    var difference = jQuery(".slider-content").css("left");
    difference = difference.toString();
    if (difference == "0px"){
      var different = "-=516";
    }
    if (difference == "-258px"){
      var different = "-=258";
    }
    if (difference == "-516px"){
      var different = "+=0";
    }
    if (difference == "-774px"){
      var different = "+=258";
    }
    if (difference == "-1032px"){
      var different = "+=516";
    }
    jQuery(".slider-content").animate({
    "left": different
  }, 1000, function() {
  	jQuery(".the-slider .act").removeClass("act");
  	jQuery(".the-slider .three").addClass("act");
  }); 
  });
  
  jQuery(".the-slider .four").click(function(){
    var difference = jQuery(".slider-content").css("left");
    difference = difference.toString();
    if (difference == "0px"){
      var different = "-=774";
    }
    if (difference == "-258px"){
      var different = "-=516";
    }
    if (difference == "-516px"){
      var different = "-=258";
    }
    if (difference == "-774px"){
      var different = "+=0";
    }
    if (difference == "-1032px"){
      var different = "+=258";
    }
    jQuery(".slider-content").animate({
    "left": different
  }, 1000, function() {
  	jQuery(".the-slider .act").removeClass("act");
  	jQuery(".the-slider .four").addClass("act");
  }); 
  });
  
  jQuery(".the-slider .five").click(function(){
    var difference = jQuery(".slider-content").css("left");
    difference = difference.toString();
    if (difference == "0px"){
      var different = "-=1032";
    }
    if (difference == "-258px"){
      var different = "-=774";
    }
    if (difference == "-516px"){
      var different = "-=516";
    }
    if (difference == "-774px"){
      var different = "-=258";
    }
    if (difference == "-1032px"){
      var different = "+=0";
    }
    jQuery(".slider-content").animate({
    "left": different
  }, 1000, function() {
  	jQuery(".the-slider .act").removeClass("act");
  	jQuery(".the-slider .five").addClass("act");
  }); 
  });
 

});