﻿function addFileUploadBox()
            {
                if(!document.getElementById || !document.createElement)
                    return false;
                
                var FileDetails = document.getElementById("FileDetails");
                if(!FileDetails)
                    return;
                    
                if(!addFileUploadBox.lastAssignedId)
                    addFileUploadBox.lastAssignedId = 0;
                
                var table = document.createElement("table");
                tbody = document.createElement("tbody");
                
                tr = document.createElement("tr");
                td = document.createElement("td");
                label = CreateLabel("Title");
                label.className = "labelcolumn";
                td.appendChild(label);
                tr.appendChild(td);
                td = document.createElement("td");
                input = CreateInput("Title","text");
                input.className = "TextField";
                input.setAttribute("id","Title" + addFileUploadBox.lastAssignedId);
                input.setAttribute("name","Title" + addFileUploadBox.lastAssignedId);
                td.appendChild(input);
                tr.appendChild(td);
                tbody.appendChild(tr);
                
                tr = document.createElement("tr");
                td = document.createElement("td");
                label = CreateLabel("Description");
                label.className = "labelcolumn";
                td.appendChild(label);
                tr.appendChild(td);
                td = document.createElement("td");
                input = CreateTextArea("Description","textarea");
                input.className = "TextArea";
                input.setAttribute("id","Description" + addFileUploadBox.lastAssignedId);
                input.setAttribute("name","Description" + addFileUploadBox.lastAssignedId);
                td.appendChild(input);
                tr.appendChild(td);
                tbody.appendChild(tr);
            
                tr = document.createElement("tr");
                td = document.createElement("td");
                label = CreateLabel("Transition");
                label.className = "labelcolumn";
                td.appendChild(label);
                tr.appendChild(td);
                td = document.createElement("td");
                input = CreateTransitionOption("Transition");
                input.setAttribute("id","Transition" + addFileUploadBox.lastAssignedId);
                input.setAttribute("name","Transition" + addFileUploadBox.lastAssignedId);
                td.appendChild(input);
                tr.appendChild(td);
                tbody.appendChild(tr);
                
                tr = document.createElement("tr");
                td = document.createElement("td");
                label = CreateLabel("Album Cover");
                label.className = "labelcolumn";
                td.appendChild(label);
                tr.appendChild(td);
                td = document.createElement("td");
                input = CreateInput("File","file");
                input.className = "TextField";
                input.setAttribute("id","FileField" + addFileUploadBox.lastAssignedId);
                input.setAttribute("name","FileField" + addFileUploadBox.lastAssignedId);
                td.appendChild(input);
                tr.appendChild(td);
                tbody.appendChild(tr);
                
                table.appendChild(tbody);
                FileDetails.appendChild(table);                
                addFileUploadBox.lastAssignedId++;
                
            }
            
            function CreateLabel(text)
            {
                var label = document.createElement("span");
                label.innerHTML = text;
                label.style.fontSize = 12;
                
                return label;
            }
            
            function CreateInput(inputName, type)
            {
                var input = document.createElement("input");
                input.type = type;
                input.name = inputName;
                
                return input;
            }
            
            function CreateTransitionOption(inputName)
            {
                var select = document.createElement("select");
                select.name = inputName;
                
                var transitions = new Array();
                transitions[0] = "CircleOutTransition";
                transitions[1] = "CrossFadeTransition";
                transitions[2] = "SlideDownTransition";
                transitions[3] = "SlideLeftTransition";
                transitions[4] = "WipeRightTransition";
                
                for(var i = 0; i < transitions.length; i++)
                {
                    var option = document.createElement("option");
                    option.text = transitions[i];
                    option.value = i + 1;
                    select.options.add(option);
                }
             
                return select;
            }
            
           function CreateTextArea(inputName, type)
            {
                var input = document.createElement("textarea");
                input.name = inputName;
                return input;
            }
