/**
 * fereastra pop-up utilizata pentru stergerea unui Album foto<br/>
 * <u>Parametri:</u><br/>
 * <b>album_id</b> - id-ul din baza de date al albumului care urmeaza a fi sters<br/>
 * <b>album_name</b> - numele albumului care urmeaza a fi sters
 */
function deleteAlbumLightBox(album_id, album_name){
    var innerHtml = '<div class="popup1" id="popup">'+
        '<input type="hidden" id="albumID" name="albumID" value="'+album_id+'" />'+
        '<div class="popup_header1">stergere album</div>'+
        '<div class="popup_body1">esti sigur ca vrei sa stergi albumul <b>'+album_name+'</b> si tot continutul acestuia?</div>'+
        '<div class="popup_footer1">'+
        '<table width="100%">'+
        '<tr>'+
        '<td width="50%" align="center"><a href="#" onclick="submitParamsFromContainer(\'popup\', \'listAlbums.jsp\', \'userAction\', \'deleteAlbum\')">[ok]</a></td>'+
        '<td width="50%" align="center"><span class="lb">&nbsp;</span><a href="#" rel="deactivate" class="cancelAction" >anuleaza</a><span class="rb">&nbsp;</span></td>'+
        '</tr>'+
        '</table>'+
        '</div>'+
        '</div>';
    addLightboxMarkup(innerHtml);
}

function pictureOver (url, w, h) {

    var width = w;
    var height = h;

    while ( (width >= document.documentElement.clientWidth) || ( height >= document.documentElement.clientHeight - 40 ) ) {
        width /= 1.1;
        height /= 1.1;
    }

    var iHtml = "<div style=\"background-color:#ffffff;padding:10px 10px 20px 10px;width:"+width+"px;height:"+height+"px;\"><img src=\""+url+width+"\" style=\"border:1px solid #000000;\" width=\""+width+"\" height=\""+height+"\" alt=\"\" /><br/><a href=\"#\" class=\"cancelAction\" rel=\"deactivate\" >inchide.</a></div>";
    addLightboxMarkupWH(iHtml, width, 10);
}

/**
 * fereastra pop-up utilizata pentru adaugarea unui nou album Foto
 */
function addNewAlbumLightBox(){
    var innerHtml = '<div class="popup1" id="popup">'+
        '<div class="popup_header1">Adauga un nou album foto</div>'+
        '<div class="popup_body1">'+
        '<table name="table1" width="100%">'+
        '<tr><td>Nume album:</td><td><input type="text" class="textGrad" name="albumName" size="20"></input></td></tr>'+
        '<tr><td>Tip:</td>'+
            '<td>'+
                '<select name="optAlbum" id="optAlbum" onchange="hideRow(\'optAlbum\')">'+
                '<option value="0">Public</option>'+
                '<option value="1">Privat</option>'+
                '</select>'+
            '</td>'+
        '</tr>'+
        '<tr id="password" style="visibility:hidden;"><td>Parola:</td><td><input type="password" class="textGrad" name="albumPassword" size="20"></input></td></tr>'+
        '</table>'+
        '</div>'+
        '<div class="popup_footer1">'+
        '<table width="100%">'+
        '<tr>'+
        '<td width="50%" align="center"><span class="lb">&nbsp;</span><a href="#" onclick="submitParams(\'popup\', \'listAlbums.jsp\', \'optAlbum\', \'userAction\', \'addNewAlbum\')">ok</a><span class="rb">&nbsp;</span></td>'+
        '<td width="50%" align="center"><span class="lb">&nbsp;</span><a href="#" rel="deactivate" class="cancelAction" >anuleaza</a><span class="rb">&nbsp;</span></td>'+
        '</tr>'+
        '</table>'+
        '</div>'+
        '</div>';
    addLightboxMarkup(innerHtml);
}

function change_opt(id, optiune) {
    document.getElementById(id).value = optiune;
}

function confirm_dialog(){
    innerHtml = '<div class="popup1" id="popup">'+
        '<div class="popup_header1">sterge</div>'+
        '<div class="popup_body1">esti sigur ca vrei sa stergi acest fisier media?</div>'+
        '<div class="popup_footer1">'+
        '<table align="center" style="font-size:11px;">'+
        '<tr>'+
        '<td>'+
        '<span class="lb">&nbsp;</span><a href="#" onclick="submitParamsFromContainer(\'deletePicture\', \'detaliiImagine.jsp\', \'userAction\', \'deletePicture\');">ok</a><span class="rb">&nbsp;</span>'+
        '</td>'+
        '<td><span class="lb">&nbsp;</span><a href="#"  rel="deactivate" class="cancelAction">anuleaza</a><span class="rb">&nbsp;</span></td>'+
        '</tr>'+
        '</table>'+
        '</div>'+
        '</div>';

        addLightboxMarkup(innerHtml);
}

