$(document).ready(function () {
    // hides the slickbox as soon as the DOM is ready
    // (a little sooner than page load)
    $('#slickbox1').hide();
    $('#slickbox2').hide();
    $('#slickbox3').hide();
    $('#slickbox4').hide();
    // shows the slickbox on clicking the noted link
    $('a#slick-show').click(function () {
        $('#slickbox').show('slow');
        return false;
    });
    // hides the slickbox on clicking the noted link
    $('a#slick-hide').click(function () {
        $('#slickbox').hide('fast');
        return false;
    });
    // toggles the slickbox on clicking the noted link
    $('a#slick-toggle1').click(function () {
        $('#slickbox2').slideUp(400);
        $('#slickbox3').slideUp(400);
        $('#slickbox4').slideUp(400);
        $('#slickbox1').slideToggle(400);

        return false;
    });

    $('a#slick-toggle2').click(function () {
        $('#slickbox1').slideUp(400);
        $('#slickbox3').slideUp(400);
        $('#slickbox4').slideUp(400);
        $('#slickbox2').slideToggle(400);
        return false;
    });

    $('a#slick-toggle3').click(function () {
        $('#slickbox2').slideUp(400);
        $('#slickbox1').slideUp(400);
        $('#slickbox4').slideUp(400);
        $('#slickbox3').slideToggle(400);
        return false;
    });

    $('a#slick-toggle4').click(function () {
        $('#slickbox2').slideUp(400);
        $('#slickbox3').slideUp(400);
        $('#slickbox1').slideUp(400);
        $('#slickbox4').slideToggle(400);
        return false;
    });


    /*
    *   foncy box Examples - images
    */

    $("a#example1").fancybox();

    $("a#example2").fancybox({
        'overlayShow': false,
        'transitionIn': 'elastic',
        'transitionOut': 'elastic'
    });

    $("a#example3").fancybox({
        'transitionIn': 'none',
        'transitionOut': 'none'
    });

    $("a#example4").fancybox({
        'opacity': true,
        'overlayShow': false,
        'transitionIn': 'elastic',
        'transitionOut': 'none'
    });

    $("a#example5").fancybox();

    $("a#example6").fancybox({
        'titlePosition': 'outside',
        'overlayColor': '#000',
        'overlayOpacity': 0.9
    });

    $("a#example7").fancybox({
        'titlePosition': 'inside'
    });

    $("a#example8").fancybox({
        'titlePosition': 'over'
    });

    $("a[rel=example_group]").fancybox({
        'transitionIn': 'none',
        'transitionOut': 'none',
        'titlePosition': 'over',
        'titleFormat': function (title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
        }
    });

    /*
    *   foncy box Examples - various
    */

    $("#various1").fancybox({
        'titlePosition': 'inside',
        'transitionIn': 'none',
        'transitionOut': 'none'
    });

    $("#various2").fancybox();

    $(".various3").fancybox({
        'width': '6',
        'height': '4',
        'autoScale': false,
        'transitionIn': 'none',
        'transitionOut': 'none',
        'type': 'iframe'
    });

    $("#various4").fancybox({
        'padding': 0,
        'autoScale': false,
        'transitionIn': 'none',
        'transitionOut': 'none'
    });



    /*   SlideShow   */

    $('#slides').slides({
        preload: true,
        preloadImage: '/images/img/loading.gif',
        play: 8000,
        pause: 2500,
        hoverPause: true
    });


    /*   nav rollOver   */
    $('#slick-toggle1').click(function () {
        $(this).addClass("subNavActive");
        $('#slick-toggle2').removeClass("subNavActive");
        $('#slick-toggle3').removeClass("subNavActive");
        $('#slick-toggle4').removeClass("subNavActive");
    });
    $('#slick-toggle2').click(function () {
        $(this).addClass("subNavActive");
        $('#slick-toggle1').removeClass("subNavActive");
        $('#slick-toggle3').removeClass("subNavActive");
        $('#slick-toggle4').removeClass("subNavActive");
    });
    $('#slick-toggle3').click(function () {
        $(this).addClass("subNavActive");
        $('#slick-toggle2').removeClass("subNavActive");
        $('#slick-toggle1').removeClass("subNavActive");
        $('#slick-toggle4').removeClass("subNavActive");
    });
    $('#slick-toggle4').click(function () {
        $(this).addClass("subNavActive");
        $('#slick-toggle2').removeClass("subNavActive");
        $('#slick-toggle3').removeClass("subNavActive");
        $('#slick-toggle1').removeClass("subNavActive");
    });



    /*
    *   navigation link--------------------------------
    */


    $('#btnGraphic').click(function () {
        $('#slickbox2').slideUp(400);
        $('#slickbox3').slideUp(400);
        $('#slickbox4').slideUp(400);
        $('#slickbox1').slideToggle(400);

        $('#slick-toggle1').addClass("subNavActive");
        $('#slick-toggle2').removeClass("subNavActive");
        $('#slick-toggle3').removeClass("subNavActive");
        $('#slick-toggle4').removeClass("subNavActive");
    });

    $('#btnMultimedia').click(function () {
        $('#slickbox1').slideUp(400);
        $('#slickbox3').slideUp(400);
        $('#slickbox4').slideUp(400);
        $('#slickbox2').slideToggle(400);

        $('#slick-toggle2').addClass("subNavActive");
        $('#slick-toggle1').removeClass("subNavActive");
        $('#slick-toggle3').removeClass("subNavActive");
        $('#slick-toggle4').removeClass("subNavActive");
    });

    $('#btnWeb').click(function () {
        $('#slickbox2').slideUp(400);
        $('#slickbox1').slideUp(400);
        $('#slickbox4').slideUp(400);
        $('#slickbox3').slideToggle(400);

        $('#slick-toggle3').addClass("subNavActive");
        $('#slick-toggle2').removeClass("subNavActive");
        $('#slick-toggle1').removeClass("subNavActive");
        $('#slick-toggle4').removeClass("subNavActive");
    });

    $('#btnArtroom').click(function () {
        $('#slickbox2').slideUp(400);
        $('#slickbox3').slideUp(400);
        $('#slickbox1').slideUp(400);
        $('#slickbox4').slideToggle(400);

        $('#slick-toggle4').addClass("subNavActive");
        $('#slick-toggle2').removeClass("subNavActive");
        $('#slick-toggle3').removeClass("subNavActive");
        $('#slick-toggle1').removeClass("subNavActive");
    });

});