$(document).ready(function(){
        $("#center-photo").delay(200).fadeIn(600);

        $("ul.thumb li").hover(
            function() {
                $(this).find('img').addClass("hover").stop()
                $(this).find('img').animate({opacity: "0.4"}, 200);},
            function() {
                $(this).find('img').removeClass("hover").stop()
                $(this).find('img').animate({opacity: "1"}, 200);
            }
        );

        $("ul.sc_menu li a").click(
            function() {
                var plink = this; 
                $("#center-photo").fadeOut(200, function() {
                    $('#center-photo').html("<img src=\"" + plink + "\">");
                }).fadeIn(800);return false;
            }
        );

        $("ul.sc_menu li").hover(
            function() {
                $(this).find('img').addClass("hover").stop()
                $(this).find('img').animate({opacity: "0.4"}, 200);},
            function() {
                $(this).find('img').removeClass("hover").stop()
                $(this).find('img').animate({opacity: "1"}, 200);
            }
        );


    $("#menuFixies").hover(function(){
        $("#lupaLink").attr("href", "fixies.php");
        $("#lupaSmall").clearQueue().animate({marginLeft: "290", queue: false}, 200);
    });
    $("#menuSeries").hover(function(){
        $("#lupaLink").attr("href", "series.php");
        $("#lupaSmall").clearQueue().animate({marginLeft: "395", queue: false}, 200);
    });
    $("#menuHeroes").hover(function(){
        $("#lupaLink").attr("href", "personages.php");
        $("#lupaSmall").clearQueue().animate({marginLeft: "475", queue: false}, 200);
    });
    $("#menuFrames").hover(function(){
        $("#lupaLink").attr("href", "gallery.php");
        $("#lupaSmall").clearQueue().animate({marginLeft: "605", queue: false}, 200);
    });
    $("#menuSong").hover(function(){
        $("#lupaLink").attr("href", "song.php");
        $("#lupaSmall").clearQueue().animate({marginLeft: "665", queue: false}, 200);
    });
    $("#menuProject").hover(function(){
        $("#lupaLink").attr("href", "project.php");
        $("#lupaSmall").clearQueue().animate({marginLeft: "738", queue: false}, 200);
    });
    $("#menuContact").hover(function(){
        $("#lupaLink").attr("href", "contact.php");
        $("#lupaSmall").clearQueue().animate({marginLeft: "835", queue: false}, 200);
    });






                $("#center-p-text").delay(400).fadeIn(200);



    $(function(){
        var div = $('div.sc_menu'), ul = $('ul.sc_menu'), ulPadding = 15;
        var divWidth = div.width();
        div.css({
            overflow: 'hidden'
        });
        var lastLi = ul.find('li:last-child');
        div.mousemove(function(e){
            var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
            var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
            div.scrollLeft(left);
        });
    });




        });

function showContent(whatC, id) {
    var plink = this;
    $("#center-p-text").fadeOut(100);
    $("#center-p-photo").fadeOut(200, function() {
        $.get("handler.php", {
            whatToShow: whatC,
            id:   id
        },
        function(data){
            if (data != "no") {

                exitdata = data.split("|"); // alert(exitdata[4]); alert(exitdata[1]);

                $("#center-p-photo").html("<img src=\"" + exitdata[0] + "\">").fadeIn(100);
                $("#center-p-text").css({'width': exitdata[1] + 'px', 'padding-left': exitdata[2] + 'px', 'margin-left': exitdata[4] + 'px'}).html("<span class=\"series\">" + exitdata[3] + "</span>").fadeIn(100);
            }
        });
    });
}

function showContent2(whatC, id) {
    var plink = this;
    $("#center-p-text").slideUp(100, function() {
        $.get("handler.php", {
            whatToShow: whatC,
            id:   id
        },
        function(data){
            if (data != "no") {

                exitdata = data.split("|"); // alert(exitdata[4]); alert(exitdata[1]);

                $("#center-p-text").css({'width': exitdata[1] + 'px', 'padding-left': exitdata[2] + 'px', 'margin-left': exitdata[4] + 'px'}).html(exitdata[3]).fadeIn(100);
            }
        });
    });

}