var FotoWidthCrop
var FotoHeightCrop
function go(url) {
    window.location = url
}
function CreateWindow(e) {
    //pp = kk;
    if (e == 2) {
        var window = $('<div>').addClass('logo')

     if  (web == "Lysagora"){
        window.append( $('<div>').addClass('link').click(function () { go('http://www.mayteortega.es') })   )
       }else{
        window.append(  $('<div>').addClass('link').click(function () { go('http://www.lysagora.es') })  )
    }

        window.append(CreateMenu('menu', 'boton', null, 0))
    }
    if (e <2) {
        var window = $('<div>').addClass('supercontenedor').html('<div class="contenedor"><div class="espacio1"></div><div class="espacio2"></div></div>')
                              
    }
    //pp=kk
    $('#cuerpo').html(window)


    if (e == 2) {
        $('.boton').click(function () {
            id = $(this).attr('data');
            CreateWindow(id)
        })
    }

    if (e < 2) {
        if (e == 0) {
            GetActores('M')
        } else {
            GetActores('H')
        }

        $('.espacio2').append(CreateMenu('menu2', 'boton2 colorboton2', e, 1)).append(CreateShowPhotoFrame())

        $('.boton2').click(function () {
            //pp = kk;
            //$('.boton2').removeClass('selected')
            id = $(this).attr('data');
            //$(this).addClass('selected')
            CreateWindow(id)
        })    
    }
}

