<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="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>
	<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
    <script type="text/javascript" id="telerikClientEvents1">
//<![CDATA[

	function AbreVentana(sender,args)
	{
	    window.open("GestorHTM.aspx", "_blank", "toolbar=no,menubar=no,directories=no,status=no,resizable=yes,location=no,scrollbars=no,height=400,width=700"); 
	}
//]]>
</script>
</head>
<body>
    <form id="form1" runat="server">
	<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
		<Scripts>
			<%--Needed for JavaScript IntelliSense in VS2010--%>
			<%--For VS2008 replace RadScriptManager with ScriptManager--%>
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
		</Scripts>
	</telerik:RadScriptManager>
	<script type="text/javascript">
		//Put your JavaScript code here.
    </script>
	<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
	</telerik:RadAjaxManager>
	<div>
    <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Width="522px" 
            SelectedIndex="0" Skin="Black">
        <Tabs>
        <telerik:RadTab Text="GestorHtm" NavigateUrl="Default.aspx" runat="server" 
                Selected="True">
                 </telerik:RadTab>
                 <telerik:RadTab Text="GestorVideos" NavigateUrl="GestorVideos.aspx" 
                runat="server">
                 </telerik:RadTab>
                 <telerik:RadTab Text="GestorImagenes" NavigateUrl="GestorImagenes.aspx" 
                runat="server"></telerik:RadTab>
                 <telerik:RadTab Text="GestorSonidos" NavigateUrl="GestorSonidos.aspx" 
                runat="server" ></telerik:RadTab>
                
                 
                  </Tabs>
        </telerik:RadTabStrip>
        <table >
        <tr>
            <td>
            <fieldset id="previewPane"  class="style4"
                                
                    style="    width: 260px; height: 200px; border:2px solid black; text-align: center;"><!--columna1 fila 1 subtabla2-->
                                <br />
                <br />
                <br />
                <br />
                                Seleciona un  video o imagen para verlo...
                             </fieldset>
           </td>
            <td style="border: 2px solid black; width:655px; height: 200px; text-align: center;">
            <div id="subirDIV" runat="server">
                <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" InputSize="58" 
                    Skin="Black" AllowedFileExtensions=".zip,.doc" MaxFileInputsCount="1" 
                     style="margin-left:100px" ><Localization Select="Selecionar" /> <Localization Cancel="Cancelar" /> <Localization Remove="Borrar" />
                </telerik:RadAsyncUpload> 
                <br />

                Como quiere subir el htm:<asp:RadioButton 
                    ID="RadioButton7" runat="server"  Text="Word" GroupName="subir" 
                    Checked="true"/>
                <asp:RadioButton ID="RadioButton8" runat="server" Text="Zip" GroupName="subir"/>

                <br />
                <asp:Label ID="Label1" runat="server" Text="" style="color: #FF0000" ></asp:Label>
                <br />
                <telerik:RadButton ID="RadButton1" runat="server" Skin="Black" 
                    Text="Cargar HTM" onclick="RadButton1_Click">
                </telerik:RadButton>

                &nbsp;&nbsp;&nbsp;

                <telerik:RadButton ID="RadButton4" runat="server" Text="Gestionar htm" 
                    onclientclicked="AbreVentana">
                </telerik:RadButton  >

                <asp:Label ID="Label3" runat="server" Text="" Visible="false"></asp:Label>
                <asp:Label ID="Label2" runat="server" Text="" Visible="false"></asp:Label>
            </div>
            <div id="guardarDIV" runat="server" visible="false" >
                <telerik:RadButton ID="RadButton2" runat="server" Skin="Black" 
                    Text="Limpiar Editor" onclick="RadButton2_Click">
                </telerik:RadButton>
            &nbsp;&nbsp;&nbsp;
            <telerik:RadButton ID="RadButton5" runat="server" Text="Gestionar htm" 
                    onclientclicked="AbreVentana">
                </telerik:RadButton >

                
            <br />
                <br />
                <div style="border: 2px solid black">
                        <asp:RadioButton ID="RadioButton10" runat="server" Text="Servidor" 
                            GroupName="guardar" style="border:1px dotted black; margin-right:20px" 
                            AutoPostBack="true" oncheckedchanged="RadioButton10_CheckedChanged" Checked="true"/>
                <asp:RadioButton ID="RadioButton9" runat="server" Text=" Local " 
                        style="border:1px dotted black;" GroupName="guardar" 
                        oncheckedchanged="RadioButton9_CheckedChanged"  AutoPostBack="true"/>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    Selecione una ruta : 
                    <asp:TextBox ID="TextBox3" runat="server" 
                    Text="ej. C:\Users\Daniel\Downloads" Height="23px"
                    Width="325px" Enabled="False"></asp:TextBox>
                    </div>
                <br />
                <telerik:RadButton ID="RadButton3" runat="server" Skin="Black" 
                    Text="Guardar documento" onclick="RadButton3_Click">
                </telerik:RadButton>
                <br />
            </div>
            </td>
            <td>
            <fieldset id="previewPane2"  class="style4"
                                
                    style="    width: 260px; height: 200px; border:2px solid black; text-align: center;"><!--columna1 fila 1 subtabla2-->
               
                <br />
                <br />
                <br />
                Seleciona un sonido para oirlo...
                <br />
                o un widget para que se muestre su explicación</fieldset>
            </td>
        </tr>
        </table>
        <table>
        <tr>
            <td>
         <table style="border: 2px solid black;" >
            <tr><td style="border: 2px dotted black;">
                <telerik:RadTreeView ID="RadTreeView1" Runat="server" Height="280px" 
                    Skin="Default" Width="235px" EnableDragAndDrop="True" 
                    OnClientNodeDragStart="OnClientNodeDragStart" OnClientNodeDragging="OnClientNodeDragging"
                    OnClientNodeDropping="OnClientNodeDropping"  
                    OnClientNodeClicking="BeforeClick" >
                      <Nodes>
                    <telerik:RadTreeNode runat="server" ExpandedImageUrl="~/imagens/iconos/folder.gif" 
                     NavigateUrl="~/GestorVideos.aspx" Text="VIDEOS">
                     </telerik:RadTreeNode>
                     </Nodes>
                </telerik:RadTreeView>
                <asp:RadioButton ID="RadioButton1" runat="server"  Text="Insertar video" 
                    GroupName="video" Checked="true" 
                    oncheckedchanged="RadioButton1_CheckedChanged" AutoPostBack="True"/>
                <asp:RadioButton ID="RadioButton2" runat="server"  Text="Hipervínculo" 
                    GroupName="video" oncheckedchanged="RadioButton2_CheckedChanged" AutoPostBack="true"/>
                </td></tr><td style="border: 2px dotted black;">
                    <telerik:RadTreeView ID="RadTreeView2" Runat="server" Height="280px" 
                        Skin="Default" Width="235px" EnableDragAndDrop="True" 
                    OnClientNodeDragStart="OnClientNodeDragStart" OnClientNodeDragging="OnClientNodeDragging"
                    OnClientNodeDropping="OnClientNodeDropping2"  
                    OnClientNodeClicking="BeforeClick2">
                          <Nodes>
                    <telerik:RadTreeNode runat="server" ExpandedImageUrl="~/imagens/iconos/folder.gif" 
                     NavigateUrl="~/GestorImagenes.aspx" Text="IMAGENES">
                     </telerik:RadTreeNode>
                     </Nodes>
                    </telerik:RadTreeView>
                    <asp:RadioButton ID="RadioButton3" runat="server"  Text="Insertar Imagen" 
                        GroupName="IMG" Checked="true" 
                        oncheckedchanged="RadioButton3_CheckedChanged" AutoPostBack="True"/>
                    <asp:RadioButton ID="RadioButton4" runat="server" Text="Hipervínculo" 
                        GroupName="IMG" oncheckedchanged="RadioButton4_CheckedChanged" 
                        AutoPostBack="True" />
                </td></tr></table>
            </td>
            <td>
                <telerik:RadEditor ID="RadEditor1" Runat="server" Skin="Black" Language="es-ES" 
                    Width="750px" Height="620px" ExternalDialogsPath="~/EditorDialogs/" 
                 LocalizationPath="~/App_GlobalResources/" OnClientLoad="Paraview" 
                    EditModes="Design, Html" >
                    <Tools>
                        <telerik:EditorToolGroup Tag="MainToolbar">
                            <telerik:EditorTool Name="Print" ShortCut="CTRL+P" />
                            <telerik:EditorTool Name="AjaxSpellCheck" />
                            <telerik:EditorTool Name="FindAndReplace" ShortCut="CTRL+F" />
                            <telerik:EditorTool Name="SelectAll" ShortCut="CTRL+A" />
                            <telerik:EditorTool Name="Cut" />
                            <telerik:EditorTool Name="Copy" ShortCut="CTRL+C" />
                            <telerik:EditorTool Name="Paste" ShortCut="CTRL+V" />
                            <telerik:EditorToolStrip Name="PasteStrip">
                            </telerik:EditorToolStrip>
                            <telerik:EditorSeparator />
                            <telerik:EditorSplitButton Name="Undo">
                            </telerik:EditorSplitButton>
                            <telerik:EditorSplitButton Name="Redo">
                            </telerik:EditorSplitButton>
                        </telerik:EditorToolGroup>
                        <telerik:EditorToolGroup Tag="InsertToolbar">
                            <telerik:EditorTool Name="LinkManager" ShortCut="CTRL+K" />
                            <telerik:EditorTool Name="Unlink" ShortCut="CTRL+SHIFT+K" />
                        </telerik:EditorToolGroup>
                        <telerik:EditorToolGroup>
                            <telerik:EditorTool Name="InsertParagraph" />
                            <telerik:EditorTool Name="InsertGroupbox" />
                            <telerik:EditorTool Name="InsertHorizontalRule" />
                            <telerik:EditorTool Name="InsertDate" />
                            <telerik:EditorTool Name="InsertTime" />
                        </telerik:EditorToolGroup>
                        <telerik:EditorToolGroup>
                            <telerik:EditorDropDown Name="FormatBlock">
                            </telerik:EditorDropDown>
                            <telerik:EditorDropDown Name="FontName">
                            </telerik:EditorDropDown>
                            <telerik:EditorDropDown Name="RealFontSize">
                            </telerik:EditorDropDown>
                        </telerik:EditorToolGroup>
                        <telerik:EditorToolGroup>
                            <telerik:EditorSeparator />
                            <telerik:EditorTool Name="Bold" ShortCut="CTRL+B" />
                            <telerik:EditorTool Name="Italic" ShortCut="CTRL+I" />
                            <telerik:EditorTool Name="Underline" ShortCut="CTRL+U" />
                            <telerik:EditorTool Name="StrikeThrough" />
                            <telerik:EditorSeparator />
                            <telerik:EditorTool Name="JustifyLeft" />
                            <telerik:EditorTool Name="JustifyCenter" />
                            <telerik:EditorTool Name="JustifyRight" />
                            <telerik:EditorTool Name="JustifyFull" />
                            <telerik:EditorTool Name="JustifyNone" />
                            <telerik:EditorSeparator />
                            <telerik:EditorTool Name="Indent" />
                            <telerik:EditorTool Name="Outdent" />
                            <telerik:EditorSeparator />
                            <telerik:EditorTool Name="InsertOrderedList" />
                            <telerik:EditorTool Name="InsertUnorderedList" />
                        </telerik:EditorToolGroup>
                        <telerik:EditorToolGroup>
                            <telerik:EditorSplitButton Name="ForeColor">
                            </telerik:EditorSplitButton>
                            <telerik:EditorSplitButton Name="BackColor">
                            </telerik:EditorSplitButton>
                        </telerik:EditorToolGroup>
                        <telerik:EditorToolGroup Tag="DropdownToolbar">
                            <telerik:EditorSplitButton Name="InsertSymbol">
                            </telerik:EditorSplitButton>
                            <telerik:EditorToolStrip Name="InsertTable">
                            </telerik:EditorToolStrip>
                            <telerik:EditorTool Name="ConvertToLower" />
                            <telerik:EditorTool Name="ConvertToUpper" />
                            <telerik:EditorDropDown Name="Zoom">
                            </telerik:EditorDropDown>
                            <telerik:EditorTool Name="ToggleScreenMode" ShortCut="F11" />
                        </telerik:EditorToolGroup>
                    </Tools>
                    <Content></Content>
                </telerik:RadEditor>
            </td>
            <td>
            <table style="border: 2px solid black;">
            <tr>
            <td style="border: 2px dotted black;">
                <telerik:RadTreeView ID="RadTreeView3" Runat="server" Height="280px" 
                    Width="235px" Skin="Default"  EnableDragAndDrop="True" 
                    OnClientNodeDragStart="OnClientNodeDragStart" OnClientNodeDragging="OnClientNodeDragging"
                    OnClientNodeDropping="OnClientNodeDropping3"  
                    OnClientNodeClicking="BeforeClick3" >
                      <Nodes>
                    <telerik:RadTreeNode runat="server" ExpandedImageUrl="~/imagens/iconos/folder.gif" 
                     NavigateUrl="~/GestorSonidos.aspx" Text="SONIDOS">
                     </telerik:RadTreeNode>
                     </Nodes>
                </telerik:RadTreeView>
                <asp:RadioButton ID="RadioButton5" runat="server"  Text="Insertar Sonido" 
                    GroupName="SOUND" Checked="true" AutoPostBack="True" 
                    oncheckedchanged="RadioButton5_CheckedChanged"/>
                <asp:RadioButton ID="RadioButton6" runat="server"  Text="Hipervínculo" 
                    GroupName="SOUND" AutoPostBack="True" 
                    oncheckedchanged="RadioButton6_CheckedChanged"/>
              </td>
             </tr>
             <tr>
                <td style="border: 2px dotted black;">
                    <telerik:RadTreeView ID="RadTreeView4" Runat="server" Height="300px" 
                        Width="235px" Skin="Default"  EnableDragAndDrop="True" 
                    OnClientNodeDragStart="OnClientNodeDragStart" OnClientNodeDragging="OnClientNodeDragging"
                    OnClientNodeDropping="OnClientNodeDropping4"  
                    OnClientNodeClicking="BeforeClick4">
                          <Nodes>
                    <telerik:RadTreeNode runat="server" ExpandedImageUrl="~/imagens/iconos/folder.gif" 
                    Text="WIDGETS">
                     </telerik:RadTreeNode>
                     </Nodes>
                    </telerik:RadTreeView>
                </td></tr></table>
            </td>
        </table>

         <script type="text/javascript">
