<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeBehind = " Default.aspx.cs "  Inherits = " WebApplication1._Default "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml" >

< head  runat ="server" >

     < title ></ title >

     < script  src ="MultiAffix.js"  type ="text/javascript" ></ script >

     < script  type ="text/javascript" >

         var  controlName  =   1 ;  //  This variable is for the dynamic file controls's name.

         function  addImg(targetElement, savestatsElement, oldimgElement) {

             var  browseimgElement  =  $get( " browseimg " );

             var  arr  =  browseimgElement.getElementsByTagName( ' input ' );

             if  (arr.length  ==   0   ||  arr[ 0 ].value.length  ==   0 ) {

                alert( ' No file inputs. ' );

                 return ;

            }

             var  oldbrowser  =  arr[ 0 ];

             var  filename  =  getfilename(oldbrowser.value);

             if  ( ! validateimgtype(oldbrowser.value))  return ;

             if  ( ! validateimgcount(targetElement,  3 ))  return ;

             var  imgtitles  =  savestatsElement.value  +  oldimgElement.value;

             if  (validateimgexist(filename, imgtitles)) { alert( ' You have already added this image! ' );  return ; }

             if  (oldbrowser  !=  undefined) {

                 var  newbrowser  =  oldbrowser.cloneNode( true );

                newbrowser.value  =   '' ;

                 var  newfile  =  document.createElement( ' div ' );

                newfile.innerHTML  =  filename  +   ' &nbsp;&nbsp; ' ;

                 //  Create a button element for delete the image.

                 var  newfileimgbutton  =  document.createElement( ' img ' );

                newfileimgbutton.src  =   ' ShoutOut_Close.gif ' ;

                newfileimgbutton.alt  =   ' Delete ' ;

                newfileimgbutton.onclick  =   function () {

                     this .parentNode.parentNode.removeChild( this .parentNode);

                    savestatsElement.value  =  updatehiddenimgs(filename, savestatsElement.value);

                }

                newfileimgbutton.onmouseover  =   function () {

                     this .src  =   ' ShoutOut_Close_rollover.gif ' ;

                }

                newfileimgbutton.onmouseout  =   function () {

                     this .src  =   ' ShoutOut_Close.gif ' ;

                }

                browseimgElement.replaceChild(newbrowser, oldbrowser);

                oldbrowser.name  =   ++ controlName;

                oldbrowser.style.display  =   ' none ' ;

                newfile.appendChild(oldbrowser);

                newfile.appendChild(newfileimgbutton);

                targetElement.appendChild(newfile);

                $get( " chkAgree " ).checked  =   false ;

                $get( " btAdd " ).disabled  =   true ;

                savestatsElement.value  +=  filename  +   ' | ' ;

            }

        }

     </ script >

</ head >

