function getElementsByClassName(oElm,strTagName,strClassName){var arrElements=(strTagName=="*"&&oElm.all)?oElm.all:oElm.getElementsByTagName(strTagName);var arrReturnElements=new Array();strClassName=strClassName.replace(/-/g,"\-");var oRegExp=new RegExp("(^|\s)"+strClassName+"(\s|$)");var oElement;for(var i=0;i<arrElements.length;i++){oElement=arrElements[i];if(oRegExp.test(oElement.className)){arrReturnElements.push(oElement)}}return(arrReturnElements)}function GetTarget(Event){var Target;if(!Event)var Event=window.event;if(Event.target)Target=Event.target;else if(Event.srcElement)Target=Event.srcElement;if(Target.nodeType==3)Target=Target.parentNode;return Target}function Listen(instance,eventName,listener){if(instance.addEventListener){instance.addEventListener(eventName,listener,false)}else if(instance.attachEvent){var f=listener;listener=function(){f(window.event)}instance.attachEvent("on"+eventName,listener)}else{throw new Error("Event registration not supported");}}if(!Array.indexOf){Array.prototype.indexOf=function(obj){for(var i=0;i<this.length;i++){if(this[i]==obj){return i}}return-1}}function RemoveIcon(Event){var RemoveButton=GetTarget(Event);var Icon=RemoveButton.parentNode;if(Icon.className=="First"&&Icon.nextSibling)Icon.nextSibling.className="First";Icon.parentNode.removeChild(RemoveButton.parentNode)}function GetForm(Field){var TheForm=Field.parentNode;while(TheForm.tagName.toLowerCase()!="form"){TheForm=TheForm.parentNode}return TheForm}function SetWideOrTall(Icon){Icon.parentNode.className=(Icon.height/Icon.width>0.75)?"Tall":"Wide"}function wwIconifiedOnChange(Event){var Field=GetTarget(Event);var Container=getElementsByClassName(GetForm(Field),"ul","wwIconified").pop();var Base=document.createElement("li");if(!Container.hasChildNodes())Base.className="First";var IconFrame=document.createElement("div");Base.appendChild(IconFrame);var ImageFileTypes=["jpeg","jpg","gif","png","bmp","tga","tif","tiff"];var Matches=/([^\/\\]*[\/\\])*([^\/\\]+)\.(\w+)/.exec(Field.value);var FileType=(Matches!=null?Matches[3].toLowerCase():"");if(ImageFileTypes.indexOf(FileType)>=0){var Icon=document.createElement("img");IconFrame.appendChild(Icon);Listen(Icon,"load",function(){SetWideOrTall(Icon)});Icon.src="file:///"+Field.value}else{IconFrame.className=FileType}var FileName=document.createElement("p");var FileText=/([^\/\\]*[\/\\])*([^\/\\]+)/.exec(Field.value)[2];var TextLength=40;if(FileText.length>(TextLength+2))FileText=FileText.substr(0,TextLength)+"...";FileName.innerHTML=FileText;Base.appendChild(FileName);var RemoveButton=document.createElement("button");RemoveButton.setAttribute("type","button");RemoveButton.className="RemoveButton";var Label=document.createElement("span");Label.innerHTML="Remove";RemoveButton.appendChild(Label);Listen(RemoveButton,"click",RemoveIcon);Base.appendChild(RemoveButton);var BlankField=document.createElement("input");BlankField.type="file";BlankField.name=Field.name;BlankField.id=Field.id;BlankField.className=Field.className;Listen(BlankField,"change",wwIconifiedOnChange);Field.parentNode.insertBefore(BlankField,Field);Field.className="File";Base.appendChild(Field);Container.appendChild(Base)}function wwIconifyFileUploadInit(){var Fields=getElementsByClassName(document,"input","wwIconified");for(var i=0;i<Fields.length;i++){Listen(Fields[i],"change",wwIconifiedOnChange);var Container=getElementsByClassName(GetForm(Fields[i]),"ul","wwIconified").pop();if(!Container){Container=document.createElement("ul");Container.className="wwIconified";Fields[i].parentNode.insertBefore(Container,Fields[i])}}}Listen(window,"load",wwIconifyFileUploadInit);