// returns the subfieldcode based upon subfieldid writing

function getSubfieldcode(tagsubfieldid){

    // 3 : tag +3 : tagnumber +4 : number of _ +8 subfield -1 begins at 0  

    return tagsubfieldid.substr(3+3+4+8-1,1);

}

// Take the base of tagsubfield information (removing the subfieldcodes and subfieldindexes)

// returns the filter

function getTagInputnameFilter(tagsubfieldid){

    var tagsubfield=tagsubfieldid.substr(0,tagsubfieldid.lastIndexOf("_"));  

    var tagcode=tagsubfield.substr(tagsubfield.lastIndexOf("_"));

    tagsubfield=tagsubfield.substr(0,tagsubfield.lastIndexOf("_"));

    tagsubfield=tagsubfield.substr(0,tagsubfield.lastIndexOf("_"));

    tagsubfield=tagsubfield+"_."+tagcode;

    return tagsubfield;  

}

function openAuth(tagsubfieldid,authtype) {

    // let's take the base of tagsubfield information (removing the indexes and the codes

    var element=document.getElementById(tagsubfieldid);

    var tagsubfield=getTagInputnameFilter(tagsubfieldid);

    var elementsubfcode=getSubfieldcode(element.name);

    var mainmainstring=element.value;

    var mainstring="";  

    var inputs = element.parentNode.parentNode.getElementsByTagName("input");

    for (var myindex =0; myindex<inputs.length;myindex++){

        if (inputs[myindex].name && inputs[myindex].name.match(tagsubfield)){

            var subfieldcode=getSubfieldcode(inputs[myindex].name);

            if (isNaN(parseInt(subfieldcode)) && inputs[myindex].value != "" && subfieldcode!=elementsubfcode){

                mainstring=inputs[myindex].value+" "+mainstring;

            }      

        }

    }           

	newin=window.open("../authorities/auth_finder.pl?authtypecode="+  authtype+ "&index="+tagsubfieldid+"&value_mainstr="+encodeURI(mainmainstring)+"&value_main="+encodeURI(mainstring), "_blank",'width=700,height=550,toolbar=false,scrollbars=yes');

}

function ExpandField(index) {

    var original = document.getElementById(index); //original <div>

    var divs = original.getElementsByTagName('div');

    for(var i=0,divslen = divs.length ; i<divslen ; i++){      // foreach div

        if(divs[i].getAttribute('id').match(/^subfield/)){  // if it s a subfield

            if (divs[i].style.display == 'block') {

                divs[i].style.display = 'none';

            } else {

                divs[i].style.display = 'block';

            }

        }

    }

}

/**

 * To clone a field or a subfield by clicking on '+' button

 */ 

