/*jQuery Functions*/
$(document).ready(function() {

    //Login Box clear
    $('#passwordclear').show();
    $('#password').hide();

    $('#usernameclear').show();
    $('#username').hide();

    $('#passwordclear').mouseover(function() {
        $('#passwordclear').hide();
        $('#password').show();
        $('#password').focus();
    });

    $('#usernameclear').mouseover(function() {
        $('#usernameclear').hide();
        $('#username').show();
        $('#username').focus();
    });

    //Login Box Slide Down
    $(".btn-slide").click(function() {
        $("#LoginPanel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });
    $().piroBox({
        my_speed: 600, //animation speed
        bg_alpha: 0.5, //background opacity
        radius: 4, //caption rounded corner
        scrollImage: false, // true == image follows the page, false == image remains in the same open position
        pirobox_next: 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
        pirobox_prev: 'piro_prev', // Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
        close_all: '.piro_close', // add class .piro_overlay(with comma)if you want overlay click close piroBox
        slideShow: 'slideshow', // just delete slideshow between '' if you don't want it.
        slideSpeed: 4 //slideshow duration in seconds(3 to 6 Recommended)
    });
    
});

//Comments on Images Overlay
$(function() {

    $('.Images').hover(function() {
        $(this).children('.comment').stop().css("top", "0px");
    }

            , function() {
                $(this).children('.comment').stop().animate({ "top": '400px' }, 600);
            });

});

//Fading images
$(function() {
    // OPACITY OF BUTTON SET TO 50%
    $(".fading_img").css("opacity", "1.0");

    // ON MOUSE OVER
    $(".fading_img").hover(function() {

        // SET OPACITY TO 100%
        $(this).stop().animate({
            opacity: 0.5
        }, "slow");
    },

    // ON MOUSE OUT
function() {

    // SET OPACITY BACK TO 50%
    $(this).stop().animate({
        opacity: 1.0
    }, "slow");
});
});