//jquery
$(document).ready(function() {
    $.fx.speeds._default = 400;
    $("#rightpinner1").hide();
    $("#rightpinner2").hide();
    $("#rightpinner3").hide();
    $("#rightpinner4").hide();
    $("#rightpinner5").hide();
    $("#rightpinner6").hide();
    $("#ecartdia").hide();
    $("#block2").show();
    $("#block1").hide();
    $("#block3").hide();


    $("#r1").click(function() {
        hideall();
        $("#rightpinner1").slideDown(800);
    });


    $("#r2").click(function() {
        hideall();
        $("#rightpinner2").slideDown(800);
    });


    $("#r3").click(function() {
        hideall();
        $("#rightpinner3").slideDown(800);
    });

    $("#l1").click(function() {
        hideall();
        $("#rightpinner4").slideDown(800);
    });


    $("#l2").click(function() {
        hideall();
        $("#rightpinner5").slideDown(800);
    });


    $("#l3").click(function() {
        hideall();
        $("#rightpinner6").slideDown(800);
    });


    $("#rightpinner1").click(function() {
        hideall();
        $("#block2").slideDown(800);
        $('#exam').html('Viewing<br />Examples 1 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>')
    });

    $("#rightpinner2").click(function() {
        hideall();
        $("#block2").slideDown(800);
        $('#exam').html('Viewing<br />Examples 1 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>')
    });

    $("#rightpinner3").click(function() {
        hideall();
        $("#block2").slideDown(800);
        $('#exam').html('Viewing<br />Examples 1 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>')
    });

    $("#rightpinner4").click(function() {
        hideall();
        $("#block2").slideDown(800);
        $('#exam').html('Viewing<br />Examples 1 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>')
    });

    $("#rightpinner5").click(function() {
        hideall();
        $("#block2").slideDown(800);
        $('#exam').html('Viewing<br />Examples 1 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>')
    });

    $("#rightpinner6").click(function() {
        hideall();
        $("#block2").slideDown(800);
        $('#exam').html('Viewing<br />Examples 1 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>')
    });



    $("#ecarts").click(function() {
        hideall();
        $("#ecartdia").slideDown();
    });

    function hideall() {
        $("#rightpinner1").slideUp(100);
        $("#rightpinner2").slideUp(100);
        $("#rightpinner3").slideUp(100);
        $("#rightpinner4").slideUp(100);
        $("#rightpinner5").slideUp(100);
        $("#rightpinner6").slideUp(100);
        $("#ecartdia").slideUp(100);

        $("#block1").hide();
        $("#block2").hide();
        $("#block3").hide();
        $('#exam').html('Viewing<br />Examples 0 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>');
    }

    $(".blk1 a").click(function() {
        hideall();
        $("#block1").slideDown();
        $('#exam').html('Viewing<br />Examples 0 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>')
    });


    $(".blk2 a").click(function() {
        hideall();
        $("#block2").slideDown();
        $('#exam').html('Viewing<br />Examples 1 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>')
    });

    $(".blk3 a").click(function() {
        hideall();
        $("#block3").slideDown();
        $('#exam').html('Viewing<br />Examples 2 <br /><span><img src="images-sys/arrow_down.png" alt="" title="" /></span>')
    });


    $(".examples").click(function() {
        hideall();
        $("#block2").slideDown();
    });

});