$(document).ready(function(){


var i;
for (i in document.images) {
    if (document.images[i].src) {
        var imgSrc = document.images[i].src;
        if (imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) === '.PNG') {
            document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + imgSrc + "')";
        }
    }
}



l1 = $('.l1');
l2 = $('.l2');
l3 = $('.l3');

l1.animate({ top: 328},0);
l2.animate({ top: 328},0);
l3.animate({ top: 328},0);
	
s1 = $('.s1');
s2 = $('.s2');
s3 = $('.s3');

p1 = $('.p1');
p2 = $('.p2');
p3 = $('.p3');

s1.fadeTo(0,0);
s2.fadeTo(0,0);
s3.fadeTo(0,0);



l1.hover(
  function () {
    s1.stop().fadeTo(200,0.5);
    l1.stop().animate({ top: 325},200);
  }, 
  function () {
    s1.stop().fadeTo(200,0);
    l1.stop().animate({ top: 328},200);
  }
);

l2.hover(
  function () {
    s2.stop().fadeTo(200,0.5);
    l2.stop().animate({ top: 325},200);
  }, 
  function () {
    s2.stop().fadeTo(200,0);
    l2.stop().animate({ top: 328},200);
  }
);

l3.hover(
  function () {
    s3.stop().fadeTo(200,0.5);
    l3.stop().animate({ top: 325},200);
  }, 
  function () {
    s3.stop().fadeTo(200,0);
    l3.stop().animate({ top: 328},200);
  }
);







$('.p').fadeTo(0,0.3);

$('.p').hover(
  function () {
    $(this).stop().fadeTo(200,1);
  }, 
  function () {
    $(this).stop().fadeTo(200,0.5);
  }
);
	














});