// JavaScript Document

// when the DOM is ready:
$(document).ready(function () {
							
  // find the img.fade elements and hook the hover event
  $('img.fade').hover(function() {
    // on hovering over, find the element we want to fade *up*
    var fade = $(this);
    
    // if the element is currently being animated (to a fadeOut)...
    if (fade.is(':animated')) {
      // ...take it's current opacity back to .8
      fade.stop().fadeTo(250, .8);
    } else {
      // fade out
      fade.fadeTo(250, .8);
    }
  }, function () {
    // on hovering out, fade the element back in
    var fade = $(this);
    if (fade.is(':animated')) {
      fade.stop().fadeTo(250, 1);
    } else {
      // fade in
      fade.fadeTo(250, 1);
    }
  });
  
  
  
  //ROUNDED CORNERS
  $(function(){
		$('.rounded').corner({
			  tl: { radius: 10 },
			  tr: { radius: 10 },
			  bl: { radius: 10 },
			  br: { radius: 10 }});
		
	});
  
  
  //Table Striping
  $(".striped tr").mouseover(function() {$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");});
  $(".striped tr:even").addClass("alt");
  
  //Table Striping2
  $(".striped2 tr").mouseover(function() {$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");});
  $(".striped2 tr:even").addClass("alt");



  
});