< body >

     < form  id ="form1"  runat ="server" >

     < asp:ScriptManager  ID ="ScriptManager1"  runat ="server" >

     </ asp:ScriptManager >

     < div >

         < div >

            Description:

             < asp:TextBox  ID ="tbDescription"  MaxLength ="2000"  runat ="server"  TextMode ="MultiLine" ></ asp:TextBox >

         </ div >

         < div >

            Location:

             < asp:DropDownList  ID ="ddlLocation"  runat ="server" >

             </ asp:DropDownList >

         </ div >

         < div >

            Display Posted By User:

             < asp:CheckBox  ID ="chkPostedByUser"  Checked ="true"  runat ="server"   />

         </ div >

         < div >

            Notify Shout out User:

             < asp:CheckBox  ID ="chkNotifyUser"  runat ="server"   />

         </ div >

         < div >

            Notify Shout out to Email:

             < asp:TextBox  ID ="tbShoutoutToEmail"  MaxLength ="25"  runat ="server" ></ asp:TextBox >

         </ div >

         < div >

            Images:

             < div  id ="saveshoutoutimgs"  runat ="server" >

             </ div >

             < input  id ="btAddImage"  type ="button"  onclick ="$get('saveshoutoutaddimgs').style.display='block';this.disabled=true;"

                value ="Click here to Add Image"   />

         </ div >

         < div  id ="saveshoutoutdetailshowimg" >

             < div  id ="saveshoutoutaddimgs"  style ="display: none;" >

                 < div >

                    Add Image: </ div >

                 < div  id ="browseimg" >

                     < input  type ="file"   />

                 </ div >

                 < div >

                    Size limit of the images is 100kb. Hieght and Width of the images should not exceed

                    200px. </ div >

                 < div >

                     < input  id ="chkAgree"  type ="checkbox"  onclick ="$get('btAdd').disabled=!this.checked;"   /> I

                    agree.legal signoff text to be defined.

                 </ div >

                 < div >

                     < input  id ="btAdd"  disabled ="disabled"  type ="button"  value ="Add"  runat ="server"   />

                 </ div >

             </ div >

         </ div >

     </ div >

     < asp:TextBox  ID ="tbImgs"  runat ="server"  Text ="|"  Style ="display: none;" ></ asp:TextBox >

     < asp:TextBox  ID ="tbOldImgs"  runat ="server"  Text ="|"  Style ="display: none;" ></ asp:TextBox >

     </ form >

</ body >

</ html >

protected   void  Page_Load( object  sender, EventArgs e)

{

     string  script  =   string .Format( " addImg($get('{0}'), $get('{1}'), $get('{2}')); " ,

         this .saveshoutoutimgs.ClientID,

         this .tbImgs.ClientID,

         this .tbOldImgs.ClientID);

     this .btAdd.Attributes.Add( " onclick " , script);

}

public   void  SetImages(List < ImageEntity >  images)

{

     if  (images.Count  >   0 )

    {

         this .tbOldImgs.Text  =   " | " ;

         foreach  (ImageEntity image  in  images)

        {

            HtmlGenericControl imgDiv  =   new  HtmlGenericControl( " Div " );

            HtmlAnchor imgAnchor  =   new  HtmlAnchor();

            imgAnchor.HRef  =   string .Format( " Thumbnail.aspx?isthumbnail=false&basecommentid={0}&imagetitle={1} " ,

                image.ID.ToString(), image.Title);

            imgAnchor.Target  =   " _blank " ;

            imgAnchor.Title  =  image.Title;

            imgAnchor.InnerHtml  =  image.Title  +   " &nbsp;&nbsp; " ;

            HtmlImage imgButton  =   new  HtmlImage();

            imgButton.Src  =   " ShoutOut_Close.gif " ;

            imgButton.Alt  =   " Delete " ;

            imgButton.Attributes[ " onclick " ]  =   string .Format( " this.parentNode.parentNode.removeChild(this.parentNode);$get('{0}').value = updatehiddenimgs('{1}',$get('{0}').value); " ,

                 this .tbOldImgs.ClientID, image.Title);

            imgButton.Attributes[ " onmouseover " ]  =   " this.src='ShoutOut_Close_rollover.gif' " ;

            imgButton.Attributes[ " onmouseout " ]  =   " this.src='ShoutOut_Close.gif' " ;

            imgDiv.Controls.Add(imgAnchor);

            imgDiv.Controls.Add(imgButton);

             this .saveshoutoutimgs.Controls.Add(imgDiv);

             this .tbOldImgs.Text  +=  image.Title  +   " | " ;

        }

    }

}

public   class  ImageEntity

{

     public  ImageEntity()

    {

    }

     public  ImageEntity( int  id,  string  title, Byte[] imageBlob,  string  type)

    {

        ID  =  id;

        Title  =  title;

        ImageBlob  =  imageBlob;

        Type  =  type;

    }

     public   int  ID {  get ;  set ; }

     public   string  Title {  get ;  set ; }

     public   string  Type {  get ;  set ; }

     public  Byte[] ImageBlob {  get ;  set ; }

}