function GetActores(sexo) {


    w = 95 //cint(104 /1.1)
    h = 104 //cint(114 /1.1)       
    //var url = 'Programa/aspx/commands.aspx?command=GetPhotoListaActores&sexo=' + sexo + '&width=' + w + '&height=' + h

    //$.getJSON(url, function (data) {
    var url = 'Programa/aspx/commands.aspx?command=GetListaActoresActivos&sexo=' + sexo
    $.getJSON(url, function (data) {
        if (data.length > 0) {


            var url = []
            //$('#imgActores').html('').hide()
            ShowTable(w, h, data, sexo, $('.espacio1'), 1,true,null)
            //var table = createTable(w, h, data, sexo, $('.espacio1') , 1 )
            //$('.espacio1').html($('<div>').append(table).fadeIn(1000))

        } else {
            $('.espacio1').html('Sin Contenido')
        }

    })
    //})
}
function ShowTable(w, h, data, sexo, obj, page,fade,ds) {
    var table = createTable(w, h, data, sexo, obj, page,true,ds)
    if (fade) {
        $('.espacio1').html($('<div>').append(table).fadeIn(1000))
    } else {
        $('.espacio1').html($('<div>').append(table).show())
    }
}
function createTable(w, h, data, sexo, obj, page ,CP, ds) {
    var Ne = data.length
    var table = $('<table>').attr({ 'border': 0, 'width': '740', 'height': '100%' }) //08.10 - cambiado a 600
    var fila = 0
    var col = 0
    var n = 1 + ((page-1) *16)

    //pp = kk;
    col = 6
    fila = 4 //Ne / 4

    //if (fila*col < Ne) {
   //     fila++
   // }

    //pp = kk;
    for (y = 0; y < fila; y++) {
        tr = $('<tr>')
        for (x = 0; x < col; x++) {
            var d= new Date()
            var timex = ''
            if (x == 0 && y == 0) {
                var timex = '?time=' + d.getTime()
            }            
            if (n - 1 < data.length) {
                id = data[n - 1].ID_MEDIA/// <reference path="../../MayteNew.htm" />
                

                idActor = data[n - 1].ID_ACTOR
                Nombre = data[n - 1].NOMBREA
                //ImgLista = window.location.hostname
                //Titulo = $('<div>').addClass("txtNameActor").append(data[n - 1].NOMBREA) //'actor ' + n
                url = 'Styles/Lista/' + window.location.hostname + "_" + sexo + '.jpg' + timex //'Programa/aspx/commands.aspx?command=GetPhotoListaActores&sexo='+sexo+'&Crop=1&AddText=1&TextColor=White&idPhoto=' + id + '&width=' + w + '&height=' + h
                /// <reference path="../../Styles/ajax-loader.gif" />
                /// <reference path="../../Styles/Lysagora/img/Fondos/M.jpg" />

                //url =

                td = $('<td>').attr({ 'align': 'center', 'width':'110px' }).append($('<div>').css({ 'width': '95px', 'height': '144px', 'background-image': 'url(' + url + ')', 'background-position': (-95 * (n - 1)) + 'px', 'cursor': 'pointer' }) //, 'background-position-y': '0px' })  // , 'background-position-x': (-95*(n-1))+'px', 'background-position-y': '0px' })
                                       .addClass('cuerpo')
                                       .addClass('LstNameActor')
                                       .attr({ 'dataImg': w + ':' + h, 'width': '95px', 'height': h + 36 + 'px', 'valign': 'bottom', 'data': idActor, 'dataimg': id, 'Id': 'photos' })
                                       .hover(function () {
                                           //var d = $(this).attr('dataImg').split(':')
                                           //var div = $('<div>').css({'position':'absolute','width':d[0],'height':(d[1]*1)+40,'background-color':'red',' filter': 'alpha(opacity=20', 'opacity':'0.2' }) //.addClass('ui-widget-overlay')
                                           $(this).addClass('actorSelected')                 //).html(div)
                                           // url = 'Programa/aspx/commands.aspx?command=GetPhoto&Crop=1&AddText=1&TextColor=goldenrod&idPhoto=' + $(this).attr('dataimg') + '&width=' + w + '&height=' + h
                                           // $(this).css({ 'background-image': 'url(' + url + ')' }) //.addClass('actorSelected') 
                                       },
                                              function () {
                                                  $(this).removeClass('actorSelected')      //.html('')
                                                  //url = 'Programa/aspx/commands.aspx?command=GetPhoto&Crop=1&AddText=1&TextColor=white&idPhoto=' + $(this).attr('dataimg') + '&width=' + w + '&height=' + h
                                                  // $(this).css({ 'background-image': 'url(' + url + ')' }) //.addClass('actorSelected') 
                                              })
                                       .click(function () {
                                           data = $(this).attr('data')
                                           //'dataImg = $(this).attr('dataImg').split(":")
                                           //alert('en construcción :' + data)
                                           if (ds==null) {
                                               $.getJSON('Programa/aspx/commands.aspx', { "command": "GetData", "action": "Actor", "id": data, 'tree': '' }, function (data) {
                                                   //alert(data.rs)
                                                   ds = data
                                                   PutPhotoActorPrincipal(w, h, $('.espacio1'), $('.espacio2'), ds)
                                                   //PutDataActorInForm(w, h, ds, 'DBField')
                                               });
                                           } else {
                                               showImagePopUp($(this).attr('dataImg'))
                                           }

                                           //PutID(data)

                                       })
                                       .append($('<span>').addClass('TxtLstImg').html(Nombre))
                                )
                if (ds!=null) {
                    var idPhoto = $(ds[1][n]).attr('ID_MEDIA')
                    td.attr({ 'idPhoto': idPhoto})
                }
                 tr.append(td)

            } else {
                tr.append( $('<td>').append( $('<div>').css({ 'width': '95px', 'height': '144px'}) ) )
            }
            n++
        }
        table.append(tr)

        if (fila > 3) {
            obj.css({ 'overflow': 'auto' })
        }

    }
    if (CP) {
        frame = $('<div>').attr({ 'id': 'FrmTable' }).append(table)
                      .append($('<div>').attr({ 'id': 'navmenu' })
                      .append(CreatePaginator(Ne, w, h, data, sexo, obj, page)))
    } else {
        frame = table
    }
    return frame

}
function CreatePaginator(Te, w, h, data, sexo, obj, page) {

    Tpagsd = Te / 24
    //alert(Tpagsd)

    if (Tpagsd < 1) {
        Tpagsd = 1
    }else{
        
        if (Tpagsd % 24 >0 ) {
            Tpagsd++
        }
    }

    ul= $('<ul>')
    if (Tpagsd > 1) {
        for (n = 1; n <= Tpagsd; n++) {
            link = $('<a>').attr({ 'href': '#' }).attr({ 'data': n })
                       .html(n)
            

            li = $('<li>').attr({ 'data': n }).click(function () {
                                                        var page = $(this).attr('data')
                                                        ShowTable(w, h, data, sexo, obj, page,false)
                                                        //createTable(w, h, data, sexo, obj, page) 
                                                    }).append(link)

            if (n == page) {
                li.addClass('PgSel')
            } else {
                li.addClass('PgNoSel')  
            }
            ul.append(li)
        }
    }   
    return ul
}
function CreateMenu(cssMenu, css, idsel, donde) {

    // Donde = 0 -> Pantalla principal
    // Donde = 1 -> Pantalla con actores
    if (web == 'Mayte'){
        if (donde == 0) {
            data = [['EMPRESA',2],['ACTRICES',0],['ACTORES',1],['MAS    ',3]]
        }else{
            data = [['INICIO',2],['ACTRICES',0],['ACTORES',1]]
        }
    }else{
        if (donde == 0) {
            data = [['ACTRICES', 0], ['ACTORES', 1], ['MAS', 3]]
        } else {
            data = [['INICIO', 2], ['ACTRICES', 0], ['ACTORES', 1]]
        }
    }
    var obj = $('<div>').addClass(cssMenu)
    for(n=0;n<data.length;n++){
        var span = $('<span>').addClass( css ).attr({ 'data': data[n][1] }).html(data[n][0])
        if (idsel != null ){
            if (idsel == data[n][1]) {
                span.addClass('selected').removeClass('colorboton2')
            } 
        }
         obj.append(span)
     }
    return obj
                    //.append($('<span>').addClass( css ).attr({ 'data': 2 }).html('EMPRESA'))
                    //.append($('<span>').addClass( css ).attr({ 'data': 0 }).html('ACTRICES'))
                    //.append($('<span>').addClass( css ).attr({ 'data': 1 }).html('ACTORES'))
                    //.append($('<span>').addClass(css).attr({ 'data': 3 }).html('MAS'))

}
function CreateMenuActor(cssMenu, css, id, dsActor,vb) {
    var obj = $('<div>').addClass(cssMenu)

    obj.append($('<div>').addClass('NombreActor').attr({ 'id': 'NameActor' }).html($(dsActor).attr('NOMBREA')))
        
    obj.append($('<span>').addClass(css).attr({ 'data': 3, 'IdData': id }).html('INICIO'))
    obj.append($('<span>').addClass(css).attr({ 'data': 0, 'IdData': id }).html('FOTOS'))
    if(vb){
        obj.append($('<span>').addClass(css).attr({ 'data': 1, 'IdData': id  }).html('VIDEOBOOK'))
    }
    obj.append($('<span>').addClass(css).attr({ 'data': 2, 'IdData': id }).html('CURRICULUM'))
    obj.append($('<span>').addClass(css).attr({ 'data': 4, 'IdData': id, 'sexo': dsActor.SEXO }).prepend('<img id="return" src="styles/Mayte_new/img/flecha.png" />'))
    
    return obj
}
function CreateShowPhotoFrame() {

    return $('<div>').addClass('PhotoFrame')
}
function PutPhotoActorPrincipal(mw, mh, objI, objD, ds) {
    // pp = kk;
    objD.html(CreateMenuActor('menu2', 'boton3 colorboton3', $(ds[0][0]).attr('ID_ACTOR'), ds[0][0], ds[3][0][0].length>0 ))
    objI.html('<div class="PortaPhoto"><div class="PhotoBig" style="background-image: url(Programa/aspx/commands.aspx?command=GetPhoto&width=475&height=520&AddText=0&Crop=1&idPhoto=' + getIdMediaPrincipalActorActivo(ds) + ')"></div></div>')

    $('.boton3').click(function () {
        $('.boton3').removeClass('selected').addClass('colorboton3')
        data = $(this).attr('data');
        if (data == 0) {
            $(this).addClass('selected').removeClass('colorboton3')
            id = $(this).attr('IdData');
            PutDataActorInForm(mw, mh, ds)
        }
        if (data == 1) {
            $(this).addClass('selected').removeClass('colorboton3')
            CreateVideoBook(ds)
        }
        if (data == 2) {
            $(this).addClass('selected')
            PDFPopUp(mw, mh, ds, ds[0][0].ID_ACTOR, encodeisourl(ds[0][0].NOMBREA), encodeisourl($('#Representante').html()))
        }
        if (data == 3) {
            $(this).addClass('selected').removeClass('colorboton3')
            CreateWindow(2)
        }
        if (data == 4) {

            GetActores($(this).attr('sexo'))
          
            var aux = 0;
            if ($(this).attr('sexo') == 'H') {
                aux = 1;
            }
            $('.espacio2').html('').append(CreateMenu('menu2', 'boton2 colorboton2', aux, 1)).append(CreateShowPhotoFrame())
            $('.boton2').click(function () {
                //pp = kk;
                //$('.boton2').removeClass('selected')
                id = $(this).attr('data');
                //$(this).addClass('selected')
                CreateWindow(id)
            })



        }

    }) 

}
function PutDataActorInForm(mw ,mh , ds) {
    //pp = kk;
                                       
    ShowTable(mw, mh, ds[1], $(ds[0][0]).attr('ID_ACTOR') , $('.espacio1'), 1, true, ds)

}
function getIdMediaPrincipalActorActivo(ds) {
    var nx = 0;
    for (nx = 0; nx < ds[1].length; nx++) {
        if ($(ds[1][nx]).attr("PRINCIPAL") == "True") {
            return $(ds[1][nx]).attr("ID_MEDIA")
        }
    }

}

