var img_number = 0;
  var img_count = 0;
$(document).ready(function() {

  pic1 = new Image(348,37);	pic1.src = "/imgs/home_li_over.png";
  pic2 = new Image(348,37);	pic2.src = "/imgs/about_us_li_over.png";
  pic3 = new Image(348,38);	pic3.src = "/imgs/contact_us_li_over.png";
  pic4 = new Image(348,37);	pic4.src = "/imgs/our_process_li_over.png";
  pic5 = new Image(348,33);	pic5.src = "/imgs/client_successes_li_over.png";
  pic6 = new Image(50,12);	pic6.src = "/imgs/about_1_over.png";
  pic7 = new Image(78,12);	pic7.src = "/imgs/about_2_over.png";
  pic8 = new Image(94,12);	pic8.src = "/imgs/about_3_over.png";
  pic9 = new Image(91,12);	pic9.src = "/imgs/about_4_over.png";
  pic10 = new Image(99,12);	pic10.src = "/imgs/about_5_over.png";
  pic11 = new Image(304,30);	pic11.src = "/imgs/client_box_over.jpg";
  pic12 = new Image(197,1);	pic12.src = "/imgs/client_list_c.jpg";
  pic13 = new Image(197,5);	pic13.src = "/imgs/client_list_top.jpg";
  pic14 = new Image(197,6);	pic14.src = "/imgs/client_list_bot.jpg";
  pic15 = new Image(304,30);	pic15.src = "/imgs/client_box_over.jpg";



  $(".img_1").css("display","block");

  $(".home_li").hover(function(){
    $(this).attr("class","home_li_over");
  }, function(){
    $(this).attr("class","home_li");
  });
  
  $(".about_us_li").hover(function(){
    $(this).attr("class","about_us_li_over");
  }, function(){
    $(this).attr("class","about_us_li");
  });
  
  $(".contact_us_li").hover(function(){
    $(this).attr("class","contact_us_li_over");
  }, function(){
    $(this).attr("class","contact_us_li");
  });
  
  $(".our_process_li").hover(function(){
    $(this).attr("class","our_process_li_over");
  }, function(){
    $(this).attr("class","our_process_li");
  });
  
  $(".client_successes_li").hover(function(){
    $(this).attr("class","client_successes_li_over");
  }, function(){
    $(this).attr("class","client_successes_li");
  });
  
  $(".home_li").click(function(){
    window.location.href="http://" + window.location.host + "/";
  });
  
  $(".about_us_li").click(function(){
    window.location.href="http://" + window.location.host + "/about_us";
  });
  
  $(".contact_us_li").click(function(){
    window.location.href="http://" + window.location.host + "/contact_us";
  });
  
  $(".our_process_li").click(function(){
    window.location.href="http://" + window.location.host + "/our_process";
  });
  
  $(".client_successes_li").click(function(){
    window.location.href="http://" + window.location.host + "/client_successes";
  });
  
  $(".home_li_over").click(function(){
    window.location.href="http://" + window.location.host + "/";
  });

  $(".about_us_li_over").click(function(){
    window.location.href="http://" + window.location.host + "/about_us";
  });

  $(".contact_us_li_over").click(function(){
    window.location.href="http://" + window.location.host + "/contact_us";
  });

  $(".our_process_li_over").click(function(){
    window.location.href="http://" + window.location.host + "/our_process";
  });

  $(".client_successes_li_over").click(function(){
    window.location.href="http://" + window.location.host + "/client_successes";
  });
  
  $(".about_1").hover(function(){
    $(this).attr("src","/imgs/about_1_over.jpg");
  }, function(){
    $(this).attr("src","/imgs/about_1.jpg");
  });
  
  $(".about_2").hover(function(){
    $(this).attr("src","/imgs/about_2_over.jpg");
  }, function(){
    $(this).attr("src","/imgs/about_2.jpg");
  });
  
  $(".about_3").hover(function(){
    $(this).attr("src","/imgs/about_3_over.jpg");
  }, function(){
    $(this).attr("src","/imgs/about_3.jpg");
  });
  
  $(".about_4").hover(function(){
    $(this).attr("src","/imgs/about_4_over.jpg");
  }, function(){
    $(this).attr("src","/imgs/about_4.jpg");
  });
  
  $(".about_5").hover(function(){
    $(this).attr("src","/imgs/about_5_over.jpg");
  }, function(){
    $(this).attr("src","/imgs/about_5.jpg");
  });
  
  $(".client_box").hover(function(){
    $(this).attr("class","client_box_over");
  }, function(){
    $(this).attr("class","client_box");
  });
  
  $("#client_all").hover(function(){
    $(".client_all").css("display", "block");
  }, function(){
    $(".client_all").css("display", "none");
  });
  $(".client_all").hover(function(){
    $(this).css("display", "block");
  }, function(){
    $(this).css("display", "none");
  });
  
  $("#client_ecom").hover(function(){
    $(".client_ecom").css("display", "block");
  }, function(){
    $(".client_ecom").css("display", "none");
  });
  $(".client_ecom").hover(function(){
    $(this).css("display", "block");
  }, function(){
    $(this).css("display", "none");
  });
  
  $("#client_green").hover(function(){
    $(".client_green").css("display", "block");
  }, function(){
    $(".client_green").css("display", "none");
  });
  $(".client_green").hover(function(){
    $(this).css("display", "block");
  }, function(){
    $(this).css("display", "none");
  });
  
  $("#client_health").hover(function(){
    $(".client_health").css("display", "block");
  }, function(){
    $(".client_health").css("display", "none");
  });
  $(".client_health").hover(function(){
    $(this).css("display", "block");
  }, function(){
    $(this).css("display", "none");
  });
  
  $("#client_fin").hover(function(){
    $(".client_fin").css("display", "block");
  }, function(){
    $(".client_fin").css("display", "none");
  });
  $(".client_fin").hover(function(){
    $(this).css("display", "block");
  }, function(){
    $(this).css("display", "none");
  });
  
  $("#client_mob").hover(function(){
    $(".client_mob").css("display", "block");
  }, function(){
    $(".client_mob").css("display", "none");
  });
  $(".client_mob").hover(function(){
    $(this).css("display", "block");
  }, function(){
    $(this).css("display", "none");
  });
  
  $("#client_tech").hover(function(){
    $(".client_tech").css("display", "block");
  }, function(){
    $(".client_tech").css("display", "none");
  });
  $(".client_tech").hover(function(){
    $(this).css("display", "block");
  }, function(){
    $(this).css("display", "none");
  });
  
  $(".left_list_li").hover(function(){
    $(this).css("background-color","#FAFAFA");
  }, function(){
    $(this).css("background-color","#EDEDED");
  })
  
  
  $(".img_link").click(function(){
    var id = $(this).attr("id");
    if($("."+id).css('display') == 'none'){
      $(".photo_img").css("display","none");
      $("."+id).css("display", "block");
      $(".paging_over").removeClass("paging_over").addClass("paging");
      $(this).removeClass("paging").addClass("paging_over");
    }
    if(id == "img_1"){
      $("#left").css("display", "none");
    } else {
      $("#left").css("display", "inline");
    }
    if(id == "img_"+$("#count_img").attr("value")){
      $("#right").css("display", "none");
    } else {
      $("#right").css("display", "inline");
    }
  });
  
  $("#left").click(function(){
    img_number = 0;
    $(".photo_img").each(function(){
       if($(this).css("display") != "none"){
         var pos = $(this).attr("class").indexOf(" ");
         var id = $(this).attr("class").substr(4,pos-4);
         img_number = id - 0;
       }
    });
    if(img_number != 0 && img_number != 1){
       var id = img_number -1;
       $(".photo_img").css("display","none");
       $(".img_"+id).css("display","block");
       $("#img_"+img_number).removeClass("paging_over").addClass("paging");
       $("#img_"+id).removeClass("paging").addClass("paging_over");
    }
    if(id == "1"){
      $("#left").css("display", "none");
    } else {
      $("#left").css("display", "inline");
    }
    if(id == $("#count_img").attr("value")){
      $("#right").css("display", "none");
    } else {
      $("#right").css("display", "inline");
    }
  });
  
  $("#right").click(function(){
    img_number = 0;
    img_count = 0;
    $(".photo_img").each(function(){
       img_count++;
       if($(this).css("display") != "none"){
         var pos = $(this).attr("class").indexOf(" ");
         var id = $(this).attr("class").substr(4,pos-4);
         img_number = id - 0;
       }
    });
    if(img_number != 0 && img_number != img_count){
       var id = img_number + 1;
       $(".photo_img").css("display","none");
       $(".img_"+id).css("display","block");
       $("#img_"+img_number).removeClass("paging_over").addClass("paging");
       $("#img_"+id).removeClass("paging").addClass("paging_over");
    }
    if(id == "1"){
      $("#left").css("display", "none");
    } else {
      $("#left").css("display", "inline");
    }
    if(id == $("#count_img").attr("value")){
      $("#right").css("display", "none");
    } else {
      $("#right").css("display", "inline");
    }
  });
  
  $("#contact_form").submit(function(){
    if($(".name_field").attr("value") == "" || $(".email_field").attr("value") == ""){
      alert("All mandatory fields must be field in.");
      return false;
    }
    var email = $(".email_field").attr("value");
    var pos_1 = email.indexOf("@");
    var pos_2 = email.indexOf(".");
    if(pos_1 == -1 || pos_2 == -1){
      alert("Please enter a valid email address.");
      return false;
    }
  });
  
})