window.onload = init;

function init() {

    // project clicks 
    $(".projectHolder").bind('click', function(e){
        var url = $("a",this).val("a").attr( "href" );
        window.open(url, "_self");
    });

    $('a.email').nospam( {replaceText: true, filterLevel: 'low'} );
    setupListeners();
}

function setupListeners() {
    
    $("#topLogo").bind('click', function(e){
          window.open("/", "_self");
       });
    
    // Home project slider buttons
    $("#projectButton1").bind('click', function(e){
        slideProjects(0);
        $(this).removeClass("over");
        $(this).toggleClass("selected");
    });
    
    $("#projectButton2").bind('click', function(e){
           slideProjects(1);
           $(this).removeClass("over");
           $(this).toggleClass("selected");
   });
       
   $("#projectButton3").bind('click', function(e){
          slideProjects(2);
          $(this).removeClass("over");
          $(this).toggleClass("selected");
   });
   
   
    // init 
    $("#projectButton1").removeClass("over");
    $("#projectButton1").toggleClass("selected");
   
    $("#projectButton1").bind('mouseenter', function(e){
      $(this).toggleClass("over");
    });

    $("#projectButton1").bind('mouseleave', function(e){
      $(this).removeClass("over");
    });
    
    $("#projectButton2").bind('mouseenter', function(e){
        $(this).toggleClass("over");
    });

    $("#projectButton2").bind('mouseleave', function(e){
        $(this).removeClass("over");
    });
    
    $("#projectButton3").bind('mouseenter', function(e){
        $(this).toggleClass("over");
    });

    $("#projectButton3").bind('mouseleave', function(e){
        $(this).removeClass("over");
    });
 
 
 
    
}


function slideProjects(p_id){
    var newX = p_id * -835;
    $("#projectButton1").removeClass("selected");
    $("#projectButton2").removeClass("selected");
    $("#projectButton3").removeClass("selected");
    $("#home-projects-holder").animate({left: newX + "px"}, 500, 'easeInOutQuad');
}