var mouseIsOver = false;
$(document).ready(function(){
    // Otvori slika od galerija so ID prevzemeno od GET   
    //    var myFile = document.location.toString();
    //    if (myFile.match('#')) {
    //        var myAnchor = '#' + myFile.split('#')[1];
    //        myAnchor = myAnchor.substring(1);
    //        $('li#'+myAnchor+'_personal').css("display","block");
    //        $('#'+myAnchor+'_personal_small img').addClass('smallPicSelected');
    //        $('#personalImagesScroller').scrollTo('#'+myAnchor+'_personal_small');
    //    }
    //    $('#mycarousel-small-personal li').click(function(){
    //        var oldId = $('.smallPicSelected').parent().attr("nbr");
    //        var newId = $(this).attr("nbr");
    //        $('li#'+oldId+'_personal').fadeOut(function(){
    //            $('li#'+newId+'_personal').fadeIn();
    //        });
    //
    //        $('#'+oldId+'_personal_small img').removeClass('smallPicSelected');
    //        $('#'+newId+'_personal_small img').addClass('smallPicSelected');
    //    });



    

    // Proveri otvoreno podmeni i ostavi go otvoreno; Dodadi klasi za selektirano parent meni
    $(".menuSelected").parent().parent().css("display", "block");
    $(".menuSelected").parent().parent().parent().addClass("selected");
    //    $(".menuSelected").parent().addClass("selected");
    $(".menuSelected").parent().removeClass("liDefault");
    // Color line on rollover
    $(".menuDefault, .menuDefaultSub").hover(function () {
        //$("#menu li").removeClass("selected");
        $(this).parent().addClass("selectedHover");
    },function callback(){
        $("#menu li.liDefault").removeClass("selectedHover");
    });

    

    // Hover na inputi
    var inputi = $("input, textarea");
    $(inputi).focus(function () {
        $(this).addClass("inputSelected")
    });
    $(inputi).blur(function () {
        $(this).removeClass("inputSelected")
    });


    // Proveri rezolucija
    var rWidth = 1016;
    var rHeight = 603;
    var sWidth = $(window).width();
    var sHeight = $(window).height();

    if(sWidth<rWidth && sHeight<rHeight ){
        alert ("Le site ne peut être vu en-dessous de la résolution "+rWidth+"x"+rHeight+". Votre résolution est "+sWidth+"x"+sHeight);
    }
    // promena na footer na pomala rezolucija
    //    if(sHeight<=768){
    //        alert("pomala od 600");
    //        $(".footer").css("position", "relative");
    //    }

    // dare galerija
    var height_window = $(window).height();
    var width_window = $(window).width();
    
    jQuery('#mycarousel').jcarousel({
        scroll:1,
        size:($('#mycarousel li').length+1),
        initCallback: mycarousel_initCallback
    });
    jQuery('#mycarousel-small').jcarousel({
        size:($('#mycarousel li').length),
        scroll:1,
        easing:"linear",
        buttonNextEvent:'mouseover',
        buttonPrevEvent:'mouseover',
        itemVisibleInCallback: {
            onAfterAnimation: callbackVisibleIn
        },
        itemVisibleOutCallback: {
            onAfterAnimation: callbackVisibleOut
        }
    });


    jQuery('#pPhotos').jcarousel({
        size:($('#pPhotos li').length),
        vertical: true,
        scroll: 1,
        buttonNextEvent:'mouseover',
        buttonPrevEvent:'mouseover',
        easing:"linear",
        itemVisibleInCallback: {
            onAfterAnimation: callbackVisibleIn
        },
        itemVisibleOutCallback: {
            onAfterAnimation: callbackVisibleOut
        }
    });
    

    $('.jcarousel-skin-tango-small .jcarousel-next').mouseover(function(){
        mouseIsOver = true;
    });
    $('.jcarousel-skin-tango-small .jcarousel-prev').mouseover(function(){
        mouseIsOver = true;
    });
    $('.jcarousel-skin-tango-small .jcarousel-next').mouseout(function(){
        mouseIsOver = false;
    });
    $('.jcarousel-skin-tango-small .jcarousel-prev').mouseout(function(){
        mouseIsOver = false;
    });

    $('.jcarousel-skin-tango-small-personal .jcarousel-next').mouseover(function(){
        mouseIsOver = true;
    });
    $('.jcarousel-skin-tango-small-personal .jcarousel-prev').mouseover(function(){
        mouseIsOver = true;
    });
    $('.jcarousel-skin-tango-small-personal .jcarousel-next').mouseout(function(){
        mouseIsOver = false;
    });
    $('.jcarousel-skin-tango-small-personal .jcarousel-prev').mouseout(function(){
        mouseIsOver = false;
    });

    // Zolt rollover na slikite
    $(".SmallPictures .jcarousel-item, .PersonalPhotos .jcarousel-item").hover(function () {
        $(this).addClass("imgBorder");
    },function callback(){
        $(this).removeClass("imgBorder");
    });

    // Personalna vertikalna galerija
    $(".PersonalSmallPhoto").click(function(){
        var photoname = $(this).attr("alt");
        $(".PersonalPhoto img").attr("src", "/gallery/"+photoname);
    });




});

function callbackVisibleIn(carousel,obj,inx,action){
    if(mouseIsOver){
        if(action=="prev"){
            carousel.scroll(jQuery.jcarousel.intval(inx-1));
        }else{
            return;
        }

    }else{
        return;
    }
}
function callbackVisibleOut(carousel,obj,inx,action){
    if(mouseIsOver){
        if(action=="next"){
            carousel.scroll(jQuery.jcarousel.intval(inx+2));
        }else{
            return;
        }
    }else{
        return;
    }
}


function callback2(carousel,obj,inx,action){
    if(mouseIsOver){
        if(action=="next"){
            carousel.scroll(jQuery.jcarousel.intval(inx));
        }else if(action=="prev"){
            carousel.scroll(jQuery.jcarousel.intval(inx-1));
        }
    }else{
        return;
    }
}






function mycarousel_initCallback(carousel) {
    jQuery('#mycarousel-small img').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr("id")));
        return false;
    });
};

function mycarousel_initCallbackPersonal(carousel) {
    jQuery('#mycarousel-small-personal img').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr("id")));
        return false;
    });
};