function roundNumber(num, dec) {
    var result = String(Math.round(num * Math.pow(10, dec)) / Math.pow(10, dec));
    if (result.indexOf('.') < 0) { result += '.'; }
    while (result.length - result.indexOf('.') <= dec) { result += '0'; }
    return result;
}

 function fn_GetUrlFotoOriginal(result) {

                var obj = result
                WImg = 857
                HImg = 573
                if (result.O == "V") {
                    WImg = 400
                    HImg = 599
                }

                var propdefault = roundNumber(WImg / HImg, 1)
                var propnewphoto = roundNumber(result.Width / result.Height, 1)

                // propdefault = roundNumber(propdefault,1)
                // propnewphoto =   roundNumber(propnewphoto,1)


                if (propdefault != propnewphoto) {

                    ratio = result.Width / 857
                    WImg = parseInt(857)
                    HImg = parseInt(result.Height / ratio)

                    if (result.O == "V") {
                        ratio = result.Width / 400
                        WImg = parseInt(400)
                        HImg = parseInt(result.Height / ratio)
                    }
                }
                // Guardamos el ancho y alto de la imagen que vamos a ponerle al cliente para recortar
                FotoWidthCrop = WImg
                FotoHeightCrop = HImg
                var d = new Date()
                // calculamos la Url para obtener una foto de las dimensiones
                return '/programa/aspx/commands.aspx?command=GetPhoto&Crop=0&width=' + WImg + '&height=' + HImg + '&idPhoto=' + result.ID +'&time='+d.getTime()

            }
            function CreateVideoBook(data) {
                var url = 'Contenidos/' + web + '/ViewVideobook.htm'
                $.get(url, function (html) {
                    $('.espacio1').fadeOut().html(html).fadeIn()
                    PutVideoBook('FlashBook', data[3][0][0], "/External_Data/player.swf", 520, 440)
                })
            }

            function PutVideoBook(name, urlfile, urlSwfPlayer, width, height) {
                $('#FlashBook').html('').flash({
                    src: urlSwfPlayer,
                    flashvars: { file: urlfile },
                    width: width,
                    height: height,
                    allowfullscreen: true
                })
            }

