var x_form_id = 'myform';function SPI(percent,cursize,time,speed,files,left)
{if(percent==100){percent=99;}
document.getElementById('pieb').innerHTML =  Math.round(percent)+'%';margin = 0-30*Math.round(parseFloat(percent)/5);document.getElementById('pie').style.backgroundPosition=margin+'px 0';}

if(!window.$){ window.$ = function (elem){return document.getElementById(elem);} }
try {document.execCommand("BackgroundImageCache", false, true);} catch(err) {}
//---------------------
var xform = $(x_form_id);
var show_fname_chars=56;
var UID,NF=0,cx=0,slots=1,fnames,scrOfX,scrOfY;


var ext_allowed='jpg|bmp|gif|png',ext_not_allowed='',max_upload_files='1',max_upload_size='10',enable_file_descr='1',pass_required='',email_required='';

function openStatusWindow(f1,UID)
{ 
 var cgi_url = f1.action.split('upload.cgi')[0]+'upload_status.cgi';
 var url = cgi_url+'?uid='+UID+'&nfiles='+NF+'&tmpl=&xmode=1&files='+fnames;

     if($('progress_bar'))$('progress_bar').style.display='block';
     if($('stop_btn'))$('stop_btn').style.visibility='visible';
     self.xiframe4.location = url+'&inline_pro=1';
}

function StartUpload(f1)
{

    NF=0;
    f1.target='xupload';

    for (var i=0;i<f1.length;i++)
    {
      current = f1.elements[i];
      if(current.type=='file' && current.value!='')
      {
         if(!checkExt(current))return false;
         NF++;
      }
    }
    cx=0;
    fnames='';
    for (var i=0;i<=f1.length;i++)
    {
      current = f1[i];
      if(current && current.type && current.type=='file')
      {
         var descr = $(current.name+'_descr');
         if(descr)descr.name = 'file_'+cx+'_descr';
         current.name = 'file_'+cx;
         cx++;
         xname = current.value.match(/[^\\\/]+$/);
         if(xname && xname!='null')fnames+=':'+xname;
      }
    }

    if(NF==0){TINY.box.show('Selecteer a.u.b. een afbeelding van het type .jpg, .gif, .png of .bmp.',0,0,0,0,7);return false;};
    if($('submit_btn'))$('submit_btn').style.display='none';
    var UID='';
    for(var i=0;i<12;i++)UID+=''+Math.floor(Math.random()*10);

    setTimeout( function (){openStatusWindow(f1,UID)}, 500);
    var password='';
    if(f1.upload_password)password=b64_md5(f1.upload_password.value);
    f1.action = f1.action.split('?')[0]+'?upload_id='+UID+'&js_on=1&xpass='+password+'&xmode=1'; //cleaning old query to avoid ReUpload bugs
}

function checkExt(obj)
{
    value = obj.value;
    if(value=="")return false;
    var re1 = new RegExp("^.+\.("+ext_allowed+")$","i");
    var re2 = new RegExp("^.+\.("+ext_not_allowed+")$","i");
    if( (ext_allowed && !re1.test(value)) || (ext_not_allowed && re2.test(value)) )
    {
        TINY.box.show('Selecteer a.u.b. een afbeelding van het type .jpg, .gif, .png of .bmp.',0,0,0,0,7);
        return false;
    }

    return true;
}

function fixLength(str)
{
 var arr = str.split(/\\/);
 str = arr[arr.length-1];
 if(str.length<show_fname_chars)return str;
 return '...'+str.substring(str.length-show_fname_chars-1,str.length);
}

