
Image1= new Image(124,108)
Image1.src = "images/btn_dwn_how.gif"

Image2 = new Image(124,108)
Image2.src = "images/btn_dwn_start.gif"

Image3 = new Image(124,108)
Image3.src = "images/btn_dwn_why.gif"

Image4= new Image(124,108)
Image4.src = "images/btn_b_dwn_how.gif"

Image5 = new Image(124,108)
Image5.src = "images/btn_b_dwn_start.gif"

Image6 = new Image(124,108)
Image6.src = "images/btn_b_dwn_why.gif"


/* stuff below will only work in conjunction with the jQuery library */

//thickbox!


//div swap on index

$(document).ready(function() {
$("#why").hover(function() {
$("#rl_col1").fadeIn("slow");
$("#rl_col2").fadeOut("slow");
$("#rl_col3").fadeOut("slow");

}
);
});

$(document).ready(function() {
$("#how").hover(function() {
$("#rl_col2").fadeIn("slow");
$("#rl_col3").fadeOut("slow");
$("#rl_col1").fadeOut("slow");


}
);
});

$(document).ready(function() {
$("#start").hover(function() {
$("#rl_col3").fadeIn("slow");
$("#rl_col1").fadeOut("slow");
$("#rl_col2").fadeOut("slow");

}
);
});


//button swap




$(document).ready(function(){
    
    $("#why").hover(function () {
      $(this).toggleClass("why2");
   },
function () {
$("#why").removeClass("why2");
}
);
});

$(document).ready(function(){
    
    $("#how").hover(function () {
      $(this).toggleClass("how2");
   },
function () {
$("#how").removeClass("how2");
}
);
});

$(document).ready(function(){
    
    $("#start").hover(function () {
      $(this).toggleClass("start2");
   },
function () {
$("#start").removeClass("start2");
}
);
});


//button swap for secondary pages

$(document).ready(function(){
    
    $("#why_b").hover(function () {
      $(this).toggleClass("why2");
   },
function () {
$("#why_b").removeClass("why2");
}
);
});

$(document).ready(function(){
    
    $("#how_b").hover(function () {
      $(this).toggleClass("how2");
   },
function () {
$("#how_b").removeClass("how2");
}
);
});

$(document).ready(function(){
    
    $("#start_b").hover(function () {
      $(this).toggleClass("start2");
   },
function () {
$("#start_b").removeClass("start2");
}
);
});

$(document).ready(function(){
    
    $("#samples").hover(function () {
      $(this).toggleClass("samples2");
   },
function () {
$("#samples").removeClass("samples2");
}
);
});