function CloneField(index) {

    var original = document.getElementById(index); //original <div>

    fields_in_use[index.substr(0, 7)]++;

    var clone = original.cloneNode(true);

    var new_key = CreateKey();

    var new_id  = original.getAttribute('id')+new_key;

    clone.setAttribute('id',new_id); // setting a new id for the parent div

    var divs = clone.getElementsByTagName('div');

    [% UNLESS ( hide_marc ) %] // No indicator if hide_marc

        // setting a new name for the new indicator

        for(var i=0; i < 2; i++) {

            var indicator = clone.getElementsByTagName('input')[i];

            indicator.setAttribute('name',indicator.getAttribute('name')+new_key);

        }

    [% END %]

    // settings all subfields

    for(var i=0,divslen = divs.length ; i<divslen ; i++){      // foreach div

        if(divs[i].getAttribute("id").match(/^subfield/)){  // if it s a subfield

            // set the attribute for the new 'div' subfields

            divs[i].setAttribute('id',divs[i].getAttribute('id')+new_key);

            var inputs   = divs[i].getElementsByTagName('input');

            var id_input = "";

            for( j = 0 ; j < inputs.length ; j++ ) {

            	if(inputs[j].getAttribute("id") && inputs[j].getAttribute("id").match(/^tag_/) ){

            		inputs[j].value = "";

            	}

            }

            inputs[0].setAttribute('id',inputs[0].getAttribute('id')+new_key);

            inputs[0].setAttribute('name',inputs[0].getAttribute('name')+new_key);

            var id_input;

            try {

            	id_input = inputs[1].getAttribute('id')+new_key;

                inputs[1].setAttribute('id',id_input);

                inputs[1].setAttribute('name',inputs[1].getAttribute('name')+new_key);

            } catch(e) {

            	try{ // it s a select if it is not an input

                    var selects = divs[i].getElementsByTagName('select');

                    id_input = selects[0].getAttribute('id')+new_key;

                    selects[0].setAttribute('id',id_input);

                    selects[0].setAttribute('name',selects[0].getAttribute('name')+new_key);

                }catch(e2){ // it is a textarea if it s not a select or an input

                	var textaeras = divs[i].getElementsByTagName('textarea');

                	id_input = textaeras[0].getAttribute('id')+new_key;

                	textaeras[0].setAttribute('id',id_input);

                    textaeras[0].setAttribute('name',textaeras[0].getAttribute('name')+new_key);

                }

            }

            [% UNLESS ( advancedMARCEditor ) %]

            // when cloning a subfield, re set its label too.

            var labels = divs[i].getElementsByTagName('label');

            labels[0].setAttribute('for',id_input);

            [% END %]

            [% UNLESS ( hide_marc ) %]

                // updating javascript parameters on button up

                var imgs = divs[i].getElementsByTagName('img');

                imgs[0].setAttribute('onclick',"upSubfield(\'"+divs[i].getAttribute('id')+"\');");

            [% END %]

            // setting its '+' and '-' buttons

            try {

                var anchors = divs[i].getElementsByTagName('a');

                for (var j = 0; j < anchors.length; j++) {

                    if(anchors[j].getAttribute('class') == 'buttonPlus'){

                        anchors[j].setAttribute('onclick',"CloneSubfield('" + divs[i].getAttribute('id') + "')");

                    } else if (anchors[j].getAttribute('class') == 'buttonMinus') {

                        anchors[j].setAttribute('onclick',"UnCloneField('" + divs[i].getAttribute('id') + "')");

                    }

                }

            }

            catch(e){

                // do nothig if ButtonPlus & CloneButtonPlus don t exist.

            }

            // button ...

            var spans=0;

            try {

                spans = divs[i].getElementsByTagName('a');

            } catch(e) {

                // no spans

            }

            if(spans){

                var buttonDot;

                if(!CloneButtonPlus){ // it s impossible to have  + ... (buttonDot AND buttonPlus)

                    buttonDot = spans[0];

                    if(buttonDot){

                        // 2 possibilities :

                        try{

                            var buttonDotOnClick = buttonDot.getAttribute('onclick');

                            if(buttonDotOnClick.match('Clictag')){   // -1- It s a plugin

                                var re = /\('.*'\)/i;

                                buttonDotOnClick = buttonDotOnClick.replace(re,"('"+inputs[1].getAttribute('id')+"')");

                                if(buttonDotOnClick){

                                    buttonDot.setAttribute('onclick',buttonDotOnClick);

                                }

                            } else {

                                if(buttonDotOnClick.match('Dopop')) {  // -2- It's a auth value

                                    var re1 = /&index=.*',/;

                                    var re2 = /,.*\)/;

                                    buttonDotOnClick = buttonDotOnClick.replace(re1,"&index="+inputs[1].getAttribute('id')+"',");

                                    buttonDotOnClick = buttonDotOnClick.replace(re2,",'"+inputs[1].getAttribute('id')+"')");

                                    if(buttonDotOnClick){

                                            buttonDot.setAttribute('onclick',buttonDotOnClick);

                                    }

                                }

                            }

                            try {

                            	// do not copy the script section.

                            	var script = spans[0].getElementsByTagName('script')[0];

                            	spans[0].removeChild(script);

                            } catch(e) {

                            	// do nothing if there is no script

                            }

                    	}catch(e){}

                	}

                }

            }

            [% UNLESS ( hide_marc ) %]

                var buttonUp = divs[i].getElementsByTagName('img')[0];

                buttonUp.setAttribute('onclick',"upSubfield('" + divs[i].getAttribute('id') + "')");

            [% END %]

        } else { // it's a indicator div

            if(divs[i].getAttribute('id').match(/^div_indicator/)){

                var inputs = divs[i].getElementsByTagName('input');

                inputs[0].setAttribute('id',inputs[0].getAttribute('id')+new_key);

                inputs[1].setAttribute('id',inputs[1].getAttribute('id')+new_key);

                var CloneButtonPlus;

                try {

                    var anchors = divs[i].getElementsByTagName('a');

                    for (var j = 0; j < anchors.length; j++) {

                        if (anchors[j].getAttribute('class') == 'buttonPlus') {

                            anchors[j].setAttribute('onclick',"CloneField('" + new_id + "')");

                        } else if (anchors[j].getAttribute('class') == 'buttonMinus') {

                            anchors[j].setAttribute('onclick',"UnCloneField('" + new_id + "')");

                        } else if (anchors[j].getAttribute('class') == 'expandfield') {

                            anchors[j].setAttribute('onclick',"ExpandField('" + new_id + "')");

                        }

                    }

                }

                catch(e){

                    // do nothig CloneButtonPlus doesn't exist.

                }

            }

        }

    }

    // insert this line on the page

    original.parentNode.insertBefore(clone,original.nextSibling);

}

