﻿ function PreviewFields() {
    
    /* Set the cursor styles */
    $("a.previewDelete, a.previewReinstate").css("cursor", "pointer");
    $("a.previewDelete, a.previewReinstate").css("cursor", "hand"); 
 
    $("a.previewDelete").click(function() {
        var deleteLink = $(this);
        var li = deleteLink.parents("li");
        var reinstateLink = li.find("a.previewReinstate");
        var hidden = li.find("input[type=hidden]:first");
        var previewLink = deleteLink.parents("ul").find("li:first a.previewFilename");
        previewLink.css("textDecoration", "line-through");
        previewLink.css("color", "#999999");
        deleteLink.css("display", "none");
        reinstateLink.css("display", "inline");
        hidden.val('');
    });
    
    $("a.previewReinstate").click(function() {
        var reinstateLink = $(this);
        var li = reinstateLink.parents("li");
        var deleteLink = li.find("a.previewDelete");
        var hidden = li.find("input[type=hidden]:first");
        var previewLink = deleteLink.parents("ul").find("li:first a.previewFilename");
        previewLink.css("textDecoration", "none");
        previewLink.css("color", "#4B7223");
        deleteLink.css("display", "inline");
        reinstateLink.css("display", "none");
        hidden.val(li.find("input.previewHiddenFilename").val());
    });
 
 }
 
 $(document).ready(function(){
    PreviewFields(); 
 });
