// JavaScript Document
jQuery(document).ready(function($) {
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 980;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  var s1cp = 0;
  var s2cp = 0;
  var s3cp = 0;
  var s4cp = 0;
  var s5cp = 0;
  var s6cp = 0;
  var s7cp = 0;
  var p1 = -2;
  var p2 = -1;
  var p3 = 0;
  var p4 = 1;
  var p5 = 2;
  var p6 = 3;
  var p7 = 4;
  var p8 = 5;
  var contentHeight = $(window).height();;
  var jhscale = 100;
  //var leftoffset = 0;

$('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

function jhresiz() {
 
 /*if ((contentHeight) < '640' && (contentHeight) > '550') {
	 jhscale = Math.round((contentHeight / 660) * 100)/100;
 $('.fluidimage').attr('height', Math.round(470 * (jhscale)));
$('.fluidimage').attr('width', Math.round(980 * (jhscale)));
$('#pagination').css('top', Math.round(430 * (jhscale)));
$('#pagination').css('width', Math.round(980 * (jhscale)));
$('#slideshow').css('height', Math.round(470 * (jhscale)));
$('#slideshow').css('width', Math.round(980 * (jhscale)));
$('#slidesContainer').css('height', Math.round(470 * (jhscale)));
$('#slidesContainer').css('width', Math.round(980 * (jhscale)));
$('#homeslideshow').css('height', Math.round(470 * (jhscale)));
$('#homeslideshow').css('width', Math.round(980 * (jhscale)));
$('#homeslideshow2').css('top', Math.round(530 * (jhscale)));
//$('#content').css('min-height', Math.round(510 * (jhscale)));
//$('#content').css('width', Math.round(980 * (jhscale)));
slideWidth = Math.round(980 * (jhscale));
$('#s1').css('width', Math.round(980 * (jhscale)));
$('#s2').css('width', Math.round(980 * (jhscale)));
$('#s3').css('width', Math.round(980 * (jhscale)));
$('#s4').css('width', Math.round(980 * (jhscale)));
$('#s5').css('width', Math.round(980 * (jhscale)));
$('#s6').css('width', Math.round(980 * (jhscale)));
$('#s7').css('width', Math.round(980 * (jhscale)));
$('#slideshow').css('left', ((980 - slideWidth)/2));
$('#leftControl').css('top', (220 - (980 - slideWidth)/2));
$('#rightControl').css('top', (220 - (980 - slideWidth)/2));
$('#slidecoverr').css('left', (980 - (980 - slideWidth)));
$('#hslide4').css('height', Math.round(470 * (jhscale)));
$('#hslide4').css('width', Math.round(980 * (jhscale)));
$('#s4div1').css('padding-top', Math.round(32 - (200 - (200 * (jhscale)))));
$('#s4div1').css('left', Math.round(480 - (500 - (500 * (jhscale)))));
$('.homeslidebox1').css('top', Math.round(350 - (463 - (463 * (jhscale)))));
$('.homeslidebox1').css('width', Math.round(980 * (jhscale)));
 } */
if ((contentHeight) > '659') 
 {
slideWidth = 980;
$('.fluidimage').attr('height', 470);
$('.fluidimage').attr('width', 980);
$('#pagination').css('top', 430);
$('#pagination').css('width', 980);
$('#slideshow').css('height', 470);
$('#slideshow').css('width', 980);
$('#slidesContainer').css('height', 470);
$('#slidesContainer').css('width', 980);
$('#homeslideshow').css('height', 470);
$('#homeslideshow').css('width', 980);
$('#homeslideshow2').css('top', 530);
$('#s1').css('width', 980);
$('#s2').css('width', 980);
$('#s3').css('width', 980);
$('#s4').css('width', 980);
$('#s5').css('width', 980);
$('#s6').css('width', 980);
$('#s7').css('width', 980);
$('#slideshow').css('left', 0);
$('#leftControl').css('top', 190);
$('#rightControl').css('top', 190);
$('#slidecoverr').css('left', 980);
$('.homeslidebox1').css('top', 350);
$('.homeslidebox1').css('width', 980);
$('.homeslidebox3').css('width', 740);
$('.full-width-content #content').css('min-height', 540);
 } 
  else if ((contentHeight) < '660' && (contentHeight) > '639')
 {
slideWidth = 951;
$('.fluidimage').attr('height', 456);
$('.fluidimage').attr('width', 951);
$('#pagination').css('top', 417);
$('#pagination').css('width', 951);
$('#slideshow').css('height', 456);
$('#slideshow').css('width', 951);
$('#slidesContainer').css('height', 456);
$('#slidesContainer').css('width', 951);
$('#homeslideshow').css('height', 456);
$('#homeslideshow').css('width', 951);
$('#homeslideshow2').css('top', 516);
$('#s1').css('width', 951);
$('#s2').css('width', 951);
$('#s3').css('width', 951);
$('#s4').css('width', 951);
$('#s5').css('width', 951);
$('#s6').css('width', 951);
$('#s7').css('width', 951);
$('#slideshow').css('left', 15);
$('#leftControl').css('top', 183);
$('#rightControl').css('top', 183);
$('#slidecoverr').css('left', 951);
$('.homeslidebox1').css('top', 336);
$('.homeslidebox1').css('width', 951);
$('.homeslidebox3').css('width', 712);
$('.full-width-content #content').css('min-height', 526);
 } 
 else if ((contentHeight) < '640' && (contentHeight) > '619')
 {
slideWidth = 921;
$('.fluidimage').attr('height', 442);
$('.fluidimage').attr('width', 921);
$('#pagination').css('top', 402);
$('#pagination').css('width', 921);
$('#slideshow').css('height', 442);
$('#slideshow').css('width', 921);
$('#slidesContainer').css('height', 442);
$('#slidesContainer').css('width', 921);
$('#homeslideshow').css('height', 442);
$('#homeslideshow').css('width', 921);
$('#homeslideshow2').css('top', 502);
$('#s1').css('width', 921);
$('#s2').css('width', 921);
$('#s3').css('width', 921);
$('#s4').css('width', 921);
$('#s5').css('width', 921);
$('#s6').css('width', 921);
$('#s7').css('width', 921);
$('#slideshow').css('left', 30);
$('#leftControl').css('top', 177);
$('#rightControl').css('top', 177);
$('#slidecoverr').css('left', 921);
$('.homeslidebox1').css('top', 322);
$('.homeslidebox1').css('width', 921);
$('.homeslidebox3').css('width', 684);
$('.full-width-content #content').css('min-height', 512);
 } 
 else if ((contentHeight) < '620' && (contentHeight) > '599')
 {
slideWidth = 892;
$('.fluidimage').attr('height', 428);
$('.fluidimage').attr('width', 892);
$('#pagination').css('top', 388);
$('#pagination').css('width', 892);
$('#slideshow').css('height', 428);
$('#slideshow').css('width', 892);
$('#slidesContainer').css('height', 428);
$('#slidesContainer').css('width', 892);
$('#homeslideshow').css('height', 428);
$('#homeslideshow').css('width', 892);
$('#homeslideshow2').css('top', 488);
$('#s1').css('width', 892);
$('#s2').css('width', 892);
$('#s3').css('width', 892);
$('#s4').css('width', 892);
$('#s5').css('width', 892);
$('#s6').css('width', 892);
$('#s7').css('width', 892);
$('#slideshow').css('left', 44);
$('#leftControl').css('top', 200);
$('#rightControl').css('top', 200);
$('#slidecoverr').css('left', 892);
$('.homeslidebox1').css('top', 308);
$('.homeslidebox1').css('width', 892);
$('.homeslidebox3').css('width', 656);
$('.full-width-content #content').css('min-height', 498);
 } 
 else if ((contentHeight) < '600' && (contentHeight) > '579')
 {
slideWidth = 862;
$('.fluidimage').attr('height', 413);
$('.fluidimage').attr('width', 862);
$('#pagination').css('top', 373);
$('#pagination').css('width', 862);
$('#slideshow').css('height', 413);
$('#slideshow').css('width', 862);
$('#slidesContainer').css('height', 413);
$('#slidesContainer').css('width', 862);
$('#homeslideshow').css('height', 413);
$('#homeslideshow').css('width', 862);
$('#homeslideshow2').css('top', 473);
$('#s1').css('width', 862);
$('#s2').css('width', 862);
$('#s3').css('width', 862);
$('#s4').css('width', 862);
$('#s5').css('width', 862);
$('#s6').css('width', 862);
$('#s7').css('width', 862);
$('#slideshow').css('left', 59);
$('#leftControl').css('top', 164);
$('#rightControl').css('top', 164);
$('#slidecoverr').css('left', 862);
$('.homeslidebox1').css('top', 293);
$('.homeslidebox1').css('width', 862);
$('.homeslidebox3').css('width', 628);
$('.full-width-content #content').css('min-height', 483);
 } 
 else if ((contentHeight) < '580') 
 {
slideWidth = 833;
$('.fluidimage').attr('height', 399);
$('.fluidimage').attr('width', 833);
$('#pagination').css('top', 359);
$('#pagination').css('width', 833);
$('#slideshow').css('height', 399);
$('#slideshow').css('width', 833);
$('#slidesContainer').css('height', 399);
$('#slidesContainer').css('width', 833);
$('#homeslideshow').css('height', 399);
$('#homeslideshow').css('width', 833);
$('#homeslideshow2').css('top', 459);
$('#s1').css('width', 833);
$('#s2').css('width', 833);
$('#s3').css('width', 833);
$('#s4').css('width', 833);
$('#s5').css('width', 833);
$('#s6').css('width', 833);
$('#s7').css('width', 833);
$('#slideshow').css('left', 73);
$('#leftControl').css('top', 157);
$('#rightControl').css('top', 157);
$('#slidecoverr').css('left', 833);
$('.homeslidebox1').css('top', 279);
$('.homeslidebox1').css('width', 833);
$('.homeslidebox3').css('width', 600);
$('.full-width-content #content').css('min-height', 469);
 }
 
 }



jhresiz();
 

 $(window).resize(function(){
	 contentHeight = $(window).height();
 	jhresiz();
 
 if(currentPosition==0){
	 s1cp = ((p3 * slideWidth));
		s2cp = ((p4 * slideWidth));
		s3cp = ((p5 * slideWidth));
		s4cp = ((p6 * slideWidth));
		s5cp = ((p7 * slideWidth));
		s6cp = ((p8 * slideWidth));
		s7cp = ((p2 * slideWidth));
  	$('#s1').css({
      'left' : s1cp
    });
	$('#s2').css({
      'left' : s2cp
    });
	$('#s3').css({
      'left' : s3cp
    });
	$('#s4').css({
      'left' : s4cp
    });
	$('#s5').css({
      'left' : s5cp
    });
	$('#s6').css({
      'left' : s6cp
    });
	$('#s7').css({
      'left' : s7cp
    });	
	 };
if(currentPosition==1){
	 s1cp = ((p2 * slideWidth));
		s2cp = ((p3 * slideWidth));
		s3cp = ((p4 * slideWidth));
		s4cp = ((p5 * slideWidth));
		s5cp = ((p6 * slideWidth));
		s6cp = ((p7 * slideWidth));
		s7cp = ((p8 * slideWidth));
  	$('#s1').css({
      'left' : s1cp
    });
	$('#s2').css({
      'left' : s2cp
    });
	$('#s3').css({
      'left' : s3cp
    });
	$('#s4').css({
      'left' : s4cp
    });
	$('#s5').css({
      'left' : s5cp
    });
	$('#s6').css({
      'left' : s6cp
    });
	$('#s7').css({
      'left' : s7cp
    });		
	 };
if(currentPosition==2){
	 s1cp = ((p8 * slideWidth));
		s2cp = ((p2 * slideWidth));
		s3cp = ((p3 * slideWidth));
		s4cp = ((p4 * slideWidth));
		s5cp = ((p5 * slideWidth));
		s6cp = ((p6 * slideWidth));
		s7cp = ((p7 * slideWidth));
  	$('#s1').css({
      'left' : s1cp
    });
	$('#s2').css({
      'left' : s2cp
    });
	$('#s3').css({
      'left' : s3cp
    });
	$('#s4').css({
      'left' : s4cp
    });
	$('#s5').css({
      'left' : s5cp
    });
	$('#s6').css({
      'left' : s6cp
    });
	$('#s7').css({
      'left' : s7cp
    });		
	 };
if(currentPosition==3){
	 s1cp = ((p7 * slideWidth));
		s2cp = ((p8 * slideWidth));
		s3cp = ((p2 * slideWidth));
		s4cp = ((p3 * slideWidth));
		s5cp = ((p4 * slideWidth));
		s6cp = ((p5 * slideWidth));
		s7cp = ((p6 * slideWidth));
  	$('#s1').css({
      'left' : s1cp
    });
	$('#s2').css({
      'left' : s2cp
    });
	$('#s3').css({
      'left' : s3cp
    });
	$('#s4').css({
      'left' : s4cp
    });		
	$('#s5').css({
      'left' : s5cp
    });
	$('#s6').css({
      'left' : s6cp
    });
	$('#s7').css({
      'left' : s7cp
    });		
	 };
	 
if(currentPosition==4){
	 s1cp = ((p6 * slideWidth));
		s2cp = ((p7 * slideWidth));
		s3cp = ((p8 * slideWidth));
		s4cp = ((p2 * slideWidth));
		s5cp = ((p3 * slideWidth));
		s6cp = ((p4 * slideWidth));
		s7cp = ((p5 * slideWidth));
  	$('#s1').css({
      'left' : s1cp
    });
	$('#s2').css({
      'left' : s2cp
    });
	$('#s3').css({
      'left' : s3cp
    });
	$('#s4').css({
      'left' : s4cp
    });	
	$('#s5').css({
      'left' : s5cp
    });
	$('#s6').css({
      'left' : s6cp
    });
	$('#s7').css({
      'left' : s7cp
    });		
	 };
	
if(currentPosition==5){
	 s1cp = ((p5 * slideWidth));
		s2cp = ((p6 * slideWidth));
		s3cp = ((p7 * slideWidth));
		s4cp = ((p8 * slideWidth));
		s5cp = ((p2 * slideWidth));
		s6cp = ((p3 * slideWidth));
		s7cp = ((p4 * slideWidth));
  	$('#s1').css({
      'left' : s1cp
    });
	$('#s2').css({
      'left' : s2cp
    });
	$('#s3').css({
      'left' : s3cp
    });
	$('#s4').css({
      'left' : s4cp
    });	
	$('#s5').css({
      'left' : s5cp
    });
	$('#s6').css({
      'left' : s6cp
    });
	$('#s7').css({
      'left' : s7cp
    });			
	 };

if(currentPosition==6){
	 s1cp = ((p4 * slideWidth));
		s2cp = ((p5 * slideWidth));
		s3cp = ((p6 * slideWidth));
		s4cp = ((p7 * slideWidth));
		s5cp = ((p8 * slideWidth));
		s6cp = ((p2 * slideWidth));
		s7cp = ((p3 * slideWidth));
  	$('#s1').css({
      'left' : s1cp
    });
	$('#s2').css({
      'left' : s2cp
    });
	$('#s3').css({
      'left' : s3cp
    });
	$('#s4').css({
      'left' : s4cp
    });
	$('#s5').css({
      'left' : s5cp
    });
	$('#s6').css({
      'left' : s6cp
    });
	$('#s7').css({
      'left' : s7cp
    });		
	 };
	 
	  
 });



  
	$('#s1').css({
      'left' : ((p3 * slideWidth))
    });
	$('#s2').css({
      'left' : ((p4 * slideWidth))
    });
	$('#s3').css({
      'left' : ((p5 * slideWidth))
    });
	$('#s4').css({
      'left' : ((p6 * slideWidth))
    });
	$('#s5').css({
      'left' : ((p7 * slideWidth))
    });
	$('#s6').css({
      'left' : ((p8 * slideWidth))
    });
	$('#s7').css({
      'left' : ((p2 * slideWidth))
    });
	s1cp = ((p3 * slideWidth));
	s2cp = ((p4 * slideWidth));
	s3cp = ((p5 * slideWidth));
	s4cp = ((p6 * slideWidth));
	s5cp = ((p7 * slideWidth));
	s6cp = ((p8 * slideWidth));
	s7cp = ((p2 * slideWidth));

  $('#slidesContainer').css('overflow', 'visible');

  slides
    .wrapAll('<div id="slideInner"></div>')
	.css({'width' : slideWidth});


  // Insert controls in the DOM
  
	
  $('.slidepos1').css('background-color' , '#3A63A0')
	 
function rwrapper(){
	
    if(s1cp==(((p1 * slideWidth)))){ $('#s1').css({
      'left' : ((p8 * slideWidth))
    }); 
	s1cp=(((p8 * slideWidth)));} 
	if(s2cp==(((p1 * slideWidth)))){ $('#s2').css({
      'left' : ((p8 * slideWidth))
    }); 
	s2cp=(((p8 * slideWidth)));} 
	if(s3cp==(((p1 * slideWidth)))){ $('#s3').css({
      'left' : ((p8 * slideWidth))
    }); 
	s3cp=(((p8 * slideWidth)));} 
	if(s4cp==(((p1 * slideWidth)))){ $('#s4').css({
      'left' : ((p8 * slideWidth))
    }); 
	s4cp=(((p8 * slideWidth)));} 
	if(s5cp==(((p1 * slideWidth)))){ $('#s5').css({
      'left' : ((p8 * slideWidth))
    }); 
	s5cp=(((p8 * slideWidth)));} 
	if(s6cp==(((p1 * slideWidth)))){ $('#s6').css({
      'left' : ((p8 * slideWidth))
    }); 
	s6cp=(((p8 * slideWidth)));} 
	if(s7cp==(((p1 * slideWidth)))){ $('#s7').css({
      'left' : ((p8 * slideWidth))
    }); 
	s7cp=(((p8 * slideWidth)));} 
  }	
  
function lwrapper(){
	
    if(s1cp==(((p8 * slideWidth)))){ $('#s1').css({
      'left' : ((p1 * slideWidth))
    }); 
	s1cp=(((p1 * slideWidth)));} 
	if(s2cp==(((p8 * slideWidth)))){ $('#s2').css({
      'left' : ((p1 * slideWidth))
    }); 
	s2cp=(((p1 * slideWidth)));} 
	if(s3cp==(((p8 * slideWidth)))){ $('#s3').css({
      'left' : ((p1 * slideWidth))
    }); 
	s3cp=(((p1 * slideWidth)));} 
	if(s4cp==(((p8 * slideWidth)))){ $('#s4').css({
      'left' : ((p1 * slideWidth))
    }); 
	s4cp=(((p1 * slideWidth)));} 
	if(s5cp==(((p8 * slideWidth)))){ $('#s5').css({
      'left' : ((p1 * slideWidth))
    }); 
	s5cp=(((p1 * slideWidth)));} 
	if(s6cp==(((p8 * slideWidth)))){ $('#s6').css({
      'left' : ((p1 * slideWidth))
    }); 
	s6cp=(((p1 * slideWidth)));} 
	if(s7cp==(((p8 * slideWidth)))){ $('#s7').css({
      'left' : ((p1 * slideWidth))
    }); 
	s7cp=(((p1 * slideWidth)));} 
  }	


$('#rightControl').click(function(){
		
	//manageControls(currentPosition);
	currentPosition = currentPosition+1;
	if(currentPosition==7){currentPosition=0};
	managePagination();
	rwrapper();
	s1cp = (s1cp - slideWidth);
	s2cp = (s2cp - slideWidth);
	s3cp = (s3cp - slideWidth);
	s4cp = (s4cp - slideWidth);
	s5cp = (s5cp - slideWidth);
	s6cp = (s6cp - slideWidth);
	s7cp = (s7cp - slideWidth);
	
    $('#s1').animate({
      'left' : s1cp
    }, 200);
	$('#s2').animate({
      'left' : s2cp
    }, 200);
	$('#s3').animate({
      'left' : s3cp
    }, 200);
	$('#s4').animate({
      'left' : s4cp
    }, 200);
	$('#s5').animate({
      'left' : s5cp
    }, 200);
	$('#s6').animate({
      'left' : s6cp
    }, 200);
	$('#s7').animate({
      'left' : s7cp
    }, 200);
  });

$('#leftControl').click(function(){
		
	currentPosition = currentPosition-1;
	if(currentPosition==-1){currentPosition=6};
	managePagination();
	lwrapper();
	s1cp = (s1cp + slideWidth);
	s2cp = (s2cp + slideWidth);
	s3cp = (s3cp + slideWidth);
	s4cp = (s4cp + slideWidth);
	s5cp = (s5cp + slideWidth);
	s6cp = (s6cp + slideWidth);
	s7cp = (s7cp + slideWidth);
	
    $('#s1').animate({
      'left' : s1cp
    }, 200);
	$('#s2').animate({
      'left' : s2cp
    }, 200);
	$('#s3').animate({
      'left' : s3cp
    }, 200);
	$('#s4').animate({
      'left' : s4cp
    }, 200);
	$('#s5').animate({
      'left' : s5cp
    }, 200);
	$('#s6').animate({
      'left' : s6cp
    }, 200);
	$('#s7').animate({
      'left' : s7cp
    }, 200);
  });


  // manageControls: Hides and Shows controls depending on currentPosition
  function managePagination(){
	if(currentPosition==0){ $('.slidepos1').css('background-color' , '#3A63A0')} else { $('.slidepos1').css('background-color' , '#DDDDDD')}
	if(currentPosition==1){ $('.slidepos2').css('background-color' , '#3A63A0')} else { $('.slidepos2').css('background-color' , '#DDDDDD')}
	if(currentPosition==2){ $('.slidepos3').css('background-color' , '#3A63A0')} else { $('.slidepos3').css('background-color' , '#DDDDDD')}
	if(currentPosition==3){ $('.slidepos4').css('background-color' , '#3A63A0')} else { $('.slidepos4').css('background-color' , '#DDDDDD')}
	if(currentPosition==4){ $('.slidepos5').css('background-color' , '#3A63A0')} else { $('.slidepos5').css('background-color' , '#DDDDDD')}
	if(currentPosition==5){ $('.slidepos6').css('background-color' , '#3A63A0')} else { $('.slidepos6').css('background-color' , '#DDDDDD')}
	if(currentPosition==6){ $('.slidepos7').css('background-color' , '#3A63A0')} else { $('.slidepos7').css('background-color' , '#DDDDDD')}
  }	
  
  
 $('.slidepos1').click(function(){
		currentPosition = 0;
		managePagination();
		s1cp = ((p3 * slideWidth));
		s2cp = ((p4 * slideWidth));
		s3cp = ((p5 * slideWidth));
		s4cp = ((p6 * slideWidth));
		s5cp = ((p7 * slideWidth));
		s6cp = ((p8 * slideWidth));
		s7cp = ((p2 * slideWidth));
  	$('#s1').animate({
      'left' : s1cp
    });
	$('#s2').animate({
      'left' : s2cp
    });
	$('#s3').animate({
      'left' : s3cp
    });
	$('#s4').animate({
      'left' : s4cp
    });
	$('#s5').animate({
      'left' : s5cp
    });
	$('#s6').animate({
      'left' : s6cp
    });
	$('#s7').animate({
      'left' : s7cp
    });		
  }); 
   
  $('.slidepos2').click(function(){
		currentPosition = 1;
		managePagination();
		s1cp = ((p2 * slideWidth));
		s2cp = ((p3 * slideWidth));
		s3cp = ((p4 * slideWidth));
		s4cp = ((p5 * slideWidth));
		s5cp = ((p6 * slideWidth));
		s6cp = ((p7 * slideWidth));
		s7cp = ((p8 * slideWidth));
  	$('#s1').animate({
      'left' : s1cp
    });
	$('#s2').animate({
      'left' : s2cp
    });
	$('#s3').animate({
      'left' : s3cp
    });
	$('#s4').animate({
      'left' : s4cp
    });
	$('#s5').animate({
      'left' : s5cp
    });
	$('#s6').animate({
      'left' : s6cp
    });
	$('#s7').animate({
      'left' : s7cp
    });		
  }); 
  
  $('.slidepos3').click(function(){
		currentPosition = 2;
		managePagination();
		s1cp = ((p8 * slideWidth));
		s2cp = ((p2 * slideWidth));
		s3cp = ((p3 * slideWidth));
		s4cp = ((p4 * slideWidth));
		s5cp = ((p5 * slideWidth));
		s6cp = ((p6 * slideWidth));
		s7cp = ((p7 * slideWidth));
  	$('#s1').animate({
      'left' : s1cp
    });
	$('#s2').animate({
      'left' : s2cp
    });
	$('#s3').animate({
      'left' : s3cp
    });
	$('#s4').animate({
      'left' : s4cp
    });
	$('#s5').animate({
      'left' : s5cp
    });
	$('#s6').animate({
      'left' : s6cp
    });
	$('#s7').animate({
      'left' : s7cp
    });		
  }); 
  
  $('.slidepos4').click(function(){
		currentPosition = 3;
  		managePagination();
		s1cp = ((p7 * slideWidth));
		s2cp = ((p8 * slideWidth));
		s3cp = ((p2 * slideWidth));
		s4cp = ((p3 * slideWidth));
		s5cp = ((p4 * slideWidth));
		s6cp = ((p5 * slideWidth));
		s7cp = ((p6 * slideWidth));
  	$('#s1').animate({
      'left' : s1cp
    });
	$('#s2').animate({
      'left' : s2cp
    });
	$('#s3').animate({
      'left' : s3cp
    });
	$('#s4').animate({
      'left' : s4cp
    });		
	$('#s5').animate({
      'left' : s5cp
    });
	$('#s6').animate({
      'left' : s6cp
    });
	$('#s7').animate({
      'left' : s7cp
    });		
  });
  
  $('.slidepos5').click(function(){
		currentPosition = 4;
  		managePagination();
		s1cp = ((p6 * slideWidth));
		s2cp = ((p7 * slideWidth));
		s3cp = ((p8 * slideWidth));
		s4cp = ((p2 * slideWidth));
		s5cp = ((p3 * slideWidth));
		s6cp = ((p4 * slideWidth));
		s7cp = ((p5 * slideWidth));
  	$('#s1').animate({
      'left' : s1cp
    });
	$('#s2').animate({
      'left' : s2cp
    });
	$('#s3').animate({
      'left' : s3cp
    });
	$('#s4').animate({
      'left' : s4cp
    });	
	$('#s5').animate({
      'left' : s5cp
    });
	$('#s6').animate({
      'left' : s6cp
    });
	$('#s7').animate({
      'left' : s7cp
    });			
  });
  
  $('.slidepos6').click(function(){
		currentPosition = 5;
  		managePagination();
		s1cp = ((p5 * slideWidth));
		s2cp = ((p6 * slideWidth));
		s3cp = ((p7 * slideWidth));
		s4cp = ((p8 * slideWidth));
		s5cp = ((p2 * slideWidth));
		s6cp = ((p3 * slideWidth));
		s7cp = ((p4 * slideWidth));
  	$('#s1').animate({
      'left' : s1cp
    });
	$('#s2').animate({
      'left' : s2cp
    });
	$('#s3').animate({
      'left' : s3cp
    });
	$('#s4').animate({
      'left' : s4cp
    });	
	$('#s5').animate({
      'left' : s5cp
    });
	$('#s6').animate({
      'left' : s6cp
    });
	$('#s7').animate({
      'left' : s7cp
    });			
  });
  
  $('.slidepos7').click(function(){
		currentPosition = 6;
  		managePagination();
		s1cp = ((p4 * slideWidth));
		s2cp = ((p5 * slideWidth));
		s3cp = ((p6 * slideWidth));
		s4cp = ((p7 * slideWidth));
		s5cp = ((p8 * slideWidth));
		s6cp = ((p2 * slideWidth));
		s7cp = ((p3 * slideWidth));
  	$('#s1').animate({
      'left' : s1cp
    });
	$('#s2').animate({
      'left' : s2cp
    });
	$('#s3').animate({
      'left' : s3cp
    });
	$('#s4').animate({
      'left' : s4cp
    });
	$('#s5').animate({
      'left' : s5cp
    });
	$('#s6').animate({
      'left' : s6cp
    });
	$('#s7').animate({
      'left' : s7cp
    });		
  });
   
});


});