function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
		visible: 3,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});
$(function()
{
    $("#mycarousel a").click(function()
        {
        var imageSource = $(this).children("img").attr("longdesc");
		var project_subject = $(this).children("img").attr("alt");
		var id_project = $(this).children("img").attr("name");
       	$("#defaultimage").remove();
		$("span .default_description").remove();
        $("#loader").addClass("loading");
          showImage(imageSource);
		  showText(id_project);
          return false;
        });
});

function showImage(longdesc)
{
$("#loader img").fadeOut("slow")
                .remove();
var largeImage = new Image();
$(largeImage).attr("src", longdesc)
             .load(function()
             	{
                $(largeImage).hide();
                $("#loader").removeClass("loading")
                            .append(largeImage);
                $(largeImage).fadeIn("slow")
                });                                                                       
}
function showText(name)
{
$("#project_description div").fadeOut("slow")
							 .hide();
$("#project_description div").slideDown("slow")
							 .load("pages/get_portfolio_data.php", { id : name });
}