.-.-.-.-.-

parameters0 = new Array();
var srt_images = '';
var currentParentId;
var updateId;
var changeParent;
var deleteCount = 1;
function Add(sel, parentId, isNewProject)
{     
    if (isNewProject) {
      window.location.href='index.php?option=com_videogallery&view=videogallery&task=videogallery.addProject&sel='+sel+'&parentId='+parentId;
      return;        
    }
    if (par_images) {
        par_images[parentId].push(sel);
        var parentNode = document.getElementById("sel_img"+parentId);
        var li = document.createElement('li');
        li.id = "editthisimage_" + par_images[parentId].length + "_" + parentId;
        li.className = (par_images[parentId].length == 1) ? ("editthisimage" + parentId +" first") : ("editthisimage" + parentId);
        var img = document.createElement('img');
        img.id = "sel_img_" + par_images[parentId].length;       
        img.value =  sel;
        img.src = "../" + sel;
        var modal = document.createElement('a');
        modal.className = "modal-button";
        modal.id = par_images[parentId].length;
        modal.setAttribute('title', 'Image');
        
        var inputEdit = document.createElement('input');
        inputEdit.setAttribute('type', 'button');
        inputEdit.className = "edit-image";
        inputEdit.value = "Edit";
        modal.appendChild(inputEdit);
        var removeEl = document.createElement('a');
        removeEl.className = "remove-image";
        removeEl.id = par_images[parentId].length;
        removeEl.setAttribute('style', 'cursor: pointer');            
        li.appendChild(img);
        li.appendChild(modal);
        li.appendChild(removeEl);
        
        modal.onclick = function() {
            SqueezeBox.setContent('iframe',"index.php?option=com_media&view=images&tmpl=component&e_name=tempimage"); 
            getImage(url, parentId, modal.id);
             IeCursorFix();
             return false; 
        };
        
        removeEl.onclick =  function() {
           Remove(removeEl.id, parentId);
        };   
        parentNode.childNodes[1].insertBefore(li, parentNode.childNodes[1].childNodes[parentNode.childNodes[1].childNodes.length -3]);
        var image_url = document.getElementById("image_url"+parentId);
        image_url.value = setComma(par_images[parentId]);
        
    }

}
 function fillArray(sel)
{
    if (sel == 'sel_img')
    {
        for (i = 0; i < par_images.length; i++)
        {
            if (document.getElementById("sel_img_" + i) != "") {
                par_images[i] = document.getElementById("sel_img_" + i).getAttribute('value');
            }
        }
    }
  
}

function fill(sel)
{
    document.getElementById(sel).innerHTML = '';

if (sel == 'sel_img')
    {
        selInnerHTML_str = '';
        document.getElementById("image_url").value = '';

for (i = 0; i < par_images.length; i++)
        {
            selInnerHTML_str += '<img id="' + sel + "_" + i + '" src="' + par_images[i] + '" onChange="Add(\'sel_img\')" value="' + par_images[i] + '" /> <a  class ="remove-image" onClick="Remove(' + i + ',\'sel_img\');" >a</a><br />';
            //document.getElementById("sel_img").value += par_images[i] + ";";
        }
        document.getElementById(sel).innerHTML = selInnerHTML_str;
    }
    else
    {
        document.getElementById("hid_" + sel).value = '';

for (i = 0; i < parameters0[sel].length; i++)
        {
            var inpElement = document.createElement('input');
            inpElement.setAttribute('type', 'text');
            inpElement.setAttribute('style', 'width:200px;');
            inpElement.setAttribute('id', 'inp_' + sel + '_' + i);
            inpElement.setAttribute('value', parameters0[sel][i]);
            inpElement.setAttribute('onchange', 'Add(\'' + sel + '\')');

var btnElement = document.createElement('input');
            btnElement.setAttribute('type', 'button');
            btnElement.setAttribute('value', 'X');
            btnElement.setAttribute('onclick', 'Remove(' + i + ',\'' + sel + '\')');

document.getElementById(sel).appendChild(inpElement);
            document.getElementById(sel).appendChild(btnElement);
            document.getElementById(sel).appendChild(document.createElement('br'));

document.getElementById("hid_" + sel).value += parameters0[sel][i] + "	";

}

if (document.getElementById("all_par_hid") != null)
        {
            document.getElementById("all_par_hid").value = "";
            for (keyVar in parameters0)
            {
                if (document.getElementById("hid_" + keyVar) != null)
                    document.getElementById("all_par_hid").value += keyVar + "@@:@@" + document.getElementById("hid_" + keyVar).value;
            }
            all_par_hid_temp_str = document.getElementById("all_par_hid").value;
            document.getElementById("all_par_hid").value = all_par_hid_temp_str.replace(/</g, "");
        }
    }
}

}

function getImage(rootUrl, parentEl, updateId_, isNewProject)
{ 
    updateId = updateId_;
    currentParentId = parentEl;
  
    tinyMCE.editors.tempimage.onChange.dispatch = function()
    {       
        if (tinyMCE.editors.tempimage.contentDocument.getElementsByTagName("img").length > 0)
        {
            ImageSrc = tinyMCE.editors.tempimage.contentDocument.getElementsByTagName("img")[0].src;

if (rootUrl.substr((rootUrl.length - 1), 1) == '/')
                ImageSrc = ImageSrc.substr(ImageSrc.indexOf(rootUrl) + rootUrl.length);
            else
                ImageSrc = ImageSrc.substr(ImageSrc.indexOf(rootUrl) + rootUrl.length + 1);

if (updateId_ == null) {
               Add(ImageSrc, currentParentId, isNewProject);
            } else {
                Edit(ImageSrc, currentParentId, updateId );
            }           
            tinyMCE.editors.tempimage.contentDocument.body.innerHTML = '';
        }        
    }
   //el chgres
}
function Edit(src, parentId, elementId) {
    var elementLi = document.getElementById("editthisimage_" + elementId + "_" + parentId);
    var query = elementLi.querySelector("#sel_img_" + elementId);
    par_images[parentId][elementId - 1] = src;
     if (query) {
        query.src = "../" + src;
        query.value = src;
    }
    var image_url = document.getElementById("image_url"+parentId);
    image_url.value =par_images[parentId];    
}

function deletevote()
{
//    document.getElementById('adminForm').del_sel_votes.value = 1;
//    submitbutton('apply');
}

function checkedAll(checked)
{
    for (var i = 0; i < document.getElementById('adminForm').elements.length; i++) {
        if (document.getElementById('adminForm').elements[i].name != undefined)
            if (document.getElementById('adminForm').elements[i].name.indexOf("delete_vote") == 0)
                document.getElementById('adminForm').elements[i].checked = checked;
    }
}

function save_order()
{
    document.forms["adminForm"].submit();
}

/home/megadansyp/www/eace8/../media/com_videogallerylite/js/param_block.js