var newsletter_value = '';
var ftp_value = '';
var currentElement = null;

var selected_categories = '';


filterByDistrict = function(param){
    var region = 'region_'+param;

    $('ul#gallery_members li').each(function() {

                    if($(this).hasClass(region)){
                        $(this).children('a').addClass("selected");
                        //$(this).fadeTo("slow", 1.0);
                        $(this).show();
                    }else{
                        //$(this).fadeTo("slow", 0.2);
                        $(this).hide();
                        $(this).children('a').removeClass("selected");
                    }
    });

}

// zaznaczanie kategorii i obazkow z requesta
function checkImagesFromRequest(request_cat){

    if(request_cat == 'all'){
        return true;
    }

    var filterVal = request_cat.toLowerCase().split(",");

    $('ul#member_images li a').each(function() {
                    $(this).removeClass("selected");
                    //$(this).fadeTo("slow", 0.2);
                    $(this).hide();
        });

    for ( var clazz in filterVal )
    {
        $('#categories li a').each(function() {
            if($(this).hasClass(filterVal[clazz])){
                $(this).addClass("active");
                $(this).parent('.cat_right_bg').parent('.cat_left_bg').parent('.cat_bg').addClass("cat_bg_active");
                $(this).parent('.cat_right_bg').parent('.cat_left_bg').addClass("cat_left_bg_active");
                $(this).parent('.cat_right_bg').addClass("cat_right_bg_active");
            }
        });

        $('ul#member_images li a').each(function() {
                if($(this).hasClass(filterVal[clazz])) {
                    //$(this).fadeTo("slow", 1.0);
                     $(this).show();
                    $(this).addClass("selected");
                }
        });
    }

 

}

// resetuje wszystkie wyblakle obrazki
function resetCategories(){

    $('#gallery_members li').each(function(){
        $(this).children('a').removeClass("selected");
        //$(this).fadeTo("slow", 1.0);
        $(this).show();
    });

    $('#member_images li a').each(function(){
        $(this).removeClass("selected");
       // $(this).fadeTo("slow", 1.0);
        $(this).show();
    });

    $('ul#categories a').each(function(){
        $(this).removeClass("active");
        $(this).parent('.cat_right_bg').parent('.cat_left_bg').parent('.cat_bg').removeClass("cat_bg_active");
        $(this).parent('.cat_right_bg').parent('.cat_left_bg').removeClass("cat_left_bg_active");
        $(this).parent('.cat_right_bg').removeClass("cat_right_bg_active");
    });

    $('ul#artists li a').each(function() {
        $(this).removeClass("selected");
    });
}

function showImage(elem){

        $('#member_big_image').hide();
        $('#youtube_container').hide();
        $('#loading_zoom').show();




        var image_id = $(elem).attr("id");

//console.log($(elem))

        if($(elem).hasClass('youtube')){
            
            var query = "/json/load-movie/image/"+image_id;
            $.post(query, function(data){

                $("#youtube_show").html(data);
                $('#loading_zoom').hide();
                $("#youtube_container").show();
            });
        }else{
            var largePath = $(elem).attr("href");
            var largeAlt = $(elem).attr("title");

            $("#largeUrl").attr("class",'light_'+image_id );

            $("#largeUrl").attr({
                href: largeAlt
            });
            $("#largeImg").attr({
                src: largePath,
                alt: largeAlt
            });

            $('#largeImg').load(function() {
                $('#loading_zoom').hide();

                    var img_width = $('#largeImg').attr("width");
                    $("#member_big_image").css("width", img_width);

                $('#member_big_image').show();
            });
        }

        $('#curent_image').html(parseInt($(elem).attr("idek"))+1);
        return false;
}

function isYoutube(){

    var obj = $("#member_images li a:first");

    if(obj.hasClass('youtube')){

            

            $('#member_big_image').hide();
            $('#youtube_container').hide();
            $('#loading_zoom').show();

            var image_id = $(obj).attr("id");
            var query = "/json/load-movie/image/"+image_id;
            $.post(query, function(data){

                $("#youtube_show").html(data);
                $('#loading_zoom').hide();
                $("#youtube_container").show();
            });
    }else{

            var largePath = $(obj).attr("href");
            var largeAlt = $(obj).attr("title");

            $("#largeUrl").attr({
                href: largeAlt
            });
            $("#largeImg").attr({
                src: largePath,
                alt: largeAlt
            });

            $('#largeImg').load(function() {
                $('#loading_zoom').hide();

                    var img_width = $('#largeImg').attr("width");
                    $("#member_big_image").css("width", img_width);

                $('#member_big_image').show();
            });

    }

}

