$(document).ready(function() {

   // work menu

 

  $('a.link-openprojectbox').click(function () {



    if ($("#project-box-main").hasClass('testclass')) {

	     $("#project-box").slideUp(600); 
		  $("#project-box-inner").slideUp(600); 

	     $("a.link-closeprojectbox").slideUp(700);  

	     $("#project-box-main").removeClass('testclass');

	} else {

     	 $("#project-box-main").addClass('visible');	

		 $("#project-box").hide();	

 $("#project-box-inner").hide();	

	     $("a.link-closeprojectbox").slideDown();

	     $("#project-box").slideDown(600); 

		     $("#project-box-inner").slideDown(600); 

		 if ($("#project-box-main").hasClass('visible')) {

		   $("#project-box-main").addClass('testclass');	

		 }

    }

	});

  

	

	$('a.link-closeprojectbox').click(function () {

	   $("#project-box").slideUp(600); 
   $("#project-box-inner").slideUp(600); 
	   $("a.link-closeprojectbox").slideUp(700);  

	   $("#project-box-main").removeClass('testclass');

	});

	

	var startOnSlide = 0;
	
	if(typeof(startingSlide) !== 'undefined') {
		startOnSlide = startingSlide;
	}
	

	 $('#list-projects').cycle({
		  fx:     'fade',
          timeout: 0,
          pause:   0,
		  next:   '.next-project',
          prev:   '.prev-project',
		  after: onAfterProjectList,
		  startingSlide: startOnSlide
     });

	 

	 // change next/prev class

	 function onAfterProjectList(curr, next, opts, fwd) {

         var index = opts.currSlide;


		 if (index == 0) {

		   $('.prev-project').addClass('inactive');

		   $('.next-project').removeClass('inactive');

		 } else if (index ==opts.slideCount - 1){

		   $('.next-project').addClass('inactive');

		   $('.prev-project').removeClass('inactive');

		 } else {

		   $('.next-project').removeClass('inactive');

		   $('.prev-project').removeClass('inactive');

		 }



     }

	// move the previous and next arrows with the window
	if($('.portfolio-nav-button').length > 0) {
	    var $widget = $(".portfolio-nav-button");
	    var $window = $(window);
	    var $offset = $widget.offset();
	    var $initialMargin = $widget.css('marginTop');

	    $window.scroll(function() {
	        if ($window.scrollTop() > $offset.top) {
	            $widget.stop().animate({
	                marginTop: $window.scrollTop() - $offset.top + 200
	            });
	        } else {
	            $widget.stop().animate({
	                marginTop: $initialMargin
	            });
	        }
	    });
	}

});