$(document).ready(function(){
	bindLink();
})

function bindLink(){
		$("a.frame").unbind();
	    $("a.frame").bind("click", function(){
        $('#loader').show();
        var tab = $(this).attr('href');
        $.ajax({
            url: tab,
            cache: false,
            success: function(html){
                $("#frame").html(html);
                $('#loader').hide();
				bindFrame();
                $('#frameContainer').show();
            }
        });
        
        return false;
    });
}

function bindFrame(){
    $("#frame form").bind("submit", function(){
		$('#loader').show();
        $.ajax({
            type: 'POST',
            url: $("#frame form").attr('action'),
            data: $("#frame form").serialize(),
            dataType: 'json',
            success: function(result){
                $('#info').html(result.info);
                $('#frame input').css('border', '1px solid black');
				$('#frame .error').remove();
                if (result.validate) {
                    $.each(result.validate, function(i, item){
                        $('#' + i).css('border', '2px solid red');
						$('#' + i).after('<div class="error">'+item+'</div>');
                    }) 
                }
                else {
                    $('#frameContainer').hide();
					switch(result.action)
					{
						case 'edit':$('#r_' + result.id + ' td').css('font-weight', 'bold').css('background', 'yellow'); break;
						case 'add': 
							var colspan = $('table tr:odd:first th').length;
							$('table tr:last').before('<tr><td colspan="'+colspan+'" class="addNew">Dodano: '+result.id+'</td></tr>');
							break;
						
					}
                }
				$('#loader').hide();
            }
        })
        return false;
    });

    $("#frame_header .deleteButton").bind("click", function(){
        $.ajax({
            type: 'POST',
            url: $("#frame_header .deleteButton").attr('href'),
            dataType: 'json',
            success: function(result){
                $('#info').html(result.info);
				$('#r_' + result.id + ' td').css('text-decoration', 'line-through').css('background', 'red'); 
				$("#r_' + result.id + ' td:first").html($("#r_1 .frame").text()); 
                $('#frameContainer').hide();
            }
        })
        return false;
    });
}