//<![CDATA[
           
          

             var imgUrl = null;
            
             function alertCallBackFn(arg) {
                 radalert("<strong>Mensage Confirmación</strong> El informe ha sido públicado con exito>" + arg + "</h3>", null, null, "Result");
             }
             function Paraview() {
                 previewPane.innerHTML = '<p><br /><br /><br /><br />Seleciona un  video o imagen para verlo...</p>';
                 previewPane2.innerHTML = '<p> <br /><br /><br /> Seleciona un sonido para oirlo...<br />o un widget para que se muestre su explicación</p>';
             }
             function OnClientLoad(editor) {
                 var tree = $find("<%= RadTreeView1.ClientID %>");
                 var tree2 = $find("<%= RadTreeView2.ClientID %>");
                 var tree3 = $find("<%= RadTreeView3.ClientID %>");
                 var tree4 = $find("<%= RadTreeView4.ClientID %>");

                 makeUnselectable(tree.get_element());
                 makeUnselectable(tree2.get_element());
                 makeUnselectable(tree3.get_element());
                 makeUnselectable(tree4.get_element());

             } //fin OnClientLoad

             function OnClientNodeDragStart() { //metodo que se inicia al arratrar un objeto
                 setOverlayVisible(true); //llama setOverlayVisible
             } //fin OnClientNodeDragStart



             function OnClientNodeDroppingV(sender, args) { //metedo que se inicia al pegar un objeto
                 previewPane.innerHTML = '<p><br /><br /><br /><br />Seleciona un  video o imagen para verlo...</p>';
                 previewPane2.innerHTML = '<p> <br /><br /><br /> Seleciona un sonido para oirlo...<br />o un widget para que se muestre su explicación</p>';
                 var editor = $find("<%=RadEditor1.ClientID%>"); //busca el elemenot en el radtreeview
                 var event = args.get_domEvent(); //obtine su info    
                 document.body.style.cursor = "default";
                 var result = isMouseOverEditor(editor, event); //llama booleano isMouseOverEditor
                 if (result) {//si es true
                     var imageSrc = args.get_sourceNode().get_value(); //obtiene la ruta
                     var ruta= args.get_sourceNode().get_value();
                     if (imageSrc && (imageSrc.indexOf(".mp4") != -1 || imageSrc.indexOf(".m4v") != -1 || imageSrc.indexOf(".avi") != -1 || imageSrc.indexOf(".wna") != -1)) {//si es video
                         imagenSrc = "<a href='" + ruta + "' >" + imageSrc + "</a>"; //contenido que se pegara en el html
                         editor.setFocus();
                         editor.pasteHtml(imagenSrc); //pega el contenido en el html
                     }
                 }
                 setOverlayVisible(false); //oculta el bojeto arrastrado
             } //fin OnClientNodeDropping
             function OnClientNodeDropping(sender, args) { //metedo que se inicia al pegar un objeto
                 previewPane.innerHTML = '<p><br /><br /><br /><br />Seleciona un  video o imagen para verlo...</p>';
                 previewPane2.innerHTML = '<p> <br /><br /><br /> Seleciona un sonido para oirlo...<br />o un widget para que se muestre su explicación</p>';
                 var editor = $find("<%=RadEditor1.ClientID%>"); //busca el elemenot en el radtreeview
                 var event = args.get_domEvent(); //obtine su info    
                 document.body.style.cursor = "default";
                 var result = isMouseOverEditor(editor, event); //llama booleano isMouseOverEditor
                 if (result) {//si es true
                     var imageSrc = args.get_sourceNode().get_value(); //obtiene la ruta
                     var subImgy = imageSrc.toString().indexOf("videos/") + 7; //obtiene el nombre
                     var subImgz = imageSrc.toString().substr(subImgy); //obtiene el nombre
                     var subImgy2 = subImgz.toString().indexOf(".m4v");
                     if (subImgy2 != null) { //obtiene la pos de la extension
                         var subImgz2 = subImgz.toString().replace(".m4v", ""); //obtiene el nombre
                     } else { subImgz2 = subImgz.toString().replace(".mp4", ""); }
                     var ruta = args.get_sourceNode().get_value();
                     if (imageSrc && (imageSrc.indexOf(".mp4") != -1 || imageSrc.indexOf(".m4v") != -1 || imageSrc.indexOf(".avi") != -1 || imageSrc.indexOf(".wna") != -1)) {//si es video
                         imagenSrc = '<video width="250" height="190" controls="controls"><source src="' + ruta + '" type="video/mp4" /> Tu navegador no soporta video tag</video>'; //contenido que se pegara en el html
                         editor.setFocus();
                         editor.pasteHtml(imagenSrc); //pega el contenido en el html
                     }
                 }
                 setOverlayVisible(false); //oculta el bojeto arrastrado
             } //fin OnClientNodeDropping
             function OnClientNodeDropping2(sender, args) {
                 previewPane.innerHTML = '<p><br /><br /><br /><br />Seleciona un  video o imagen para verlo...</p>';
                 previewPane2.innerHTML = '<p> <br /><br /><br /> Seleciona un sonido para oirlo...<br />o un widget para que se muestre su explicación</p>';
                 var editor = $find("<%=RadEditor1.ClientID%>");
                 var event = args.get_domEvent();

                 document.body.style.cursor = "default";

                 var result = isMouseOverEditor(editor, event);
                 if (result) {
                     var imageSrc = args.get_sourceNode().get_value();
                     if (imageSrc && (imageSrc.indexOf(".gif") != -1 || imageSrc.indexOf(".jpg") != -1 || imageSrc.indexOf(".jpeg") != -1 || imageSrc.indexOf(".bmp") != -1 || imageSrc.indexOf(".png") != -1)) {
                         imageSrc = "<img src='" + imageSrc + "'>";
                         editor.setFocus();
                         editor.pasteHtml(imageSrc);
                     }
                 }
                 setOverlayVisible(false);
             }
             function OnClientNodeDropping2V(sender, args) {
                 previewPane.innerHTML = '<p><br /><br /><br /><br />Seleciona un  video o imagen para verlo...</p>';
                 previewPane2.innerHTML = '<p> <br /><br /><br /> Seleciona un sonido para oirlo...<br />o un widget para que se muestre su explicación</p>';
                 var editor = $find("<%=RadEditor1.ClientID%>");
                 var event = args.get_domEvent();

                 document.body.style.cursor = "default";
                 var ruta = args.get_sourceNode().get_value(); 
                 var result = isMouseOverEditor(editor, event);
                 if (result) {
                     var imageSrc = args.get_sourceNode().get_value();
                     if (imageSrc && (imageSrc.indexOf(".gif") != -1 || imageSrc.indexOf(".jpg") != -1 || imageSrc.indexOf(".jpeg") != -1 || imageSrc.indexOf(".bmp") != -1 || imageSrc.indexOf(".png") != -1)) {
                         imagenSrc = "<a href='" + ruta + "' >" + imageSrc + "</a>";
                         editor.setFocus();
                         editor.pasteHtml(imageSrc);
                     }
                 }
                 setOverlayVisible(false);
             }
             function OnClientNodeDropping3(sender, args) {
                 previewPane.innerHTML = '<p><br /><br /><br /><br />Seleciona un  video o imagen para verlo...</p>';
                 previewPane2.innerHTML = '<p> <br /><br /><br /> Seleciona un sonido para oirlo...<br />o un widget para que se muestre su explicación</p>';
                 var editor = $find("<%=RadEditor1.ClientID%>");
                 var event = args.get_domEvent();

                 document.body.style.cursor = "default";

                 var result = isMouseOverEditor(editor, event);
                 if (result) {
                     var imageSrc = args.get_sourceNode().get_value();
                     if (imageSrc && (imageSrc.indexOf(".mp3") != -1)){ imageSrc = "<audio controls='controls'><source src='" + imageSrc + "' type='audio/mp3' />Tu navegador no soporta el formato.</audio>";}
                     if (imageSrc && (imageSrc.indexOf(".ogg") != -1)){imageSrc = "<audio controls='controls'><source src='" + imageSrc + "' type='audio/ogg' />Tu navegador no soporta el formato.</audio>";}
                     if (imageSrc && (imageSrc.indexOf(".ac3") != -1)){ imageSrc = "<audio controls='controls'><source src='" + imageSrc + "' type='audio/ac3' />Tu navegador no soporta el formato.</audio>";}
                     if (imageSrc && (imageSrc.indexOf(".wma") != -1)){ imageSrc = "<audio controls='controls'><source src='" + imageSrc + "' type='audio/wma' />Tu navegador no soporta el formato.</audio>";}
                     editor.setFocus();
                     editor.pasteHtml(imageSrc);
                 }
                 setOverlayVisible(false);
             }
             function OnClientNodeDropping3V(sender, args) {
                 previewPane.innerHTML = '<p><br /><br /><br /><br />Seleciona un  video o imagen para verlo...</p>';
                 previewPane2.innerHTML = '<p> <br /><br /><br /> Seleciona un sonido para oirlo...<br />o un widget para que se muestre su explicación</p>';
                 var editor = $find("<%=RadEditor1.ClientID%>");
                 var event = args.get_domEvent();

                 document.body.style.cursor = "default";
                 var rutas = args.get_sourceNode().get_value();
                 var result = isMouseOverEditor(editor, event);
                 if (result) {
                     var imageSrc = args.get_sourceNode().get_value();
                     if (imageSrc && (imageSrc.indexOf(".ogg") != -1 || imageSrc.indexOf(".mp3") != -1 || imageSrc.indexOf(".ac3") != -1 || imageSrc.indexOf(".wma") != -1 || imageSrc.indexOf(".png") != -1)) {
                         imagenSrc = "<a href='" + rutas + "' >" + imageSrc + "</a>";
                         editor.setFocus();
                         editor.pasteHtml(imageSrc);
                     }
                 }
                 setOverlayVisible(false);
             }
             function OnClientNodeDropping4(sender, args) {
                 previewPane.innerHTML = '<p><br /><br /><br /><br />Seleciona un  video o imagen para verlo...</p>';
                 previewPane2.innerHTML = '<p> <br /><br /><br /> Seleciona un sonido para oirlo...<br />o un widget para que se muestre su explicación</p>';
                 var editor = $find("<%=RadEditor1.ClientID%>");
                 var event = args.get_domEvent();

                 document.body.style.cursor = "default";

                 var result = isMouseOverEditor(editor, event);
                 if (result) {
                     var imprimir = args.get_sourceNode().get_value();
                     if (imprimir && imprimir.indexOf("Linkedin.txt") != -1) {imprimir = "<a href='http://www.linkedin.com' target='_blank'><img alt='Siguenos en Linkedin' src='https://lh5.googleusercontent.com/-8C0OdSp_7ZA/T3nN0G_313I/AAAAAAAAAsU/6_Hbu6Of3qU/s32/linkedin32.png' width=32 height=32  /></a>";}
                     if (imprimir && imprimir.indexOf("Google.txt") != -1) {imprimir = "<a href='https://plus.google.com ' target='_blank'><img alt='Siguenos en Google+' src='https://lh5.googleusercontent.com/-F_FBKktZWZk/T3nN0v4FeAI/AAAAAAAAAsc/7dHTxkxn4cI/s32/google32.png' width=32 height=32  /></a>";}
                     if (imprimir && imprimir.indexOf("Twiter.txt") != -1) {imprimir = "<a href='http://twitter.com' target='_blank'><img src='https://lh6.googleusercontent.com/--aIk2uBwEKM/T3nN1x09jBI/AAAAAAAAAs8/qzDsbw3kEm8/s32/twitter32.png' width=32 height=32 alt='Síguenos en Twitter' /></a>";}
                     if (imprimir && imprimir.indexOf("Facebook.txt") != -1) {imprimir = "<a href='http://www.facebook.com' target='_blank'><img alt='Siguenos en Facebook' src='https://lh6.googleusercontent.com/-CYt37hfDnQ8/T3nNydojf_I/AAAAAAAAAr0/P5OtlZxV4rk/s32/facebook32.png' width=32 height=32  /></a>";}
                     if (imprimir && imprimir.indexOf("Calendario.txt") != -1) { imprimir = "<iframe width='200' height='200' scrolling='no' src='http://pagina-del-dia.euroresidentes.es/gadget-dia-de-hoy.php?fondo=Azul.png&texto=FFFFFF' frameborder='0'></iframe>"; }
                     if (imprimir && imprimir.indexOf("Chat.txt") != -1) { imprimir = "<embed src='http://www.xatech.com/web_gear/chat/chat.swf' quality='high' width='320' height='240' name='chat' FlashVars='id=179308686' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://xat.com/update_flash.shtml' />"; }
                     if (imprimir && imprimir.indexOf("Conversor medidas.txt") != -1) { imprimir = "<iframe src='http://www.mis-recetas.org/recetas/gadget_medidas' width='170' height='270' scrolling='No' align='middle' frameborder='0'></iframe>"; }
                     if (imprimir && imprimir.indexOf("Conversos de divisas.txt") != -1) { imprimir = "<iframe src='http://conversor.euroresidentes.es/gadget.htm' height='150' width='200' scrolling='no' frameborder='0'></iframe>"; }
                     if (imprimir && imprimir.indexOf("Programación tv.txt") != -1) { imprimir = "<table border='0' cellspacing='0' cellpadding='0' align='center' width='300' height='70'><tr><td width='16' height='30'><div align='center'><a href='http://www.euroresidentes.com/calendario/tv/programacion-tve1.htm' target='_blank'><img alt='tve1'  src='http://www.euroresidentes.com/calendario/tv/imagenes/tve1.jpg' width='50' height='50' border='0'></a></div></td><td width='16' height='30'><div align='center'><a href='http://www.euroresidentes.com/calendario/tv/programacion-la-dos.htm' target='_blank'><img src='http://www.euroresidentes.com/calendario/tv/imagenes/tve2.jpg' width='50' height='50' border='0'></a></div></td><td width='16' height='30'><div align='center'><a href='http://www.euroresidentes.com/calendario/tv/programacion-antena-3.htm' target='_blank'><img src='http://www.euroresidentes.com/calendario/tv/imagenes/antena3.png' width='50' height='50' border='0'></a></div></td><td width='16' height='30'><div align='center'><a href='http://www.euroresidentes.com/calendario/tv/programacion-cuatro.htm' target='_blank'><img src='http://www.euroresidentes.com/calendario/tv/imagenes/cuatro.png' width='50' height='50' border='0'></a></div></td><td width='16' height='30'><div align='center'><a href='http://www.euroresidentes.com/calendario/tv/programacion-tele-5.htm' target='_blank'><img src='http://www.euroresidentes.com/calendario/tv/imagenes/tele-5.jpg' width='50' height='50' border='0'></a></div></td><td width='16'height='30'><div align='center'><a href='http://www.euroresidentes.com/calendario/tv/programacion-la-sexta.htm' target='_blank'><img src='http://www.euroresidentes.com/calendario/tv/imagenes/la-sexta.jpg' width='50' height='50' border='0'></a></div></td></tr><tr><td colspan='6' height='2'><div align='center'><font size='1' face='Verdana, Arial, Helvetica, sans-serif'><a href='http://pagina-del-dia.euroresidentes.es/programacion-tv/gadget-programacion-tv.htm' target='_blank' >Programación TV del Día</a></font></div></td></tr></table>"; }
                     if (imprimir && imprimir.indexOf("Reloj.txt") != -1) { imprimir = "<embed src='http://www.clocklink.com/clocks/free002-black.swf?TimeZone=PST&'  width='150' height='150' wmode='transparent' type='application/x-shockwave-flash'>"; }
                     if (imprimir && imprimir.indexOf("Contador de visitas.txt") != -1) { imprimir = "<a href='http://contador-de-visitas.com'><img style='border: 0px solid ; display: inline;' alt='contador de visitas' src='http://contador-de-visitas.com/hit.php?id=1400004&counter=2'></a><br />"; }
                     if (imprimir && imprimir.indexOf("Buscador.txt") != -1) { imprimir = "<form action='http://www.google.com/search' method='GET'><input value='UTF-8' name='ie' type='hidden'/><input value='UTF-8' name='oe' type='hidden'/><table bgcolor='#FFFFFF'><tr><td><br/><img border='0' alt='Google' src='http://www.google.com/logos/Logo_40wht.gif'/></td><p><td><input maxlength='255' value='' name='q' size='31' type='text'/><input value='Buscar' name='btnG' type='submit'/><span style='font-size:-1;'><br/><input value='http://www.tublog.blogspot.com/' name='domains' type='hidden'/><input value='' name='sitesearch' type='radio'/> Buscar en Google<br/><input value='http://www.tublog.blogspot.com/' name='sitesearch' type='radio'/> Buscar en la página</span></td></p><p></p></tr></table><p></p></form>"; }
                     if (imprimir && imprimir.indexOf("Youtube.txt") != -1) { imprimir = "<iframe src='http://www.youtube.com/subscribe_widget?p=NOMBRE DE USIARIO' style='overflow: hidden; height: 97px; width: 300px; border: 0;' scrolling='no' frameBorder='0' marginwidth='0' marginheight='0' allowtransparency='true' align='middle'></iframe>"; } 
                     editor.setFocus();
                    editor.pasteHtml(imprimir);
                 }
                 setOverlayVisible(false);
             } 
             function OnClientNodeDragging(sender, args) {
                 var editor = editor = $find("<%=RadEditor1.ClientID%>");
                 var event = args.get_domEvent();

                 if (isMouseOverEditor(editor, event)) {
                     document.body.style.cursor = "hand";
                 }
                 else {
                     document.body.style.cursor = "no-drop";
                 }
             } //fin OnClientNodeDragging

             /* ================== Utility methods needed for the Drag/Drop ===============================*/
             //Make all treeview nodes unselectable to prevent selection in editor being lost
             function makeUnselectable(element) {
                 var nodes = element.getElementsByTagName("*");
                 for (var index = 0; index < nodes.length; index++) {
                     var elem = nodes[index];
                     elem.setAttribute("unselectable", "on");
                 } //fin for
             } //fin makeUnselectable
             //Create and display an overlay to prevent the editor content area from capturing mouse events
             var shimId = null;
             function setOverlayVisible(toShow) {
                 if (!shimId) {
                     var div = document.createElement("DIV");
                     document.body.appendChild(div);
                     shimId = new Telerik.Web.UI.ModalExtender(div);
                 } //fin if
                 if (toShow) shimId.show();
                 else shimId.hide();
             } //fin setOverlayVisible
             //Check if the image is over the editor or not
             function isMouseOverEditor(editor, events) {
                 var editorFrame = editor.get_contentAreaElement();
                 var editorRect = $telerik.getBounds(editorFrame);

                 var mouseX = events.clientX;
                 var mouseY = events.clientY;

                 if (mouseX < (editorRect.x + editorRect.width) &&
             mouseX > editorRect.x &&
                mouseY < (editorRect.y + editorRect.height) &&
             mouseY > editorRect.y) { return true; } //fin if
                 return false;
             } //fin isMouseOverEditor

             /* ================== These two methods are not related to the drag/drop functionality, but to the preview functionality =======*/
             function BeforeClick(sender, args) {

                 var node = args.get_node();
                 var object = document.createElement("video");
                 object.src = node.get_value();
                 var ruta = node.get_value();
                 if (node.get_attributes().getAttribute("Category") == "Folder") { return; }
                 var previewPane = document.getElementById("previewPane");
                 previewPane.innerHTML = '<video width="250" height="190" controls="controls"><source src="' + ruta+ '" type="video/mp4" /> Tu navegador no soporta video tag</video>';
                 object.onload = function () {
                     previewPane.innerHTML = "";
                     previewPane.appendChild(object);
                     object.onload = null;
                 } //fin object.onload
             } //fin BeforeClick
             function BeforeClick3(sender, args) {

                 var node = args.get_node();
                 var object = document.createElement("audio");
                 object.src = node.get_value();
                 var ruta = node.get_value();
                 if (node.get_attributes().getAttribute("Category") == "Folder") { return; }
                 var previewPane2 = document.getElementById("previewPane2");
                 previewPane2.innerHTML = "<audio controls='controls'><source src='" + ruta + "' type='audio/mp3' />Tu navegador no soporta el formato.</audio>";
                 object.onload = function () {
                     previewPane2.innerHTML = "";
                     previewPane2.appendChild(object);
                     object.onload = null;
                 } //fin object.onload
             } //fin BeforeClick
             function BeforeClick2(sender, args) {

                 var node = args.get_node();
                 var object = document.createElement("IMG");
                 object.src = node.get_value();
                 if (node.get_attributes().getAttribute("Category") == "Folder") {
                     return;
                 }

                 var previewPane = document.getElementById("previewPane");

                 if (object.complete) {
                     Scale(object, 100, 100);
                     previewPane.innerHTML = "";
                     previewPane.appendChild(object);
                 }
                 else {
                     previewPane.innerHTML = "Loading image...";
                     object.onload = function () {
                         Scale(object, 100, 100);
                         previewPane.innerHTML = "";
                         previewPane.appendChild(object);
                         object.onload = null;
                     }
                 }
             }
             function BeforeClick4(sender, args) {

                 var node = args.get_node();
                 var object = document.createElement("IMG");
                 object.src = node.get_value();
                 if (node.get_attributes().getAttribute("Category") == "Folder") {
                     return;
                 }

                 var previewPane2 = document.getElementById("previewPane2");
                 previewPane2.innerHTML = '<p> Para incrutar un widget en tu página htm solo tienes que arrastar el widget desde la lista a la parte del codigo deseada, alugno widgets requiere de personalización como por ejemplo youtube, para personalizarlo dale a la pestaña html del editor y modifica el codifo que se indique. </p>';
             }
             function Scale(img, width, height) {
                 var hRatio = img.height / height;
                 var wRatio = img.width / width;

                 if (img.width > width && img.height > height) {
                     var ratio = (hRatio >= wRatio ? hRatio : wRatio);
                     img.width = (img.width / ratio);
                     img.height = (img.height / ratio);
                 }
                 else {
                     if (img.width > width) {
                         img.width = (img.width / wRatio);
                         img.height = (img.height / wRatio);
                     }
                     else {
                         if (img.height > height) {
                             img.width = (img.width / hRatio);
                             img.height = (img.height / hRatio);
                         }
                     }
                 }
             }
        //]]>
    </script>
	</div>
	</form>
</body>
</html>
