jQuery(document).ready(function(){
   
   
   jQuery('a.light').fancybox({
       cyclic: true
   });
   
   //About Me slide down
   jQuery('#about-link, #about-close').click(function(){
      jQuery('#about').slideToggle('slow'); 
      return false;
   });
   
   
   
   
   // Portfolio Click
   
       jQuery('.port-thumb').not('.hidden').find('img').click(function(){
          if(document.documentElement.clientWidth > 479){
              var thumb = jQuery(this).parent().addClass('active');
              var row = jQuery(this).parent().parent().attr('id');
              var id = thumb.attr('id').replace('port-', '');

              jQuery('#'+ row +' .port-thumb').not(thumb).addClass('hidden').animate({
                  opacity: 0
              }, 1000, function(){
                  if(thumb.hasClass('left')){
                      jQuery('#port-content-' + id).animate({
                              width: '480px'
                          }, 500);
                  }else{
                      if(thumb.hasClass('middle')){
                          var margin = '-240px';
                      }else if(thumb.hasClass('right')){
                          var margin = '-480px';
                      }

                      thumb.animate({
                          marginLeft: margin,
                          easing: 'swing'
                      },500, function(){
                          jQuery('#port-content-' + id).animate({
                              width: '480px'
                          }, 500);
                      })
                  }
              });
              var id = jQuery(this).parent().attr('id').replace('port-', ''); 
              return false;
              
         // MOBILE
           }else{
               $url = jQuery(this).next('.port-info-wrap').find('.port-url a').html();
               window.open('http://' + $url, '_blank');
               return false;
           }
       });

   
   // Portfolio Close
   jQuery('.port-content-close').click(function(){
     var id = jQuery(this).attr('id').replace('close-', '');
     var thumb = jQuery('#port-' + id).removeClass('active');
     var row = '#' + thumb.parent().attr('id');
     
     thumb.find('img').animate({
	    opacity: 0.6
	});
     jQuery('#port-content-' + id).animate({
	 width: '0'
     }, 500, function(){
	
	if(!(thumb.hasClass('left'))){
	    thumb.animate({
		marginLeft: '0',
		easing: 'swing'
	    }, 500, function(){
		jQuery(row + ' .hidden').animate({
		    opacity: 1
		}, 1000, function(){
		    jQuery(row + '.hidden').removeClass('hidden');
		})
	    })
	}else{
	    jQuery(row + ' .hidden').animate({
		    opacity: 1
	    }, 1000, function(){
		    jQuery(row + '.hidden').removeClass('hidden');
	    })
	}
     })
     
     return false;
   });
   
   
   
   // Gallery Click
   jQuery('.port-view-gall').click(function(){
	jQuery(this).next('.gallery-links').find('.light:first').click();
	return false;
   });
   
   
   
   // Image hover
jQuery('.port-thumb img').hover(function(){

   jQuery(this).stop(true, false).animate({
       opacity: 1
   }, 250)
}, function(){
    if(!(jQuery(this).parent().hasClass('active'))){
	jQuery(this).stop(true, false).animate({
	    opacity: 0.6
	}, 250)
    }
});

// Contact Form

jQuery('#name').click(function(){
    if(jQuery(this).val() == 'Your name'){
       jQuery(this).val('');
    };
})
jQuery('#email').click(function(){
    if(jQuery(this).val() == 'Your e-mail address'){
       jQuery(this).val('');
    };
})
jQuery('#message').click(function(){
    if(jQuery(this).val() == 'Your message'){
       jQuery(this).val('');
    };
})
jQuery('#name').blur(function(){
    if(jQuery(this).val() == ''){
       jQuery(this).val('Your name');
    };
})
jQuery('#email').blur(function(){
    if(jQuery(this).val() == ''){
       jQuery(this).val('Your e-mail address');
    };
})
jQuery('#message').blur(function(){
    if(jQuery(this).val() == ''){
       jQuery(this).val('Your message');
    };
})

jQuery('.wpcf7-submit').click(function(){
    if((jQuery('#name').val() == 'Your name') || (jQuery('#email').val() == 'Your e-mail address') || (jQuery('#message').val() == 'Your message')){
	jQuery('#val-message').html('Come on now, please fill out all the fields, there are only three!');
	return false;
    }else{
	jQuery('#val-message').html('');
    }
})

});