$(document).ready(function() {

    // menu hide on start
    $('.menu ul li ul').css("display","none");
    $('.menu ul li ul').css("opacity","1");
    
    // menu show on click
    $('.menu ul li.liDefault').click(function(){
        $('.menu ul li ul').css("display","none");
        $('ul', $(this)).css("display","block");
    });

    // close something on document click
    $(document).bind('click', function(e) {
        var $clicked=$(e.target); // get the element clicked
        // close submenu
        if( ! ( $clicked.is('.menu ul li a'))  ){
            $(".menu ul li ul").css("display", "none");
        }
        // close lang box
        if( ! ( $clicked.is('.lang a'))  ){
            $(".langBox").css("display", "none");
        }
        
    });

    // clear input value on focus
    $('input, textarea').each(function() {
        var default_value = this.value;
        $(this).focus(function() {
            if(this.value == default_value) {
                this.value = '';
            }
        });
        $(this).blur(function() {
            if(this.value == '') {
                this.value = default_value;
            }
        });
    });

    // open lang box
    $("#curLang").click(function() {
        $(".langBox").css("display", "block");
       
    });

    

    // easy slider configuration
//    $(document).ready(function(){
//        $("#splash").easySlider({
//            auto: false,
//            vertical:false,
//            continuous: true,
//            speed:0,
//            pause:5000,
//            prevText: '<img class=\"prev\" src=\"/style/images/prev.png\" width=\"25\" height=\"25\" alt=\"Previous photo\" />',
//            nextText: '<img class=\"next\" src=\"/style/images/next.png\" width=\"25\" height=\"25\" alt=\"Next photo\" />'
//        });
//    });




    // small gallery
    var wWidth = $(window).width();
    var wHeight = $(window).height();

    // if image doesn't exist
    // $('.smallGallery img').each(function() {
    // if (!this.complete) {
    // $(this).attr({
    // src: '/thumbs/noimage.jpg',
    // pname: 'noimage.jpg'
    // });
    // }
    // });


    // hover efekti
    $(".smallGallery ul li").hover(function(){
        $(this).addClass("selected");
    }, function callback(){
        $(this).removeClass("selected");
    } );

    // open big photo
    $(".smallGallery ul li").click(function(){
        var pname = $(".smallPhoto", this).attr("pname");
        $(".bigPhoto").attr("src", "/gallery/"+pname);

        // prevzemi vrednosti na scrollot
        var scrOfY = $(document).scrollTop( );

        // prikazi blackout i slika koga ke se vcita
        $(".blackout").css("width", $("body").width()+"px");
        $(".blackout").css("height", $("body").height()+100+"px");
        //        $(".blackout").css("top", scrOfY + (wHeight/2) - ($(".blackout").height()/2) );
        //        $(".blackout").css("left", (wWidth/2) - ($(".blackout").width()/2));

        //        $(".blackout").css("display", "block");
        $(".blackout").fadeIn("fast");
        // close info
        $(".xButton").css("display", "block");
        $(".xButton").css("top", scrOfY+10);
        $(".xButton").css("right", "10px");

        $(".bigPhoto").load(function (){
            $(".bigPhoto").css("display", "block");
            $(".bigPhoto").css("top", scrOfY + (wHeight/2) - ($(".bigPhoto").height()/2) );
            $(".bigPhoto").css("left", (wWidth/2) - ($(".bigPhoto").width()/2));
            
        });


    })

    // close big photo
    $(".bigPhoto, .xButton").click(function(){
        $(".blackout").css("display", "none");
        $(".xButton").css("display", "none");
        $(".bigPhoto").css("display", "none");
    });

// end of small gallery







    
});




// Verifikator na kontakt forma
var nameDefault = $("#name").val();
var emailDefault = $("#email").val();
var commentDefault = $("#comment").val();

// submit na forma so ajax
function submitForm(){
    $(".submitMsg").css("display", "none");


    if($("#name").val()==nameDefault){
        $("#name").addClass("inputError"); $("#name").focus(); return false;
    }else{
        $("#name").removeClass("inputError");
    };
    if($("#email").val()==emailDefault || !isValidEmail($("#email").val())){
        $("#email").addClass("inputError"); $("#email").focus(); return false;
    }else{
        $("#email").removeClass("inputError");
    };
    if($("#comment").val()==commentDefault){
        $("#comment").addClass("inputError"); $("#comment").focus(); return false;
    }else{
        $("#comment").removeClass("inputError");
    };

    $.post("/en/submitForm.html/submit", $("#contact_form").serialize(), function(data){
        $(".submitMsg").css("display", "block");
        $("#name").val(nameDefault);
        $("#email").val(emailDefault);
        $("#comment").val(commentDefault);
    });
    return true;
}
function isValidEmail(str) {
    return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
}