$(document).ready(function(){

if( $('#menu_dates li a')[0]){
$('.news_all').hide();



var l=$('#menu_dates li a')[0].href
    l=l.replace(/.*#/gi,'');
    l=l.replace(' ','');
    l=l.replace('%20','');
    l='.date-'+l;
    $(l).show();


$('#menu_dates li a').click(function(e){
    $('.news_all').hide();
    var l=this.href+"";
    l=l.replace(/.*#/gi,'');
    l=l.replace(' ','');
    l=l.replace('%20','');
    var s='.date-'+l;
    $(s).show();
    return false
    
});
}

    $("#tooltip-next").hide();
    $("#tooltip-prev").hide();

    $(".prev-image").mousemove(function(e){
        $("#tooltip-prev").show();
        $("#tooltip-prev").css({
            top: (e.pageY) + "px",
            left: (e.pageX + 15) + "px"
        });
    });
    $(".prev-image").mouseout(function(e){
        $("#tooltip-prev").hide();
    });
    $(".next-image").mousemove(function(e){
        $("#tooltip-next").show();
        $("#tooltip-next").css({
            top: (e.pageY) + "px",
            left: (e.pageX + 15) + "px"
        });
    });
    $(".next-image").mouseout(function(e){
        $("#tooltip-next").hide();
    });

    $('#largeUrl').click(function(){

            $('#f_'+$(this).attr('class')).click();

            return false;
        }
    );

    $('#artists li a').click(function(){
        var href = $(this).attr("href");

        if($(this).hasClass('selected')){
            href+='/categories/';
            href+=selected_categories;
        }
        
        window.location = href;
        return false;

    });

    $('ul#gallery_members a').click(function(){

        var href = $(this).attr("href");

        if($(this).hasClass('selected')){
            href+='/categories/';
            href+=selected_categories;
        }
        window.location = href;
        return false;

    });

    $('ul#categories a').hover(
        function () {
            $(this).parent('.cat_right_bg').parent('.cat_left_bg').parent('.cat_bg').addClass("cat_bg_active");
            $(this).parent('.cat_right_bg').parent('.cat_left_bg').addClass("cat_left_bg_active");
            $(this).parent('.cat_right_bg').addClass("cat_right_bg_active");
        },
        function () {
            if(!$(this).hasClass("active")){
                $(this).parent('.cat_right_bg').parent('.cat_left_bg').parent('.cat_bg').removeClass("cat_bg_active");
                $(this).parent('.cat_right_bg').parent('.cat_left_bg').removeClass("cat_left_bg_active");
                $(this).parent('.cat_right_bg').removeClass("cat_right_bg_active");
            }
        }
        );


    // filtowanie galerii
    $('ul#categories a').click(function() {

        var filterVal = $(this).attr("class").toLowerCase()+',';
        

        /// zaznaczanie i odznaczenie tla
        if($(this).hasClass("active")){
            $(this).removeClass("active");
            $(this).parent('.cat_right_bg').parent('.cat_left_bg').parent('.cat_bg').removeClass("cat_bg_active");
            $(this).parent('.cat_right_bg').parent('.cat_left_bg').removeClass("cat_left_bg_active");
            $(this).parent('.cat_right_bg').removeClass("cat_right_bg_active");
            
            filterVal = $(this).attr("class").toLowerCase()+',';

            selected_categories = selected_categories.replace(filterVal,'');

        }else{
            $(this).addClass("active");
            $(this).parent('.cat_right_bg').parent('.cat_left_bg').parent('.cat_bg').addClass("cat_bg_active");
            $(this).parent('.cat_right_bg').parent('.cat_left_bg').addClass("cat_left_bg_active");
            $(this).parent('.cat_right_bg').addClass("cat_right_bg_active");

            selected_categories = selected_categories+filterVal;
        }

        if($(this).hasClass("all") || selected_categories =='') {
            resetCategories();
            selected_categories = '';
            return false;
        }else{

            if(member_detail > 0){
                    var filterVal = selected_categories.toLowerCase().split(",");

                    $('ul#member_images li a').each(function() {
                                    $(this).removeClass("selected");
                                    //$(this).fadeTo("slow", 0.2);
                                     $(this).hide();
                    });

                    for ( var clazz in filterVal )
                    {
                        $('ul#member_images li a').each(function() {
                                if($(this).hasClass(filterVal[clazz])) {
                                    //$(this).fadeTo("slow", 1.0);
                                    $(this).show();
                                    $(this).addClass("selected");
                                }
                        });
                    }
            }
 
            var query = "/json/expose-members/categories/"+selected_categories;

            $.getJSON(query,function(data){
                var encoded = $.toJSON(data);
                var members = $.evalJSON(encoded).members;
                var artists = $.evalJSON(encoded).artists;

                $('ul#gallery_members li').each(function() {
                        
                    var isInArray = jQuery.inArray($(this).attr("id"), members);

                    if(isInArray > -1){
                        $(this).children('a').addClass("selected");
                        //$(this).fadeTo("slow", 1.0);
                        $(this).show();
                    }else{
                        //$(this).fadeTo("slow", 0.2);
                        $(this).hide();
                        $(this).children('a').removeClass("selected");
                    }
                });

                $('ul#artists li a').each(function() {

                    var isInArray = jQuery.inArray($(this).attr("id"), artists);

                    if(isInArray > -1){
                        $(this).addClass("selected");
                    } else {
                        $(this).removeClass("selected");
                        
                    }

                });
           });
        }

        return false;
    }
    );

    $('#newsletter_input').focus(function() {
        newsletter_value = $(this).val();
        $(this).val("");
    });
    $('#newsletter_input').blur(function() {
        if($(this).val()=="") {
            $(this).val(newsletter_value);
        }
    });
    $('#ftp_input').focus(function() {
        ftp_value = $(this).val();
        $(this).val("");
    });
    $('#ftp_input').blur(function() {
        if($(this).val()=="") {
            $(this).val(ftp_value);
        }
    });
    $(".prev-image").click(
        function(){

            if(currentElement == null){
                currentElement =  $("#member_images li div a");
            }

           var prevDiv = currentElement.parent().prev("div");
           var prevImage = prevDiv.children("a");
           if(prevDiv.hasClass("bubble_popup")){
           
           console.log(prevImage.length)
           
               if(prevImage != null){
                 showImage(prevImage);
                  // $('#curent_image').html(parseInt($('#curent_image').html())-1);
                 currentElement = prevImage;

                $('#largeImg').load(function() {
                    var img_width = $('#largeImg').attr("width");
                    $("#member_big_image").css("width", img_width);
                });
               }
           }else{
        	console.log('overlap bwd')  
           }
        }
    );
    $(".next-image").click(
        function(){

            if(currentElement == null){
                currentElement =  $("#member_images li div a");
            }


           var nextDiv = currentElement.parent().next("div");
           var nextImage = nextDiv.children("a");
        
           if(!nextDiv.hasClass("bubble_popup")){
    		//let's make a rewind if no image's left
		//currentElement=$('#member_images li div a')
		//nextDiv=currentElement.parent()//.next('div')
		//nextImage=nextDiv.children("a")
		return true
	    }
	    console.log(nextImage)

               if(nextImage != null){
                 showImage(nextImage);
                  // $('#curent_image').html(parseInt($('#curent_image').html())+1);
                 currentElement = nextImage;
 
                $('#largeImg').load(function() {
                    var img_width = $('#largeImg').attr("width");
                  $("#member_big_image").css("width", img_width);
                });

               }
        }
    );

    $("#member_images li a").click(function(){

        currentElement = $(this);

        $('#member_big_image').hide();
        $('#youtube_container').hide();
        $('#loading_zoom').show();

        var image_id = $(this).attr("id");

        if($(this).hasClass('youtube')){
            
            var query = "/json/load-movie/image/"+image_id;
            $.post(query, function(data){

                $("#youtube_show").html(data);
                $('#loading_zoom').hide();
                $("#youtube_container").show();
            });
        }else{
            var largePath = $(this).attr("href");
            var largeAlt = $(this).attr("title");

            $("#largeUrl").attr("class",'light_'+image_id );

            $("#largeUrl").attr({
                href: largeAlt
            });
            $("#largeImg").attr({
                src: largePath,
                alt: largeAlt
            });

            $('#largeImg').load(function() {
                $('#loading_zoom').hide();

                    var img_width = $('#largeImg').attr("width");
                    $("#member_big_image").css("width", img_width);

                $('#member_big_image').show();
            });
        }
         $('#curent_image').html(parseInt($(this).attr("idek"))+1);
        return false;
    }
    );

});