var fileList=false;
var PROGRESS_WIDTH=0;
window.addEvent('load', function(){
    var jsUpload=$('jsUploadStart');
    var spisprog=$('spisprogp');
    if(spisprog!=null){
        PROGRESS_WIDTH=spisprog.getSize().x;
    }
    if(jsUpload!=null)
    {
        jsUpload.addEvent('click', function(){  
            var pTable=$('jsProcessTable');
            var pRow=$('jsProcessTr');
            var pTdName=$('jsProcessTdName');
            var iFrames=$('iFrames');
            var iterationCount=1;
            $$('.jsframe').each(function(el){
                var fCont = el.contentWindow || el.contentDocument;
                var fBody=false;
                if (fCont.document) {
                    fBody = fCont.document;
                }
                var jsInput=fBody.getElementById('jsinput');
                var frm=fBody.getElementById('frm');
                if(jsInput!=null && jsInput.value!='') 
                {
                    frm.submit();
                    pTdName.innerHTML=jsInput.value;
                    var row=pRow.clone().inject(pTable, 'bottom');
                    row.setProperty('id', pRow.getProperty('id')+iterationCount);
                    row.setStyle('display', '');
                    ++iterationCount;
                }
            });
            $('jsUploadSelect').setStyle('display', 'none');
            $('jsUploadProcess').setStyle('display', 'block');
        });
    }
});        

    

function addFileInput(el){
    if(el.value=='')
    {
        return;
    }
    var inputs=$('jsInputs');
    var maxInputs=inputs.getProperty('maxItems');
    var itemsNow=inputs.getProperty('itemsNow');
    if((maxInputs-itemsNow)==0)
    {	
        return;
    }
    ++itemsNow;
    var sample=$('jsInputSample').clone();
    sample.inject(inputs, 'bottom');
    sample.setProperty('id', 'jsInput' + itemsNow);
    sample.setProperty('num', itemsNow);
    sample.setProperty('src', sample.getProperty('src')+itemsNow);
    sample.setStyle('display', 'block');
    inputs.setProperty('itemsNow', itemsNow);
    $('maxItems').innerHTML=maxInputs-itemsNow;
}

function finishJUpload(frame, result)
{
    var pRow=$('jsProcessTr' + frame);
    pRow.getElements('td.fprogress').each(function(el){el.setStyle('display', 'none')});
    if(result==0)
    {
        pRow.getElements('td.fsuccess').each(function(el){el.setStyle('display', 'block')});
    }
    else
    {
        pRow.getElements('td.ffail').each(function(el){el.setStyle('display', 'block')});
    }
}

var uploaded_count = 0;
var set_to_upload_count = -1;

