/* loader.js lo de arriba */

var offsetfrommouse=[15,25]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset

var displayduration=0; //duration in seconds image should remain visible. 0 for always.



var defaultimageheight = 40;    // maximum image size.

var defaultimagewidth = 40;    // maximum image size.



var timer;





var t_id = setInterval(animate,20);

var pos=0;

var dir=2;

var len=0;



var nomas=0;



function verejemplo()

{

if (screen.width <850)

    window.open('webejemplo/miweb.php?pantalla=1','_blank' ,'width=750,height=500,top=10,left=15, toolbar=no, location=no, directories=no, menubar=no, scrollbars=0, resizable=no,status=no ,copyhistory=no');

else

    {

    if (screen.width <1100)

        window.open('webejemplo/miweb.php?pantalla=2','_blank' ,'width=950,height=650,top=20,left=25, toolbar=no, location=no, directories=no, menubar=no, scrollbars=0, resizable=no,status=no ,copyhistory=no');

     else

        window.open('webejemplo/miweb.php?pantalla=3','_blank' ,'width=950,height=650,top=20,left=25, toolbar=no, location=no, directories=no, menubar=no, scrollbars=0, resizable=no,status=no ,copyhistory=no');

    }

hidetrail()

}



function animate()

{

var elem = document.getElementById('progress');

if(elem != null) {

if (pos==0) len += dir;

if (len>32 || pos>79) pos += dir;

if (pos>79) len -= dir;

if (pos>79 && len==0) pos=0;

elem.style.left = pos;

elem.style.width = len;

}

}



function remove_loading() {

this.clearInterval(t_id);

var targelem = document.getElementById('loader_container');

targelem.style.display='none';

targelem.style.visibility='hidden';

var t_id = setInterval(animate,60);

}



function gettrailobj(){

if (document.getElementById)

return document.getElementById("preview_div").style

}



function gettrailobjnostyle(){

if (document.getElementById)

return document.getElementById("preview_div")

}





function truebody(){

return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}





function hidetrail(){

    gettrailobj().display= "none";

    document.onmousemove=""

    gettrailobj().left="-500px"

    clearTimeout(timer);

}





function cargamiweb(){

    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth - offsetfrommouse[0]

    var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)



    if( (navigator.userAgent.indexOf("Konqueror")==-1  || navigator.userAgent.indexOf("Firefox")!=-1 || (navigator.userAgent.indexOf("Opera")==-1 && navigator.appVersion.indexOf("MSIE")!=-1)) ) {

  //      ( width == 0 ) ? width = defaultimagewidth: '';

//        ( height == 0 ) ? height = defaultimageheight: '';





        newHTML = '<div class="border_preview" style="width:40px;height:40px"><div id="loader_container"><div id="loader"><div id="loader_bg"><div id="progress"> </div></div></div></div>';

//        newHTML = newHTML + '<h2 class="title_h2">' + '<center>PROPIEDADES&nbsp;DESTACADAS</center></h2>'

        newHTML = newHTML + '<div class="preview_temp_load">';

        newHTML = newHTML + '            <table width=295 height=440 cellspacing=2 cellpadding=2 >';

        newHTML = newHTML + '        <td width=100% height=100%   bgcolor="blue">';

        newHTML = newHTML + '            <table width=100% cellspacing=0 cellpadding=0 height=100% bgcolor="white" border=0>';

        newHTML = newHTML + '    <tr>';

        newHTML = newHTML + '    <td width=100% align=center>';

        newHTML = newHTML + '        <table  cellspacing=0 cellpadding=0 width=100% bgcolor=#548DF5>';

        newHTML = newHTML + '             <td width=100%  align=center class=encabezadoestrella>VEA SU WEB</TD>';

        newHTML = newHTML + '             <TD><img src="webejemplo/botoncerrar.gif" onclick="javascript:hidetrail();"  style="CURSOR: hand"></td>';

        newHTML = newHTML + '        </table>';

        newHTML = newHTML + '    </td>';

        newHTML = newHTML + '    </tr>';

        newHTML = newHTML + '            <tr>';

        newHTML = newHTML + '            <td width=100% height=100% colspan=3 align=center background="webejemplo/publicidadweb.jpg"  onclick="javascript:verejemplo();"  style="CURSOR: hand">';

        newHTML = newHTML + '            </td>';

        newHTML = newHTML + '        </tr><tr>';

        newHTML = newHTML + '        <td align=center valign=bottom width=100% class=cerrarestrella  >';

        newHTML = newHTML + '            <input onClick="javascript:verejemplo();" type=button value="Ver Ejemplo" name=enviar class="boton"   style="CURSOR: hand" >';

        newHTML = newHTML + '        </TD>';



        newHTML = newHTML + '        </tr>';

        newHTML = newHTML + '            </table>';

        newHTML = newHTML + '        </td>';

        newHTML = newHTML + '        </table>';

        newHTML = newHTML + '</div></div></div>';







        if(navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Opera")==-1 ){

//            newHTML = newHTML+'<iframe src="about:blank" scrolling="no" frameborder="0" width="'+width+'" height="'+height+'"></iframe>';

        }



        gettrailobjnostyle().innerHTML = newHTML;

                gettrailobj().position="absolute";

        gettrailobj().display="block";

if (screen.width <850)

{

    gettrailobj().left="420px";

    gettrailobj().top="30px";

}

else

    {

    if (screen.width <1100)

        {

    gettrailobj().left="530px";

    gettrailobj().top="50px";



        }

     else

         {

        gettrailobj().left="50px";

        gettrailobj().top="130px";



         }



    }



    }



}













function followmouse(e){



    var xcoord=offsetfrommouse[0]

    var ycoord=offsetfrommouse[1]



    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15

    var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)



    if (typeof e != "undefined"){

        if (docwidth - e.pageX < defaultimagewidth + 2*offsetfrommouse[0]){

            xcoord = e.pageX - xcoord - defaultimagewidth; // Move to the left side of the cursor

        } else {

            xcoord += e.pageX;

        }

        if (docheight - e.pageY < defaultimageheight + 2*offsetfrommouse[1]){

            ycoord += e.pageY - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + e.pageY - docheight - truebody().scrollTop));

        } else {

            ycoord += e.pageY;

        }



    } else if (typeof window.event != "undefined"){

        if (docwidth - event.clientX < defaultimagewidth + 2*offsetfrommouse[0]){

            xcoord = event.clientX + truebody().scrollLeft - xcoord - defaultimagewidth; // Move to the left side of the cursor

        } else {

            xcoord += truebody().scrollLeft+event.clientX

        }

        if (docheight - event.clientY < (defaultimageheight + 2*offsetfrommouse[1])){

            ycoord += event.clientY + truebody().scrollTop - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + event.clientY - docheight));

        } else {

            ycoord += truebody().scrollTop + event.clientY;

        }

    }

    gettrailobj().left="0px"

    gettrailobj().top="0px"



}







    function verfoto(imagen)

    {

    window.open('subcategorias/fichasimg/verfoto.htm?imagen=' + imagen ,"_blank",  'width=193,height=226,top=10,left=100, resizable=no,scrollbars=no,menubar=no,location=no,status=no');

    }