$(function () {   
    var paper = Raphael("holder", 1000, 400);
        mediation = paper.image("/images/mediation.png", 50, 40, 227, 280);
        transfer = paper.image("/images/transfer.png", 300, 40, 227, 280);
        doctor = paper.image("/images/doctor.png", 510, 40, 227, 280);
        trip = paper.image("/images/trip.png", 740, 40, 227, 280);
        
        mediation.rotate(10);
        transfer.rotate(-10);
        doctor.rotate(12);
        trip.rotate(-8);
        effect='elastic';

        doctor[0].onmouseover=function()
        {
            doctor.animate({rotation:0}, 2000,effect);
        }
        
        doctor[0].onmouseout=function()
        {
            doctor.animate({rotation:12}, 2000,effect);
        }

        
        trip[0].onmouseover=function()
        {
            trip.animate({rotation:0}, 2000,effect);
        }
        
        trip[0].onmouseout=function()
        {
            trip.animate({rotation:-8}, 2000,effect);
        }
        
        mediation[0].onmouseover=function()
        {
            mediation.animate({rotation:0}, 2000,effect);
        }
        
        mediation[0].onmouseout=function()
        {
            mediation.animate({rotation:10}, 2000,effect);
        }
        
         transfer[0].onmouseover=function()
        {
            transfer.animate({rotation:0}, 2000,effect);
        }
        
        transfer[0].onmouseout=function()
        {
            transfer.animate({rotation:-10}, 2000,effect);
        }
        
       
        doctor[0].onclick=function(){window.location.href='/services/medexamination/'}
        trip[0].onclick=function(){window.location.href='/services/trip/'}
        mediation[0].onclick=function(){window.location.href='/services/mediation/'}
        transfer[0].onclick=function(){window.location.href='/services/transfer/'}
});