$(document).ready(function(){
	var currentPosition = 0;
    
  var slideWidth = 702;
  $('.slide_container').css('overflow', 'hidden');
  
  var slides = $('.slide1');
  
  var numberOfSlides = slides.length;
  
  slides.wrapAll('<div id="slideInner"></div>'); 
  slidecss(slides);
  
  slideinside('slideInner');
  
  $('.work_cont')
    .prepend('<div class="left_wrap"><span class="control" id="leftControl"></span></div><div class="slide_top"><div class="arrowWrap"><span class="topControl" id="rightControlTop"></span><span class="disableTop" id="rightControlTopDisbale"></span><span class="topControl" id="leftControlTop"></span><span class="disableTop" id="leftControlTopDisbale"></span></div><p class="total_slides">0</p><p>/</p><p class="current_slide">0</p></div>')
    .append('<div class="right_wrap"><span class="control" id="rightControl"></span></div>');
  
  $('#leftControl').hide();
  
  $('#leftControlTop').hide();
  $('#leftControlTopDisbale').css({'opacity' : '0.5'});
  $('#rightControlTopDisbale').hide();
  $('#rightControlTopDisbale').css({'opacity' : '0.5'});
  
  $('p.total_slides').text(numberOfSlides);
  $('p.current_slide').text('1');
  setopacityzero('leftControl');
  setopacityone('rightControl');
  manageControls(currentPosition); 

  // Create event listeners for .controls clicks
  $('.control').bind('click', function(){ currentPosition = (
  	$(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
	moveslide(currentPosition, 'slideInner');
	$('p.current_slide').text(currentPosition+1);
	manageControls(currentPosition, 'leftControl', 'rightControl', numberOfSlides);
  });
  $('.topControl').bind('click', function(){ currentPosition = (
  	$(this).attr('id')=='rightControlTop') ? currentPosition+1 : currentPosition-1;
	moveslide(currentPosition, 'slideInner');
	$('p.current_slide').text(currentPosition+1);
	manageTopControls(currentPosition, 'leftControlTop', 'rightControlTop', numberOfSlides);
  });
   
  /* Functions */ 
  function over(event) { $(this).show(); $(this).animate({opacity: 1}, 300);}
  function out(event) { $(this).animate({opacity: 0}, 300); }
  function slidecss(slideinside) { slideinside.css({'float' : 'left', 'width' : slideWidth });}
  function slideinside(slidein) { $('#' + slidein).css('width', slideWidth * numberOfSlides);}
  function setopacityzero(control) { $('#' + control).css({opacity: 0}); }
  function setopacityone(control) { $('#' + control).css({opacity: 1});  }
  function moveslide(curpos, slideinner) {
    $('#' + slideinner).animate({
      'marginLeft' : slideWidth*(-curpos)
    }, 700);
  }
  function manageControls(position, leftco, rightco, slidesnum){
    if(position==0){
    
    	$('#' + 'leftControlTopDisbale').show();
		$('#' + 'leftControlTop').hide();
		
    	if ( $("#" + leftco).is(':hidden') ) { $("#" + leftco).hide();
        } else { $("#" + leftco).fadeOut(200); }
	} else {
		$('#' + 'leftControlTopDisbale').hide();
		$('#' + 'leftControlTop').show();
		
		$("#" + leftco).show();	
		$("#" + leftco).hover(over, out);
	}
    if(position==slidesnum-1){ 
    	$("#" + rightco).fadeOut(200); 
    	
    	$('#' + 'rightControlTopDisbale').show();
		$('#' + 'rightControlTop').hide();
    } else { 
    	$("#" + rightco).show(); 
    	$("#" + rightco).hover(over, out); 
    	
    	$('#' + 'rightControlTopDisbale').hide();
		$('#' + 'rightControlTop').show();
    }
   }
   
   function manageTopControls(position, leftco, rightco, slidesnum){
    if(position==0){
        $('#' + 'leftControlTopDisbale').show();
		$('#' + leftco).hide();
		
		$("#" + 'leftControl').hide();  
	} else {
		$('#' + 'leftControlTopDisbale').hide();
		$('#' + leftco).show();
		
		$("#" + 'leftControl').show();
		$("#" + 'leftControl').hover(over, out);
	}
    if(position==slidesnum-1){
    	$("#" + 'rightControl').fadeOut(200); 
    	
    	$('#' + 'rightControlTopDisbale').show();
		$('#' + rightco).hide(); 
    } else {
    	$("#" + 'rightControl').show();
    	$("#" + 'rightControl').animate({opacity: 0}, 300);
    	$("#" + 'rightControl').hover(over, out);
    	
    	$('#' + 'rightControlTopDisbale').hide();
		$('#' + rightco).show();
    }
   }
 });