function AppendObvescevalec(title, keywords, category) {
    
    //make json call to server to get image size
    $.getJSON("http://"+location.host+"/services/updatedeloarticlesubscription.php",
    {
        "category":category,
        "keywords" : keywords,
        "action": 'subscribe'
    },
    function (data) {
                       
    }
    );
    
    $('div#obvescevalec_holder div.d_obvescevalec div.d_odjava').filter('[category^=' + category + ']').parent().remove();   
    $('div#obvescevalec_holder h2').show();
    
    $("div#obvescevalec_holder div:first").removeClass('d_obvescevalec-first');
    
    //append
    if ($("div#obvescevalec_holder div:first").size()> 0) {
    $("div#obvescevalec_holder div:first").before('<div  class="d_obvescevalec">  \n\
                                                <div class="d_obvescevalec-title">' + title + ' </div>\n\
                                                <div class="d_keywords">Ključne besede: ' + keywords+'</div>\n\
                                                <div class="d_odjava" category=' + category + '>\n\
                                                <a>Odjava</a>\n\
                                                </div>\n\
                                                <div class="clear"><!----></div>\n\
                                          </div>');}
    else {
        $("div#obvescevalec_holder").append('<div  class="d_obvescevalec">  \n\
                                                <div class="d_obvescevalec-title">' + title + ' </div>\n\
                                                <div class="d_keywords">Ključne besede: ' + keywords+'</div>\n\
                                                <div class="d_odjava" category=' + category + '>\n\
                                                <a>Odjava</a>\n\
                                                </div>\n\
                                                <div class="clear"><!----></div>\n\
                                          </div>');
    }
    
    $("div#obvescevalec_holder div:first").addClass('d_obvescevalec-first');
}

$(function() { 
     $("div.d_odjava a").live('click', function() {
         
         //make json call to server to get image size
         $.getJSON("http://"+location.host+"/services/updatedeloarticlesubscription.php",
         {
             "category":$(this).parent().attr('category'),
             "action": 'unsubscribe'
         },
         function (data) {               
         });
         
         $(this).closest("div.d_obvescevalec").remove();
         
         if ($('div#obvescevalec_holder div.d_obvescevalec').size() == 0) {
             $('div#obvescevalec_holder h2').hide();
         }else {
             $("div#obvescevalec_holder div:first").addClass('d_obvescevalec-first');
         }
     });
    
    $("ul#categories li").click(function() {
       
        //make json call to server to get image size
        $.getJSON("http://"+location.host+"/services/getsubcategories.php",
        {
            "parent":this.id
        },
        function (data) {
            //find child list
            var wrap = $("ul#subcategories");
        
            //delete all items
            wrap.children().remove();
        
            //Looping through the properties of an object
            //http://www.w3schools.com/js/js_loop_for.asp
            for (cat_id in data) {
                wrap.append('<li id="'+cat_id +'">' + data[cat_id] + '</li>');
            }
            
            if (wrap.children().length == 0) {
                $('div#podrubrike').hide();
            }else {
                $('div#podrubrike').show();
            }
            
            $("ul#subcategories li").click(function() {
                $(this).toggleClass("d_selected");
            });
        }
        );
    });
    
    $("ul#categories li").mouseenter(function() {
        $(this).addClass("d_hovered");
    });
	
    $("ul#categories li").mouseleave(function() {
        $(this).removeClass("d_hovered");
    });
    
    $("ul#categories li").click(function() {
        $("ul#categories li").removeClass("d_selected");
        $(this).addClass("d_selected");
    });
    
    $("ul#subcategories li").live('mouseenter', function() {
        $(this).addClass("d_hovered");
    });
	
    $("ul#subcategories li").live('mouseleave', function() {
        $(this).removeClass("d_hovered");
    });
    
    $("ul#subcategories li").click(function() {
        $(this).toggleClass("d_selected");
    });
    
    
    $("textarea#d_osebniurednik-textarea").focus(function() {
		if ($(this).data('clicked')!=true) {
			$(this).data('clicked',true);
			$(this).val('');
		}
    });
    
    $('a#d_osebniurednik-shrani').click(function() {
        if ($('ul#categories li.d_selected').size()>0) {
            //imamo izbrane podkategorije
            if ($("ul#subcategories li.d_selected").size() > 0 ) {
                $("ul#subcategories li.d_selected").each(function() {
                    AppendObvescevalec($('ul#categories li.d_selected').text()+ ' - ' + $(this).text(), $("#d_osebniurednik-textarea").val(),this.id);
                });   
            }else //frzgace dodamo vse podkategorije
            {
                $("ul#subcategories li").each(function() {
                    AppendObvescevalec($('ul#categories li.d_selected').text() + ' - ' + $(this).text(), $("#d_osebniurednik-textarea").val(),this.id);      
                });
                AppendObvescevalec($('ul#categories li.d_selected').text(), $("#d_osebniurednik-textarea").val(),$('ul#categories li.d_selected').attr('id'));
            }
        }
    });
});