$(document).ready(function(){ 
  //CODE FOR ACTIVE MENU CLASS
  $(function() {                
    var path = location.pathname;
            
    if (path) {
      $('#menu ul li a[href$="' + path + '"]').parent().attr('class', 'active');
    }
  });
  
  
  //ANIMATIONS FOR INDIVIDUAL PIECES IN THE 'MORE' ON PORTFOLIO
  $("#sec_more span").fadeTo("fast", 0.0);

  $("#sec_more span").hover(function(){
      $(this).stop().fadeTo("fast", 1.0); // This sets the opacity to 100% on hover
  },function(){
      $(this).stop().fadeTo("slow", 0.0); // This sets the opacity back to 60% on mouseout
  });
  
  //ABOVE DUPLICATED FOR CASE STUDIES
  $("#sec_more_case span").fadeTo("fast", 0.0);

  $("#sec_more_case span").hover(function(){
      $(this).stop().fadeTo("fast", 1.0); // This sets the opacity to 100% on hover
  },function(){
      $(this).stop().fadeTo("slow", 0.0); // This sets the opacity back to 60% on mouseout
  });
  
  
  //ANIMATIONS FOR THE 'MORE' ON PORTFOLIO
  $('.showonly a').click(function(e){
    var myId = $(this).attr('class');
    
    //$('#sec_more .child:not(.' + myId + ')').fadeOut(500);
    $('#sec_more .child').fadeOut(300).delay(200);
    $('#sec_more .child.' + myId).delay(200).fadeIn(300);
    
    $('#sec_more li').removeClass('current');
    $(this).parent().addClass('current');
    return false;
  });
  $('.showonly a.all').click(function(e){
    $('#morethumbs').fadeOut(300).delay(200).fadeIn(300);
    $('#sec_more .child').fadeIn(200);
    
    $(this).parent().addClass('current');
    return false;
  });
  if(window.location=="http://www.greenshootsdesign.co.uk/our-work") {
  	$('html,body').animate({ scrollTop: $('#sec_more').offset().top }, { duration: 1500, easing: 'swing'});
  }
  
  //JQUERY FOR CONTACT FORM
  //Hide (Collapse) the toggle containers on load
  $("#submit_project").hide(); 

  //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
  $("#morebutton").click(function(){
    $('#submit_project').slideToggle("slow");
    return false; 
  });
  
  $('#morebutton').toggle(
    function () {
        $(this).text('Nevermind');
      },
      function () {
          $(this).text('Add project planner');
      }
  );
  
  //JQUERY FOR CASE STUDY IMAGE SLIDER
  $('#photos').galleryView({
      panel_width: 460,
      panel_height: 420,
      show_filmstrip: false,
      transition_speed: 500,
      transition_interval: 2000000,
      nav_theme: 'dark',
      pause_on_hover: true
  });
  
  //FORM VALIDATION ON CONTACT US
  //Define vars
  var form = $("#contact_form");  
  var name = $("#contact_name");    
  var email = $("#contact_email");   
  var message = $("#contact_message");
  var reqName = $("#req_name");
  var reqMessage = $("#req_message");
  var reqEmail = $("#req_email");
  //Define functions
  function validateName(){  
    //if it's NOT valid  
    if(name.val()==''){  
        name.addClass("formerror");
        reqName.addClass("error");
        return false;  
    }  
    //if it's valid  
    else{  
        name.removeClass("formerror");
        reqName.removeClass("error"); 
        return true;  
    }  
  }
  function validateEmail(){  
    //if it's NOT valid  
    if(email.val()==''){  
        email.addClass("formerror");
        reqEmail.addClass("error");
        return false;  
    }  
    //if it's valid  
    else{  
        email.removeClass("formerror");
        reqEmail.removeClass("error"); 
        return true;  
    }  
  }
  function validateMessage(){  
    //if it's NOT valid  
    if(message.val()==''){  
        message.addClass("formerror");
        reqMessage.addClass("error");
        return false;  
    }  
    //if it's valid  
    else{  
        message.removeClass("formerror");
        reqMessage.removeClass("error"); 
        return true;  
    }  
  }
  //On blur  
  name.blur(validateName);  
  email.blur(validateEmail);  
  message.blur(validateMessage); 

});