view="home"
portfolioCount=0
currentPortfolioItem=1

servicesCount=0
currentServiceItem=1

textTopOffset=-15

function getID(theLink){
 $("#preview").animate({ opacity: 0 }, 250, function() {
  currentImageSrc = theLink.src
  currentImageAlt = theLink.alt
  var image = new Image();
  image.src = theLink.src;
  aspectratio = image.width / image.height;
  if (aspectratio >= (322/304)){
    $("#preview").html('<img id="preimg" alt="" src="'+currentImageSrc+'" width="100%" />');
    padding = (304 - document.getElementById("preimg").offsetHeight)/2
    $("#preview").css({"padding-top":padding});
  } else{
    $("#preview").html('<img id="preimg" alt="" src="'+currentImageSrc+'" height="100%" />');
    $("#preview").css({"padding-top":0}); 
  };
  $(this).animate({ opacity: 1 }, 250);
 });
};

function loadComplete(){
  $("#loading_overlay").fadeOut(250);
}

$(document).ready(function(){

   $("#slider_viewport").fadeOut(0);
   $("#about_button_hover").fadeOut(0);
   $("#work_button_hover").fadeOut(0);
   $("#services_button_hover").fadeOut(0);
   $("#contact_button_hover").fadeOut(0);

  //alert(navigator.appName+" : "+navigator.appVersion);
 
  if ((navigator.appVersion.indexOf("MSIE 6.0")>=0 || navigator.appVersion.indexOf("MSIE 7.0")>=0) && navigator.appVersion.indexOf("MSIE 8.0")==-1){
    $("#loading_overlay").hide();
    $("#aboutText").css({"top":0});
    $("#skillsText").css({"top":0});
    textTopOffset=0
  };
  if (navigator.appVersion.indexOf("MSIE 6.0")>=0 && navigator.appVersion.indexOf("MSIE 7.0")==-1 && navigator.appVersion.indexOf("MSIE 8.0")==-1){
    window.location="index_ie6.html";
  };

  portfolioCount=document.getElementById("workSlider_container").getElementsByTagName("IMG").length;
  $("#workSlider_container").css({"width": portfolioCount*525});
 
  servicesCount=document.getElementById("servicesSlider_container").getElementsByTagName("DIV").length;
  $("#servicesSlider_container").css({"width": servicesCount*525});
  
  var i=1;
  for (i==1;i<=servicesCount;i++){
    servId="#service"+i;
    $(servId).css({"left":(i-1)*525});
  };
  
  $("#work_caption").html($("#img1").attr("alt"));

  $("#title_button").mousedown(function(){
    $("#title_button").css({"background-image": "url('images/title_sel.png')"});
  });
  $("#title_button").mouseup(function(){
    view="home";
    $("#title_button").css({"background-image": "url('images/title.png')"});
    $("#about_button_hover").fadeOut(0);
    $("#work_button_hover").fadeOut(0);
    $("#services_button_hover").fadeOut(0);
    $("#contact_button_hover").fadeOut(0);
    $("#about_button_hover").css({"background-image": "url('images/about_hover.png')"});
    $("#work_button_hover").css({"background-image": "url('images/work_hover.png')"});
    $("#services_button_hover").css({"background-image": "url('images/services_hover.png')"});
    $("#contact_button_hover").css({"background-image": "url('images/contact_hover.png')"});
    $("#slider_viewport").fadeOut(250, function(){$("#welcome_wrapper").fadeIn(250);});
  });

  $("#aboutText").mouseout(function(){
    $("#aboutText").css({"top":textTopOffset});
  });
  $("#skillsText").mouseout(function(){
    $("#skillsText").css({"top":textTopOffset});
  });
  
  $("#about_button").mouseenter(function(){
    $("#about_button_hover").fadeIn(150);
  });
  $("#about_button_hover").mouseout(function(){
    if (view!="about"){
      $("#about_button_hover").fadeOut(150);
    };
  });
  $("#about_button_hover").mousedown(function(){
    view="about";
    $("#about_button_hover").css({"background-image": "url('images/about_sel.png')"});
    $("#work_button_hover").fadeOut(0);
    $("#services_button_hover").fadeOut(0);
    $("#contact_button_hover").fadeOut(0);
    $("#work_button_hover").css({"background-image": "url('images/work_hover.png')"});
    $("#services_button_hover").css({"background-image": "url('images/services_hover.png')"});
    $("#contact_button_hover").css({"background-image": "url('images/contact_hover.png')"});
    $("#slider_container").animate({"top":0},250);
    $("#welcome_wrapper").fadeOut(250, function(){$("#slider_viewport").fadeIn(250);});
  });
  
  $("#work_button").mouseenter(function(){
    $("#work_button_hover").fadeIn(150);
  });
  $("#work_button_hover").mouseout(function(){
    if (view!="work"){
      $("#work_button_hover").fadeOut(150);
    };
  });
  $("#work_button_hover").mousedown(function(){
    view="work";
    $("#work_button_hover").css({"background-image": "url('images/work_sel.png')"});
    $("#about_button_hover").fadeOut(0);
    $("#services_button_hover").fadeOut(0);
    $("#contact_button_hover").fadeOut(0);
    $("#about_button_hover").css({"background-image": "url('images/about_hover.png')"});
    $("#services_button_hover").css({"background-image": "url('images/services_hover.png')"});
    $("#contact_button_hover").css({"background-image": "url('images/contact_hover.png')"});
    $("#slider_container").animate({"top":-384},250);
    $("#welcome_wrapper").fadeOut(250, function(){$("#slider_viewport").fadeIn(250);});
  });

  $("#services_button").mouseenter(function(){
    $("#services_button_hover").fadeIn(150);
  });
  $("#services_button_hover").mouseout(function(){
    if (view!="services"){
      $("#services_button_hover").fadeOut(150);
    };
  });
  $("#services_button_hover").mousedown(function(){
    view="services";
    $("#services_button_hover").css({"background-image": "url('images/services_sel.png')"});
    $("#work_button_hover").fadeOut(0);
    $("#about_button_hover").fadeOut(0);
    $("#contact_button_hover").fadeOut(0);
    $("#work_button_hover").css({"background-image": "url('images/work_hover.png')"});
    $("#about_button_hover").css({"background-image": "url('images/about_hover.png')"});
    $("#contact_button_hover").css({"background-image": "url('images/contact_hover.png')"});
    $("#slider_container").animate({"top":-768},250);
    $("#welcome_wrapper").fadeOut(250, function(){$("#slider_viewport").fadeIn(250);});
  });

  $("#contact_button").mouseenter(function(){
    $("#contact_button_hover").fadeIn(150);
  });
  $("#contact_button_hover").mouseout(function(){
    if (view!="contact"){
      $("#contact_button_hover").fadeOut(150);
    };
  });
  $("#contact_button_hover").mousedown(function(){
    view="contact";
    $("#contact_button_hover").css({"background-image": "url('images/contact_sel.png')"});
    $("#work_button_hover").fadeOut(0);
    $("#about_button_hover").fadeOut(0);
    $("#services_button_hover").fadeOut(0);
    $("#work_button_hover").css({"background-image": "url('images/work_hover.png')"});
    $("#about_button_hover").css({"background-image": "url('images/about_hover.png')"});
    $("#services_button_hover").css({"background-image": "url('images/services_hover.png')"});
    $("#slider_container").animate({"top":-1152},250);
    $("#welcome_wrapper").fadeOut(250, function(){$("#slider_viewport").fadeIn(250);});
  });

  $("#prevWork_button").mousedown(function(){
    $("#prevWork_button").css({"background-image": "url('images/sliderPrev_button_sel.png')"});
  });
  $("#prevWork_button").mouseup(function(){
    $("#prevWork_button").css({"background-image": "url('images/sliderPrev_button.png')"});
    if (currentPortfolioItem>1){
      currentPortfolioItem=currentPortfolioItem-1;
      leftPos=(currentPortfolioItem-1)*-525;
      $("#workSlider_container").animate({"left":leftPos},500);
    } else{
      currentPortfolioItem=portfolioCount;
      $("#workSlider_container").animate({"left":-1*((portfolioCount-1)*525)},1000);
    };
    currentItemId="#img"+currentPortfolioItem;
    $("#work_caption").html($(currentItemId).attr("alt"));
  });

  $("#nextWork_button").mousedown(function(){
    $("#nextWork_button").css({"background-image": "url('images/sliderNext_button_sel.png')"});
  });
  $("#nextWork_button").mouseup(function(){
    $("#nextWork_button").css({"background-image": "url('images/sliderNext_button.png')"});
    if (currentPortfolioItem<portfolioCount){
      currentPortfolioItem=currentPortfolioItem+1;
      leftPos=(currentPortfolioItem-1)*-525;
      $("#workSlider_container").animate({"left":leftPos},500);
    } else{
      currentPortfolioItem=1;
      $("#workSlider_container").animate({"left":0},1000);
    };
    currentItemId="#img"+currentPortfolioItem;
    $("#work_caption").html($(currentItemId).attr("alt"));
  });

  $("#prevService_button").mousedown(function(){
    $("#prevService_button").css({"background-image": "url('images/sliderPrev_button_sel.png')"});
  });
  $("#prevService_button").mouseup(function(){
    $("#prevService_button").css({"background-image": "url('images/sliderPrev_button.png')"});
    if (currentServiceItem>1){
      currentServiceItem=currentServiceItem-1;
      leftPos=(currentServiceItem-1)*-525;
      $("#servicesSlider_container").animate({"left":leftPos},500);
    } else{
      currentServiceItem=servicesCount;
      $("#servicesSlider_container").animate({"left":-1*((servicesCount-1)*525)},1000);
    };
  });

  $("#nextService_button").mousedown(function(){
    $("#nextService_button").css({"background-image": "url('images/sliderNext_button_sel.png')"});
  });
  $("#nextService_button").mouseup(function(){
    $("#nextService_button").css({"background-image": "url('images/sliderNext_button.png')"});
    if (currentServiceItem<servicesCount){
      currentServiceItem=currentServiceItem+1;
      leftPos=(currentServiceItem-1)*-525;
      $("#servicesSlider_container").animate({"left":leftPos},500);
    } else{
      currentServiceItem=1;
      $("#servicesSlider_container").animate({"left":0},1000);
    };
  });

  $("#send_button").mousedown(function(){
    $("#send_button").css({"background-image": "url('images/send_button_sel.png')"});
  });
  $("#send_button").mouseup(function(){
    $("#send_button").css({"background-image": "url('images/send_button.png')"});
  });

  $("#name_input").focus(function(){
    if (navigator.appVersion.indexOf("MSIE 6.0")==-1){
    if ($("#name_input").attr("value")=="name"){
      $("#name_input").attr({"value":""});
      $("#name_input").css({"color":"#444444"});
    };
    };
  });
  $("#name_input").blur(function(){
    if (navigator.appVersion.indexOf("MSIE 6.0")==-1){
    if ($("#name_input").attr("value")==""){
      $("#name_input").attr({"value":"name"});
      $("#name_input").css({"color":"#808080"});
    };
    };
  });
  $("#email_input").focus(function(){
    if (navigator.appVersion.indexOf("MSIE 6.0")==-1){
    if ($("#email_input").attr("value")=="email"){
      $("#email_input").attr({"value":""});
      $("#email_input").css({"color":"#444444"});
    };
    };
  });
  $("#email_input").blur(function(){
    if (navigator.appVersion.indexOf("MSIE 6.0")==-1){
    if ($("#email_input").attr("value")==""){
      $("#email_input").attr({"value":"email"});
      $("#email_input").css({"color":"#808080"});
    };
    };
  });
  $("#message_input").focus(function(){
    if (navigator.appVersion.indexOf("MSIE 6.0")==-1){
    if ($("#message_input").val()=="message"){
      $("#message_input").val("");
      $("#message_input").css({"color":"#444444"});
    };
    };
  });
  $("#message_input").blur(function(){
    if (navigator.appVersion.indexOf("MSIE 6.0")==-1){
    if ($("#message_input").val()==""){
    //alert("abc");
      $("#message_input").val("message");
      $("#message_input").css({"color":"#808080"});
    };
    };
  });

});