function changeTypeAlbumLightBox(option_id, album_name){
    var innerHtml = '';
    if(document.getElementById(option_id).value == 0){
        innerHtml = '<div class="popup1" id="popup">'+
            '<input type="hidden" id="albumOption" name="albumOption" value="'+option_id+'" />'+
            '<div class="popup_header1">Albumul tau foto</div>'+
            '<div class="popup_body1">Esti sigur ca vrei ca albumul <b>'+album_name+'</b> sa devina public?</div>'+
            '<div class="popup_footer1">'+
            '<table align="center" style="font-size:11px;">'+
            '<tr>'+
            '<td>'+
            '<span class="lb">&nbsp;</span><a href="#" onclick="hideRow(\'albumType\');alertMessageStandard(\'Albumul tau foto\',\'Incepand de acum albumul '+album_name+' este public.\');">Ok</a><span class="rb">&nbsp;</span>'+
            '</td>'+
            '<td onclick="change_opt(\'albumType\',1)"><span class="lb">&nbsp;</span><a href="#"  rel="deactivate" class="cancelAction">anuleaza</a><span class="rb">&nbsp;</span></td>'+
            '</tr>'+
            '</table>'+
            '</div>'+
            '</div>';
    } else {
        innerHtml = '<div class="popup1" id="popup">'+
            '<input type="hidden" id="albumOption" name="albumOption" value="'+option_id+'" />'+
            '<div class="popup_header1">Albumul tau foto</div>'+
            '<div class="popup_body1">Esti sigur ca vrei ca albumul <b>'+album_name+'</b> sa devina privat?</div>'+
            '<div class="popup_footer1">'+
            '<table align="center" style="font-size:11px;">'+
            '<tr>'+
            '<td>'+
            '<span class="lb">&nbsp;</span><a href="#" onclick="hideRow(\'albumType\');alertMessageStandard(\'Albumul tau foto\',\'Incepand de acum albumul '+album_name+' este privat.\');">Ok</a><span class="rb">&nbsp;</span>'+
            '</td>'+
            '<td onclick="change_opt(\'albumType\',0);"><span class="lb">&nbsp;</span><a href="#"  rel="deactivate" class="cancelAction" >anuleaza</a><span class="rb">&nbsp;</span>'+
            '</td>'+
            '</tr>'+
            '</table>'+
            '</div>'+
            '</div>';
    }
    addLightboxMarkup(innerHtml);
}

function uploading(){
    var innerHtml = '<div class=\'popup_body1\' valign=\'center\' align=\'center\'><b>uploading...</b></div>';
    return innerHtml;
}

function addNewFotoToAlbumLightBox(album_id, context, img, audio, video, dim){
    var innerHtml = '<div class="popup1" id="popup">'+
        '<div class="popup_header1">Adauga un fisier media</div>'+
        '<div class="popup_body1">'+
            '<p class="detalii">Formate acceptate:</p>' +
            '<p class="detalii"> &nbsp;- imagini: '+img+';</p>'+
            '<p class="detalii"> &nbsp;- audio: '+audio+';</p>'+
            '<p class="detalii"> &nbsp;- video: '+video+'.</p>'+
            '<p class="detalii">dimensiune maxima: '+dim+' MB.</p>'+
            '<form method="POST" id="formular1" action="'+context+'/ContentUpload" enctype="multipart/form-data">'+
            '<input type="hidden" name="selected_album" value="'+album_id+'">'+
            '<table name="table1">'+
            '<tr><td colspan="2"><input type="file" name="newPhoto" size="20"/></td></tr>'+
            '<tr><td>Titlu:</td><td><input type="text" class="textGrad" name="imageName" size="20"></input></td></tr>'+
            '</table>'+
        '</div>'+
        '</div>'+
        '<div class="popup_footer1" id="popup_footer" >'+
            '<table align="center" style="font-size:11px;">'+
            '<tr>'+
            '<td><span class="lb">&nbsp;</span> <a href="#" onclick="document.getElementById(\'formular1\').submit(); document.getElementById(\'popup\').innerHTML = uploading();">salveaza</a><span class="rb">&nbsp;</span></td>'+
            '<td><span class="lb">&nbsp;</span> <a href="#" rel="deactivate" class="cancelAction">anuleaza</a><span class="rb">&nbsp;</span></td>'+
            '</tr>'+
            '</table>'+
            '</form>'+
        '</div>';
    addLightboxMarkup(innerHtml);
}