$(document).ready(function() {
    
    // Toggle ingredients & instructions block
    $('a#addIng').click(function() {
         
        $('div#ytIng').slideToggle();
        return false;
    });


    // Save ingredients & instructions
    $('#saveIng').click(function() {

        var ytID = $('input#ytID').val();
        var ingredients = ''; 
        $('input[name=ingredients]').each(function() {
            ingredients += $(this).val() + '#####';
        });

        var instructions = '';
        $('textarea[name=instructions]').each(function() {
            instructions += $(this).val() + '#####';
        });

        $.post('../yt.php', {a:'AddIng', ytID: ytID, ingredients: ingredients, instructions: instructions}, function(res) {
            var ing = '<h2>Ingredients</h2><ul>';
            $('input[name=ingredients]').each(function() {
                if($(this).val()) {
                    ing += '<li>' + $(this).val() + '</li>';
                }
            });
            ing += '</ul>';
            ing += '<h2>Instructions</h2>';
            $('textarea[name=instructions]').each(function(index) {
                if($(this).val()) {
                    ing += '<p></p>' + '<h3>Step ' + (index+1) + '</h3>';
                    ing += $(this).val();
                }
            });

            $('div#ytIng').slideToggle();
            $('a#addIng').hide();

            $('div#justAdded').append(ing); 
        });

        return false;
    });


    // Edit title
    $('#editTitle').click(function() {
        var title = $(this).prev().html();
        $('#editingTitle input[type=text]').val(title);
        $('#editingTitle').slideToggle();
        return false;
    });

    $('#editingTitle input[type=button]').click(function() {
        var newTitle = $('#editingTitle input[type=text]').val();
        var ytID = $('input#ytID').val();
        if(newTitle) {
            $.post('../yt.php', {a:'EditTitle', ytID:ytID, newTitle:newTitle}, function(res) {
                $('#recipeName > span').html(newTitle);
                $('#editingTitle').slideToggle();
            });
        }
        return false;
    });

    // Edit description
    $('#editDesc').click(function() {
        var desc = $(this).prev().html();
        $('#editingDesc textarea').val(desc);
        $('#editingDesc').slideToggle();
        return false;
    });

    $('#editingDesc input[type=button]').live('click', function() {
        var newDesc = $('#editingDesc textarea').val();
        var ytID = $('input#ytID').val();
        if(newDesc) {
            $.post('../yt.php', {a:'EditDesc', ytID:ytID, newDesc:newDesc}, function(res) {
                $('#recipeDesc').html(newDesc);
                $('#editingDesc').slideToggle();
            });
        }
        return false;
    });

    $('#pushFP').click(function() {
        var ytID = $('input#ytID').val();
        $.post('../yt.php', {a:'PushFP', ytID: ytID}, function(res) {
            $('#pushFP').hide();
        });
        return false;
    });

    $('#pullFP').click(function() {
        var urls = top.location.href.split('/');
        var ytID = urls[urls.length - 1].split('_-_')[0];

        $.post('../yt.php', {a:'PullFP', ytID: ytID}, function(res) {
            $('#pullFP').hide();
        });
        return false;
    });

    $('#editCat').click(function() {
        $('#editingCat').slideToggle();
        return false;
    });

    $('#editingCat input[type=button]').live('click', function() {

        var ytID = $('input#ytID').val();
        var categories = '';
        var catNames = '';
        $('#editingCat input[name="categories"]:checked').each(function() {
            categories += $(this).val() + ",";
            catNames += "<a href='http://www.bethecook.com/categories/" + $(this).attr('alt') + "'>" + $(this).attr('alt') + "</a>, "; 
        });

        if(categories) {
            categories = categories.substring(0, categories.length-1);
            $.post('../yt.php', {a:'EditCat', ytID: ytID, categories:categories}, function() {
                $('.recipeCategories').html(catNames);
                $('#editingCat').slideToggle();
            });
        }
        return false;
    });
});