$(document).ready(function() {
   $("#popUpDescription").hide();
   $("#popUpNavigation").hide();
   var portfolioImage = $("#portfolioImage");
   $("#imageNav a.link").click(function() {
     $("#imageNav a.link").removeClass('active');
     var mainImage = "images/" + jQuery(this).html() + ".jpg";
      portfolioImage.attr({ src: mainImage });
      jQuery(this).addClass('active');
      $("#popUpNavigation").hide();
      $("#popUpDescription").hide();
   });
   
   $("#imageNav a.nextLink").click(function() {
      var cnt 
      $('#imageNav a.link').each(function(index) {
       cnt = index
      });
     cnt += 1
     $("#imageNav a.link").removeClass('active');
     var currentImage =  portfolioImage.attr("src").split("/")
     currentImage = currentImage[1].split(".")
     currentImage = parseInt(currentImage[0]) + 1
     if(currentImage > cnt){currentImage = 1}
     var mainImage = "images/" + currentImage + ".jpg";
     portfolioImage.attr({ src: mainImage });
     $('#imageNav a.link').each(function(index) {
       if(index + 1 == currentImage){
        jQuery(this).addClass('active');
       }
    });
    $("#popUpNavigation").hide();
    $("#popUpDescription").hide();
   });
   
   
   $("#imageNav a.prevLink").click(function() {
      var cnt 
      $('#imageNav a.link').each(function(index) {
       cnt = index
      });
     cnt += 1
     $("#imageNav a.link").removeClass('active');
     var currentImage =  portfolioImage.attr("src").split("/")
     currentImage = currentImage[1].split(".")
     currentImage = parseInt(currentImage[0]) - 1
     if(currentImage == 0){currentImage = cnt}
     var mainImage = "images/" + currentImage + ".jpg";
     portfolioImage.attr({ src: mainImage });
     $('#imageNav a.link').each(function(index) {
       if(index + 1 == currentImage){
        jQuery(this).addClass('active');
       }
    });
    $("#popUpNavigation").hide();
    $("#popUpDescription").hide();
   });
   
   
   
   
   $(".description").click(function() {
      $("#popUpNavigation").hide();
      $("#popUpDescription").toggle()
   });
   
    $(".projectSlide").click(function() {
      $("#popUpDescription").hide();
      $("#popUpNavigation").toggle()
   });
   $(".portfolioThumbnail").hover(
       function()
       {
          $(this).attr("src", $(this).attr("src").replace("OFF","RL"));
       },
       function()
       {
          $(this).attr("src", $(this).attr("src").replace("RL","OFF"));
       }
    );
    
     $("p").each(function(i) {
      	$(this).html($(this).html().replace(/\.\ /g,'. '));
     });

 });