function CloneSubfield(index){

    var original = document.getElementById(index); //original <div>

    fields_in_use[index.substr(0, 12)]++;

    var clone = original.cloneNode(true);

    var new_key = CreateKey();

    var new_id  = original.getAttribute('id')+new_key;

    // set the attribute for the new 'div' subfields

    var inputs     = clone.getElementsByTagName('input');

    var selects    = clone.getElementsByTagName('select');

    var textareas  = clone.getElementsByTagName('textarea');

    var linkid;

    // input

    var id_input = "";

    for(var i=0,len=inputs.length; i<len ; i++ ){

        id_input = inputs[i].getAttribute('id')+new_key;

        inputs[i].setAttribute('id',id_input);

        inputs[i].setAttribute('name',inputs[i].getAttribute('name')+new_key);

	linkid = id_input;

    }

    // select 

    for(var i=0,len=selects.length; i<len ; i++ ){

        id_input = selects[i].getAttribute('id')+new_key;

        selects[i].setAttribute('id',selects[i].getAttribute('id')+new_key);

        selects[i].setAttribute('name',selects[i].getAttribute('name')+new_key);

    }

    // textarea

    for(var i=0,len=textareas.length; i<len ; i++ ){

        id_input = textareas[i].getAttribute('id')+new_key;

        textareas[i].setAttribute('id',textareas[i].getAttribute('id')+new_key);

        textareas[i].setAttribute('name',textareas[i].getAttribute('name')+new_key);

    }

    // Changing the "..." link's onclick attribute for plugin callback

    var links  = clone.getElementsByTagName('a');

    var link = links[0];

    var buttonDotOnClick = link.getAttribute('onclick');

    if(buttonDotOnClick.match('Clictag')){   // -1- It s a plugin

	var re = /\('.*'\)/i;

        buttonDotOnClick = buttonDotOnClick.replace(re,"('"+linkid+"')");

        if(buttonDotOnClick){

	    link.setAttribute('onclick',buttonDotOnClick);

        }

    }

    [% UNLESS ( advancedMARCEditor ) %]

    // when cloning a subfield, reset its label too.

    var label = clone.getElementsByTagName('label')[0];

    label.setAttribute('for',id_input);

    [% END %]

    // setting a new id for the parent div

    clone.setAttribute('id',new_id);

    try {

        var buttonUp = clone.getElementsByTagName('img')[0];

        buttonUp.setAttribute('onclick',"upSubfield('" + new_id + "')");

        var anchors = clone.getElementsByTagName('a');

        if(anchors.length){

            for(var i = 0 ,lenanchors = anchors.length ; i < lenanchors ; i++){

                if(anchors[i].getAttribute('class') == 'buttonPlus'){

                    anchors[i].setAttribute('onclick',"CloneSubfield('" + new_id + "')");

                } else if (anchors[i].getAttribute('class') == 'buttonMinus') {

                    anchors[i].setAttribute('onclick',"UnCloneField('" + new_id + "')");

                }

            }

        }

    }

    catch(e){

        // do nothig if ButtonPlus & CloneButtonPlus don't exist.

    }

    // insert this line on the page

    original.parentNode.insertBefore(clone,original.nextSibling);

}

 /**

 * This function removes or clears unwanted subfields

 */

function UnCloneField(index) {

    var original = document.getElementById(index);

    var field_id;

    if (index.match("tag")) {

        field_id = index.substr(0, 7);

    } else {

        field_id = index.substr(0, 12);

    }

    if (1 == fields_in_use[field_id]) {

        // clear inputs, but don't delete

        $(":input.input_marceditor", original).each(function(){

            // thanks to http://www.learningjquery.com/2007/08/clearing-form-data for

            // hint about clearing selects correctly

            var type = this.type;

            var tag = this.tagName.toLowerCase();

            if (type == 'text' || type == 'password' || tag == 'textarea') {

                this.value = "";

            } else if (type == 'checkbox' || type == 'radio') {

                this.checked = false;

            } else if (tag == 'select') {

                this.selectedIndex = -1;

            }

        });

        $(":input.indicator", original).val("");

    } else {

        original.parentNode.removeChild(original);

        fields_in_use[field_id]--;

    }

}

/**

 * This function create a random number

 */

function CreateKey(){

    return parseInt(Math.random() * 100000);

}

function unHideSubfield(index,labelindex) { // FIXME :: is it used ?

    subfield = document.getElementById(index);

    subfield.style.display = 'block';

    label = document.getElementById(labelindex);

    label.style.display='none';	

}