function showImagePopUp(idPhoto) {

    $('.pop').show()
    url = '/programa/aspx/commands.aspx?command=GetDataPhoto&idPhoto=' + idPhoto
    $.getJSON(url, function (data) {

        url = fn_GetUrlFotoOriginal(data)
        $('#editpop').css({ 'width': FotoWidthCrop + 14, 'height': FotoHeightCrop + 14 }).html(

                                           $('<div>').addClass('content').css({ 'width': FotoWidthCrop + 14, 'height': FotoHeightCrop + 14 }).append(
                                                $('<img>').css({ 'margin': 7, 'cursor': 'pointer' }).attr({ 'id': 'image', 'src': url })
                                                          .click(function () {
                                                              $('.pop').hide()
                                                              $('.editpop').hide()
                                                          })

                                              )

                                        ).append($('<div>').attr({ 'id': 'fancybox-close' }).click(function () {
                                            $('.pop').hide()
                                            $('.editpop').hide()
                                        })
                                        ).show()

    })

                                }

function PDFPopUp(mw,mh,ds,id, NombreA, Representante) {
    PutDataActorInForm(mw, mh, ds)
    url = 'Contenidos/viewpdf.aspx?url=/programa/aspx/pdf.aspx&id=' + id + ' &Nombre=' + NombreA + '&Representa=' + Representante
    
    $('.pop').show()


    $('#editpop').css({ 'width': '720px', 'height': '620px' }).html(

                        $('<div>').addClass('content').css({ 'width': '720px', 'height': '620px' }).append(
                            $('<iframe>').css({ 'top': '10px', 'left': '10px', 'width': '720px', 'height': '610px' }).attr({ 'id': 'PDF', 'src': url })
                          )

                    ).append($('<div>').attr({ 'id': 'fancybox-close' }).click(function () {
                        $('.boton3').removeClass('selected')
                        //pp = kk;
                        
                        SelBoton($('.boton3'),0)  //[data=1]').addClass('selected')

                        $('.pop').hide()
                        $('.editpop').hide()

                    })
                    ).show()
                }
    function SelBoton(objs,nb) {
        for (n = 0; n < objs.length; n++) {
            if ($(objs[n]).attr('data') == nb) {
                $(objs[n]).addClass('selected')
            }
        }        
    }
    function encodeisourl(str) {
        if (str != null) {
            if (str.length != 0) {
                //pp=kk;
                for (i = 0; i < str.length; i++) {
                    c = str.substr(i, 1)
                    newstr = search_ajax(c)
                    if (newstr != c) {
                        str = replace(str, c, newstr);
                        i = i + newstr.length
                    }
                }
            }
        }
        return str;
    }


 function search_ajax(c) {
            var p = 0;
            var ajax = [
				['|', '@bar;'],
				['±', '@mns;'],
				[' ', '@blank;'],
				['·', '@punto;'],
				['<br>', '@/;'],
				['&', '@#;'],
				['?', '@:;'],
				['¿', '@.;'],
				['¡', '@*;'],
				['!', '@=;'],
				['%', '@-;'],
				['\'', '@cminlla;'],
				['\"', '@cmilla;'],
				['á', '@aacute;'],
				['Á', '@Aacute;'],
				['É', '@Eacute;'],
				['é', '@eacute;'],
				['Í', '@Iacute;'],
				['í', '@iacute;'],
				['Ó', '@Oacute;'],
				['ó', '@oacute;'],
				['Ú', '@Uacute;'],
				['ú', '@uacute;'],
				['Ñ', '@Ntilde;'],
				['ñ', '@ntilde;'],
				['€', '@leuro;'],
				['ª', '@anume;'],
				['º', '@onume;'],
				['²', '@subcuadra;'],
				['®', '@copyright;'],
				['`', '@utilde;'],
				['´', '@atilde;']]
            //[' ','@nbsp;']]			
            //pp=kk;			
            var salida = false;
            for (p = 0; p < ajax.length; p++) {
                if (ajax[p][0] == c) {
                    return ajax[p][1];
                }
            }
            return c;
        }

        function replace(argvalue, x, y) {

            if ((x == y) || (parseInt(y.indexOf(x)) > -1)) {
                return argvalue;
            }

            while (argvalue.indexOf(x) != -1) {
                var leading = argvalue.substring(0, argvalue.indexOf(x));
                var trailing = argvalue.substring(argvalue.indexOf(x) + x.length, argvalue.length);
                argvalue = leading + y + trailing;
            }

            return argvalue;

        }