var downArrow;
var upArrow;

var d = document;
var safari = (navigator.userAgent.toLowerCase().indexOf('safari') != -1) ? true : false;
var gebtn = function(parEl,child) { return parEl.getElementsByTagName(child); };

function setMaxLength() {
	var x = document.getElementsByTagName('textarea');
	var counter = document.createElement('div');
	counter.className = 'counter';
	for (var i=0;i<x.length;i++) {
		if (x[i].getAttribute('maxlength')) {
			var counterClone = counter.cloneNode(true);
			counterClone.relatedElement = x[i];
			counterClone.innerHTML = '<span>0</span>/'+x[i].getAttribute('maxlength');
			x[i].parentNode.insertBefore(counterClone,x[i].nextSibling);
			x[i].relatedElement = counterClone.getElementsByTagName('span')[0];

            x[i].onkeyup = x[i].onchange = checkMaxLength;
            x[i].onkeyup();
		}
	}
}

function checkMaxLength() {
	var maxLength = this.getAttribute('maxlength');
	var currentLength = this.value.length;
	if (currentLength > maxLength)
    {
		this.relatedElement.style.color = '#F00';
        this.value = this.value.slice( 0, maxLength );
    }
	else
    {
		this.relatedElement.style.color = '';
    }
	this.relatedElement.firstChild.nodeValue = this.value.length;
	// not innerHTML
}

window.onload=function()
{
    setMaxLength();

    if(!d.getElementById || !d.createTextNode) return;

    var ls = gebtn(d,'label');

    for (var i = 0; i < ls.length; i++) {
        var l = ls[i];

//        alert( l.className );
//        if (l.className != 'label_radio') continue;
        if (l.className.indexOf('label_') == -1) continue;
        var inp = gebtn(l,'input')[0];
//        if (l.className == 'label_check') {
//            l.className = (safari && inp.checked == true || inp.checked) ? 'label_check c_on' : 'label_check c_off';
//            l.onclick = check_it;
//        };
        if (l.className == 'label_radio') {
            l.className = (safari && inp.checked == true || inp.checked) ? 'label_radio r_on' : 'label_radio r_off';
            l.onclick = turn_radio;
        };
    };
//    downArrow = new Image();
//    downArrow.src = '/image/design/downarrow.gif';
//
//    upArrow = new Image();
//    upArrow.src = '/image/design/uparrow.gif';


}

var turn_radio = function() {
    var inp = gebtn(this,'input')[0];
    if (this.className == 'label_radio r_off' || inp.checked) {
        var ls = gebtn(d,'label');

        for (var i = 0; i < ls.length; i++) {
            var l = ls[i];
            if (l.className.indexOf('label_radio') == -1)  continue;
            l.className = 'label_radio r_off';

        };
        this.className = 'label_radio r_on';
        if (safari) inp.checked = true;
    } else {
        this.className = 'label_radio r_off';
        if (safari) inp.checked = false;
    };
};

function showBox( itemId, checkboxId )
{
    myItem = document.getElementById( itemId );
    myCB   = document.getElementById( checkboxId );

    if ( myCB.checked == false )
    {
        myItem.style.display = 'none';
    } else {
        myItem.style.display = 'block';
    }
}

function visible( itemId )
{
    myItem = document.getElementById( itemId );
    if ( myItem.style.display == 'block' )
    {
        myItem.style.display = 'none';
    } else {
        myItem.style.display = 'block';
    }
}

function changeType( cb )
{
    myItem = document.getElementById('type1');
    if ( cb.value == 0 )
    {
        myItem.style.display = 'none';
    } else {
        myItem.style.display = 'block';
    }
}

function sMsg ( projectId )
{
    var messages = document.getElementById('message' + projectId );
    var button = document.getElementById('arrow' + projectId );


    if ( messages.style.display == 'none' )
    {
        messages.style.display = 'block';
    } else {
        messages.style.display = 'none';
    }
}

function checkChilds( parentKey )
{
    parentItem = document.getElementById('group' + parentKey );
    parentState = parentItem.checked;

    childsLength = childArray[parentKey].length;

    for(i=1; i < childsLength; i++)
    {
        childItem = document.getElementById('group' + childArray[parentKey][i]);
        childItem.checked = parentState;
    }
}

function createPopup( url, title, width, height ) {
    window.open( url , title ,"toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width="+width+", height="+height)
}


// ar tikrai reikalinga?

//function showMessages ( projectId )
//{
//    var messages = document.getElementById('messages' + projectId );
//    if ( messages.style.display == 'none' )
//    {
//        messages.style.display = 'block';
//    } else {
//        messages.style.display = 'none';
//    }
//}