﻿$(document).ready(function () {

    //Blur Links (Prevents Outline)
    $('a').click(function () {
        this.blur();
    });

    //Hide all item descriptions in the info box
    $("#infobox > div").css("display", "none");

    //Call in the info box
    $(".more a").click(function () {
        $("#infobox").animate({ bottom: '119px' }, 300);
        $("#fade_bg").fadeIn();
        return false;
    });
    //
    //            Expand more info button on hover
    //            $(".more").hover(function () {
    //                $(this).stop().animate({ width: '225px' }, 200).css({ 'z-index': '10' }); //Change the width increase caption size
    //            }, function () {
    //                $(this).stop().animate({ width: '50px' }, 200).css({ 'z-index': '1' });
    //            });

    //Show description for selected item
   
   
   //#ZA BAIAT
    $("#za_baiat a").click(function () {
        $("#za_baiat_mouse_over").show();
    });

    $("#za_baiat_txt, .close").click(function () {
        $("#fade_bg").fadeOut();
        $("#infobox").animate({ bottom: '-385px' }, 300, function () {
            $("#infobox > div").css("display", "none");
        });
        return false;
    });

    $('#clip_za_baiat').mouseover(function () {
        $('#clip_za_baiat').animate({
            opacity: 0.25
        }, 300, function () {
        });
    });
    $('#clip_za_baiat').mouseout(function () {
        $('#clip_za_baiat').animate({
            opacity: 1
        }, 300, function () {           
        });
    });


    //ZA PROFA
    $("#za_profa a").click(function () {
        $("#za_profa_mouse_over").show();
    });

    $("#za_profa_txt, .close").click(function () {
        $("#fade_bg").fadeOut();
        $("#infobox").animate({ bottom: '-385px' }, 300, function () {
            $("#infobox > div").css("display", "none");
        });
        return false;
    });
    $('#clip_za_profa').mouseover(function () {
        $('#clip_za_profa').animate({
            opacity: 0.25
        }, 300, function () {
        });
    });
    $('#clip_za_profa').mouseout(function () {
        $('#clip_za_profa').animate({
            opacity: 1
        }, 300, function () {
        });
    });

    //ZA INVESTITOR
    $("#za_investitor a").click(function () {
        $("#za_investitor_mouse_over").show();
    });

    $("#za_investitor_txt, .close").click(function () {
        $("#fade_bg").fadeOut();
        $("#infobox").animate({ bottom: '-385px' }, 300, function () {
            $("#infobox > div").css("display", "none");
        });
        return false;
    });

    $('#clip_za_investitor').mouseover(function () {
        $('#clip_za_investitor').animate({
            opacity: 0.25
        }, 300, function () {
        });
    });
    $('#clip_za_investitor').mouseout(function () {
        $('#clip_za_investitor').animate({
            opacity: 1
        }, 300, function () {
        });
    });


    //ZA MAMA
    $("#za_mama a").click(function () {
        $("#za_mama_mouse_over").show();
    });

    $("#za_mama_txt, .close").click(function () {
        $("#fade_bg").fadeOut();
        $("#infobox").animate({ bottom: '-385px' }, 300, function () {
            $("#infobox > div").css("display", "none");
        });
        return false;
    });
    $('#clip_za_mama').mouseover(function () {
        $('#clip_za_mama').animate({
            opacity: 0.25
        }, 300, function () {
        });
    });
    $('#clip_za_mama').mouseout(function () {
        $('#clip_za_mama').animate({
            opacity: 1
        }, 300, function () {
        });
    });

    //ZA MANAGER
    $("#za_manager a").click(function () {
        $("#za_manager_mouse_over").show();
    });
    $("#za_manager_txt, .close").click(function () {
        $("#fade_bg").fadeOut();
        $("#infobox").animate({ bottom: '-385px' }, 300, function () {
            $("#infobox > div").css("display", "none");
        });
        return false;
    });
    $('#clip_za_manager').mouseover(function () {
        $('#clip_za_manager').animate({
            opacity: 0.25
        }, 300, function () {
        });
    });
    $('#clip_za_manager').mouseout(function () {
        $('#clip_za_manager').animate({
            opacity: 1
        }, 300, function () {
        });
    });

    //ZA REPORTER
    $("#za_reporter a").click(function () {
        $("#za_reporter_mouse_over").show();
    });
    $("#za_reporter_txt, .close").click(function () {
        $("#fade_bg").fadeOut();
        $("#infobox").animate({ bottom: '-385px' }, 300, function () {
            $("#infobox > div").css("display", "none");
        });
        return false;
    });
    $('#clip_za_reporter').mouseover(function () {
        $('#clip_za_reporter').animate({
            opacity: 0.25
        }, 300, function () {
        });
    });
    $('#clip_za_reporter').mouseout(function () {
        $('#clip_za_reporter').animate({
            opacity: 1
        }, 300, function () {
        });
    });

    //ZA ARTIST
    $("#za_artist a").click(function () {
        $("#za_artist_mouse_over").show();
    });
    $("#za_artist_txt, .close").click(function () {
        $("#fade_bg").fadeOut();
        $("#infobox").animate({ bottom: '-385px' }, 300, function () {
            $("#infobox > div").css("display", "none");
        });
        return false;
    });
    $('#clip_za_artist').mouseover(function () {
        $('#clip_za_artist').animate({
            opacity: 0.25
        }, 300, function () {
        });
    });
    $('#clip_za_artist').mouseout(function () {
        $('#clip_za_artist').animate({
            opacity: 1
        }, 300, function () {
        });
    });

    //Remove background, info box and hide all descriptions
    $("#fade_bg, .close").click(function () {
        $("#fade_bg").fadeOut();
        $("#infobox").animate({ bottom: '-385px' }, 300, function () {
            $("#infobox > div").css("display", "none");
        });
        return false;
    });

});


//Function to set DIV visibility

//function setVisible(id, visibility) {
//    eval("document.getElementById(id).style.visibility = \"" + visibility + "\"");
//}
