jQuery(document).ready(function(){
//    $("#Carousel li img").click(function(ev){
//        var src = $(this).attr('src')
//        var pos = $(this).offset()
//
//
//        var leftPos = pos.left - 38;
//        var topPos = pos.top - 30;
//        $(".zoomImage").remove();
//
//        //create element
//        $("body").append('<img class="zoomImage" src="'+src+'" style="border:1px solid red;position:absolute;z-index:20;top:'+(pos.top-5)+'px;left:'+(pos.left-5)+'px;width:142px;height:95px;border:5px solid #D5D5D5" />');
//        $(".zoomImage").animate({top:topPos,left:leftPos,width:219,height:149},700);
//        ev.stopPropagation();
//    })
//
//    $("body").click(function(){
//         $(".zoomImage").remove();
//    })


    $("#Carousel li img").hover(function(ev){
        var link = $(this).parent().attr('href');
        var src = $(this).attr('src');
        var pos = $(this).offset();
        var title = $(this).attr('title');
        
        var leftPos = pos.left - 38;
        var topPos = pos.top - 30;
        $(".zoomImage").remove();

        //create element
        $("body").append('<img class="zoomImage" title="'+title+'" alt="'+title+'" src="'+src+'" onclick="location.href=\''+link+'\';" style="cursor:pointer;position:absolute;z-index:20;top:'+(pos.top-5)+'px;left:'+(pos.left-5)+'px;width:142px;height:95px;border:5px solid #D5D5D5" />');
        $(".zoomImage").animate({top:topPos,left:leftPos,width:219,height:149},350,'easeInBack');

        $(".zoomImage").hover(function(){},function(){
            $(".zoomImage").remove();
        })

        ev.stopPropagation();

    },function(){
//         $(".zoomImage").remove();
//         ev.stopPropagation();
    })

    
})