function photoCallback(resp)
{
    if(!uploader)
    {
       uploader=document.uploader ? document.uploader : window.uploader;
    }
    if(resp.event=='onSelect')
    {
        var maxPhoto=$('maxItems');
        var maxPhotoItems=parseInt(maxPhoto.getProperty('maxItems'));

        if(resp.fileList.length==0)
        {
            maxPhoto.innerHTML=maxPhotoItems;
            return;
        }
        $('phUpload').setStyle('display', 'block');
        $('startdownload').setStyle('display', 'block');
        $('messafter').setStyle('display', 'none');
        fileList=resp.fileList;
        var c=fileList.length;
        var jsProgress=$('jsProgress');
        var jsPP=$('spisprogp');


        if(c>0)
        {
            var fname=null;
            $$('.fprocesst').each(function(el){
                    el.getParent().removeChild(el);
            });
            for (var i = 0; i < c; ++i)
            {
                if(i<maxPhotoItems)
                {
                    var newProg=jsProgress.clone().inject(jsPP);
                    newProg.setProperty('id', 'jsp' + i);
                    newProg.addClass('fprocesst upload-item');
                    fname=newProg.getElement('span.fname');
                    fname.setProperty('id', 'fname'+i);
                    fname.innerHTML=fileList[i].name;
                    newProg.getElement('span.fphotosize').setProperty('id', 'fphotosize'+i);
                    newProg.getElement('span.fphotopercent').setProperty('id', 'fphotopercent'+i);
                    newProg.getElement('a.fphohodel').setProperty('onclick', 'return delFile(' + i + ');');
                    newProg.getElement('span.fdone').setProperty('id', 'fdone'+i);
                    newProg.getElement('span.ferror').setProperty('id', 'ferror'+i);
                    newProg.setStyle('display', 'block');
                    $('startdownload').setStyle('display', 'block');
                    fname=null;
                    set_to_upload_count = $$('.line-process').length-1;
                }
                else
                {
                    uploader.clear(i);
                }
            }
            if(maxPhoto!=null) 
            {
                var tmp=maxPhotoItems - c;
                if( tmp<0)
                {
                    tmp=0;
                }
                maxPhoto.innerHTML=tmp;
                if(tmp==0)
                {
					$('insert-photo-to-upload').setStyle('display', 'block');
                    $('upload-photo-msg-1').setStyle('display', 'none');
                    $('upload-photo-msg-2').setStyle('display', 'block');
                    $('upload-photo-msg-2').addClass('red');
					$('ubPhoto').width = '1px';
					$('ubPhoto').height = '1px';
                }   
            }


        }
    }
    else if(resp.event=='onProgress')
    {
        var per=parseInt(parseInt(resp.bytesLoaded)/fileList[resp.id].size*PROGRESS_WIDTH);
        if(per<PROGRESS_WIDTH)
        {
            perTxt= (per-PROGRESS_WIDTH) + 'px 0px';
            $('jsp' + resp.id).setStyle('background', 'transparent url(' + BM_IMG_SERVER + 'a/love2/img/progressbar.png) no-repeat scroll ' + perTxt);
            $('fphotopercent' + resp.id).innerHTML=Math.round(per/PROGRESS_WIDTH*100) + ' %';
        }
    }
    else if(resp.event=='onComplete')
    {
        $('jsp' + resp.id).setStyle('background', 'transparent url(' + BM_IMG_SERVER + 'a/contest/css/img/progressbar.png) no-repeat scroll 0px 0px');
		uploaded_count++;
        $('fphotopercent' + resp.id).innerHTML='100 %';
    }
    else if(resp.event=='onData')
    {
        var result=resp.data;
        $('fphotopercent' + resp.id).setStyle('display', 'none');
        if(result=='0')
        {
            $('fdone' + resp.id).setStyle('display', 'block');
        }
        else if(result=='1')
        {
            $('ferror' + resp.id).setStyle('display', 'block');
        }
        
        //$('startdownload').setStyle('display', 'none');
        //$('messafter').setStyle('display', 'block');
    }
    else if(resp.event=='onCancel')
    {

    }
    
    if (uploaded_count == set_to_upload_count) window.location = '/photos/';
   }
   
function setStyleButtons(type) {
	if (type == 'show') {
		$('button-start-upload').setProperty('disabled', '');
		$('insert-photo-to-upload').setStyle('display', 'none');
        $('upload-photo-msg-1').setStyle('display', 'block');
        $('upload-photo-msg-2').setStyle('display', 'none');
		$('ubPhoto').width = '166px';
		$('ubPhoto').height = '33px';	
	}
	
	if (type == 'hide') {
		$('button-start-upload').setProperty('disabled', 'disabled');
		$('insert-photo-to-upload').setStyle('display', 'block');
        $('upload-photo-msg-1').setStyle('display', 'none');
        $('upload-photo-msg-2').setStyle('display', 'block');
        $('upload-photo-msg-2').removeClass('red');
        $('upload-photo-msg-2').addClass('gray');
		$('ubPhoto').width = '1px';
		$('ubPhoto').height = '1px';		
	}
}

function startUpload()
{
    if(!uploader)
    {
       uploader=document.uploader ? document.uploader : window.uploader;
    }
    //var but=$('ubPhoto');
    //but.height='1px';
    //but.width='1px';
    //$$('.photouppn').each(function(el){el.setStyle('display', 'none');});
    setStyleButtons('hide');
    
    $$('.fphotopercent').each(function(el){
        el.setStyle('display', 'block');
    });
    $$('.fphohodel').each(function(el){
        el.setStyle('display', 'none');
    });

    uploader.upload(
    {
        url : UPLOAD_PATH,
        data:
            {
                all:
                    {
                    }
            }
    });

}

function eraseFiles() {
	for (var i=$$('.upload-item').length - 1; i >= 0 ; i--) {
		delFile(i);
	}
	$$('.line-process').setStyle('display', 'block');
	setStyleButtons('show');
	//hidePopup();
}

function delFile(i)
{
    var jsp=$('jsp' + i);
    var line_proccess = $$('.line-process');
    
    if (line_proccess.length - 1 <= 1) {
    	$('phUpload').setStyle('display', 'none');
    }
    
    jsp.getParent().removeChild(jsp);
    uploader.clear(i);
    fileList.splice(i, 1);
	$('insert-photo-to-upload').setStyle('display', 'none');
    $('upload-photo-msg-1').setStyle('display', 'block');
    $('upload-photo-msg-2').setStyle('display', 'none');
	$('ubPhoto').width = '166px';
	$('ubPhoto').height = '33px';
}