function MultiSelector( list_obj )
{
	this.list_target = list_obj;
	this.count = 0;
	this.id = 0;
	this.addElement = function( element )
    {
       element.name = 'file_' + this.id++;
       element.multi_selector = this;
       element.onchange = function()
       {
           if(!checkExt(element))return;
           if (navigator.appVersion.indexOf("Mac")>0 && navigator.appVersion.indexOf("MSIE")>0)return;
           var new_element = document.createElement( 'input' );
           new_element.type = 'file';
           new_element.size = element.size;

           this.parentNode.appendChild( new_element, this );
           this.multi_selector.addElement( new_element );
           this.multi_selector.addListRow( this );

           this.style.position = 'absolute';
           this.style.left = '-9999px';
       };
       // Reached maximum number, disable input element
       if( this.count >= max_upload_files ){element.disabled = true;};

       this.count++;
       this.current_element = element;
	};

	this.addListRow = function( element )
    {
		var new_row = document.createElement( 'div' );
        new_row.className = 'xrow';

        var div1 = document.createElement( 'div' );
        div1.className = 'xfname';
        div1.appendChild( document.createTextNode(" "+fixLength(element.value)) );
        new_row.appendChild( div1 );

        var adel = document.createElement( 'a' );
        adel.href='#';
        adel.title='Delete';
        var img = document.createElement( 'img' );
        img.src='del.gif';
        adel.appendChild( img );

		adel.onclick= function()
        {
			this.parentNode.element.parentNode.removeChild( this.parentNode.element );
			this.parentNode.parentNode.removeChild( this.parentNode );
			this.parentNode.element.multi_selector.count--;
			this.parentNode.element.multi_selector.current_element.disabled = false;
			return false;
		};

		new_row.appendChild( adel );

        var br = document.createElement( 'br' );
        br.setAttribute('clear', 'all');
        new_row.appendChild( br );
		
        if(enable_file_descr==1)
        {
            var new_row_descr = document.createElement( 'input' );
    		new_row_descr.type = 'text';
            new_row_descr.name = element.name+'_descr';
            new_row_descr.className='fdescr';
            new_row_descr.setAttribute('maxlength', 128);
            var div2 = document.createElement( 'div' );
                div2.className = 'xdescr';
                div2.appendChild( document.createTextNode('Description:') );
            div2.appendChild( new_row_descr );
            new_row.appendChild( div2 );
        }
        
        new_row.element = element;
		this.list_target.appendChild( new_row );
	};
};

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}


function BlankIframes()
{
    blank_txt="<HTML><Body bgcolor='#FFFFFF'><Center><br><br>Initializing Upload...</Center></Body></HTML>";
    if(self.xiframe2){self.xiframe2.document.open();self.xiframe2.document.write(blank_txt);self.xiframe2.document.close();}
    if(self.xiframe3){self.xiframe3.document.open();self.xiframe3.document.write(blank_txt);self.xiframe3.document.close();}
    if(self.xiframe4){self.xiframe4.document.open();self.xiframe4.document.write(blank_txt);self.xiframe4.document.close();}
}

function StopUpload(no_close)
{
    var agt=navigator.userAgent.toLowerCase();
    var is_opera = (agt.indexOf("opera") != -1);
    if(self.xiframe2 && self.xiframe2.interval)self.xiframe2.clearTimeout(self.xiframe2.interval);
    if(self.xiframe3 && self.xiframe3.interval)self.xiframe3.clearTimeout(self.xiframe3.interval);
    if(self.xiframe4 && self.xiframe4.interval)self.xiframe4.clearTimeout(self.xiframe4.interval);
    if(!!top.execScript)
    {
        window.document.execCommand('Stop');
        window.frames['xupload'].document.execCommand('Stop');
    }
    else if (!document.all || is_opera)
    {
        window.stop();
        window.frames['xupload'].stop();
    }
    if(no_close)return;
    popupClose();
    return false;
   if( $('submit_btn'))$('submit_btn').style.display='inline';
   if( $('stop_btn'))$('stop_btn').style.visibility='hidden';
}

function popupClose()
{
   //if( $('upload_form'))$('upload_form').style.position='static';
   if( $('submit_btn'))$('submit_btn').style.display='inline';
   if( $('xoverlay') )$('xoverlay').style.display='none';
   if( $('xwindow2') )$('xwindow2').style.display='none';
   if( $('xwindow3') )$('xwindow3').style.display='none';
   if( $('xiframe4') )$('xiframe4').style.display='none';
   if( $('progress_bar'))$('progress_bar').style.display='none';
   if( $('stop_btn'))$('stop_btn').style.visibility='hidden';
   if( window.SPI )window.SPI(0,0,0,0,0,0);
   BlankIframes();
   document.getElementsByTagName("body")[0].style.overflow = "";
   return false;
}

// Safari fix
if(!document.all)window.frames['xupload'].stop();


document.write('<div id="xwindow2"><div id="xwindow2hdr">Upload in progress...<img id="xwindow2close" onclick="return StopUpload()" title="Close this window" alt="Close this window"></div><iframe src="" name="xiframe2" id="xiframe2" frameborder=0 SCROLLING=NO></iframe></div>');
document.write('<div id="xwindow3"><iframe src="" name="xiframe3" id="xiframe3" frameborder=0 SCROLLING=NO></iframe><a href="#" id="xwindow_close" onClick="return StopUpload()"></a></div>');
document.write('<iframe src="" name="xiframe4" id="xiframe4" frameborder=0 SCROLLING=NO></iframe>');
document.write('<div id="xoverlay"></div>');

document.write('<script src="' + xform.action +'?settings' + '&xmode=1" type="text/javascript"><\/script>');

if($('files_list')){var multi_selector = new MultiSelector( $('files_list') );multi_selector.addElement( $('my_file_element') );}

BlankIframes();