picindex_actual_tab = null;
picindex_url_actual_tab = null;
picindex_old_move_folder = 0;

function popitup(url,w,h) {
    newwindow=window.open(url,'name','scrollbar=yes, height='+h+',width='+w);
    newwindow.focus();
}

function picindex_tab(tab) {
    if(picindex_actual_tab != null) {
        picindex_actual_tab.src = "/images/"+design_images+picindex_actual_tab.id+".png";
        document.getElementById('sub_edit_'+picindex_actual_tab.id).style.display = "none";
    } else {
        document.getElementById('picindex_editpref').style.display = "";
    }
    tab.src = "/images/"+design_images+tab.id+"-selected.png";
    document.getElementById('sub_edit_'+tab.id).style.display = "";
    picindex_actual_tab = tab;
}

function picindex_url_tab(tab) {
    if(picindex_url_actual_tab != null) {
        picindex_url_actual_tab.src = "/images/"+design_images+picindex_url_actual_tab.id+".png";
        document.getElementById('url_sub_edit_'+picindex_url_actual_tab.id).style.display = "none";
    } else {
        document.getElementById('picindex_url_editpref').style.display = "";
    }
    tab.src = "/images/"+design_images+tab.id+"-selected.png";
    document.getElementById('url_sub_edit_'+tab.id).style.display = "";
    picindex_url_actual_tab = tab;
}

function picindex_actual_folder(folderid) {
    document.getElementById('picindex_folder2upload').value = folderid;
    document.getElementById('picmanager_folder_link_'+picindex_old_move_folder).style.fontWeight = 'normal';
    document.getElementById('folder_image2_'+picindex_old_move_folder).src = '/images/'+design_images+'folder-small.png';
    document.getElementById('picmanager_folder_link_'+folderid).style.fontWeight = 'bold';
    document.getElementById('folder_image2_'+folderid).src = '/images/'+design_images+'folder-orange.png';
    picindex_old_move_folder = folderid;
}

function picmanager_change_folder_open(id,icon1,icon2,icon3,icon4) {
    if(document.getElementById('folder_'+id).style.display == "none") {
        document.getElementById('folder_'+id).style.display = "";
        document.getElementById('folder_image_'+id).src = icon1;
//        document.getElementById('folder_image2_'+id).src = icon3;
    } else {
        document.getElementById('folder_'+id).style.display = "none";
        document.getElementById('folder_image_'+id).src = icon2;
//        document.getElementById('folder_image2_'+id).src = icon4;
    }
}

function picindex_resize_value(thevalue) {
    if(thevalue == "x1" || thevalue == "x2") {
        document.getElementById('resize_x').value = "";
        document.getElementById('resize_y').value = "";
        document.getElementById('resize_sample').value = "x1";
    } else {
        x_and_y_value = thevalue.split("x");
        document.getElementById('resize_x').value = x_and_y_value[0];
        document.getElementById('resize_y').value = x_and_y_value[1];
    }
}

function picindex_url_resize_value(thevalue) {
    if(thevalue == "x1" || thevalue == "x2") {
        document.getElementById('url_resize_x').value = "";
        document.getElementById('url_resize_y').value = "";
        document.getElementById('url_resize_sample').value = "x1";
    } else {
        x_and_y_value = thevalue.split("x");
        document.getElementById('url_resize_x').value = x_and_y_value[0];
        document.getElementById('url_resize_y').value = x_and_y_value[1];
    }
}

function picindex_openclose(divtoopenclose) {
    //alert(document.getElementById(divtoopenclose).style.display);
    if(document.getElementById(divtoopenclose).style.display == "none") {
        document.getElementById(divtoopenclose).style.display = "";
        document.getElementById('updown_'+divtoopenclose).src = "/images/"+design_images+"close.png";
    } else {
        document.getElementById(divtoopenclose).style.display = "none";
        document.getElementById('updown_'+divtoopenclose).src = "/images/"+design_images+"open.png";
    }
}

function picindex_rotate(degree) {
    if(document.getElementById('rotate_field').value == degree) {
        document.getElementById('rotate_'+degree).src = "/images/"+design_images+"rotate-"+degree+".png";
        document.getElementById('rotate_field').value = "";
    } else {
        if(document.getElementById('rotate_field').value != "") {
            document.getElementById('rotate_'+document.getElementById('rotate_field').value).src = "/images/"+design_images+"rotate-"+document.getElementById('rotate_field').value+".png";
        }
        document.getElementById('rotate_'+degree).src = "/images/"+design_images+"rotate-"+degree+"-active.png";
        document.getElementById('rotate_field').value = degree;
    }
}

function picindex_url_rotate(degree) {
    if(document.getElementById('url_rotate_field').value == degree) {
        document.getElementById('url_rotate_'+degree).src = "/images/"+design_images+"rotate-"+degree+".png";
        document.getElementById('url_rotate_field').value = "";
    } else {
        if(document.getElementById('url_rotate_field').value != "") {
            document.getElementById('url_rotate_'+document.getElementById('url_rotate_field').value).src = "/images/"+design_images+"rotate-"+document.getElementById('url_rotate_field').value+".png";
        }
        document.getElementById('url_rotate_'+degree).src = "/images/"+design_images+"rotate-"+degree+"-active.png";
        document.getElementById('url_rotate_field').value = degree;
    }
}

function picindex_mirror(mirror) {
    if(document.getElementById('mirror_field').value == mirror) {
        document.getElementById('mirror_'+mirror).src = "/images/"+design_images+"mirror-"+mirror+".png";
        document.getElementById('mirror_field').value = "";
    } else {
        if(document.getElementById('mirror_field').value != "") {
            document.getElementById('mirror_'+document.getElementById('mirror_field').value).src = "/images/"+design_images+"mirror-"+document.getElementById('mirror_field').value+".png";
        }
        document.getElementById('mirror_'+mirror).src = "/images/"+design_images+"mirror-"+mirror+"-active.png";
        document.getElementById('mirror_field').value = mirror;
    }
}

function picindex_url_mirror(mirror) {
    if(document.getElementById('url_mirror_field').value == mirror) {
        document.getElementById('url_mirror_'+mirror).src = "/images/"+design_images+"mirror-"+mirror+".png";
        document.getElementById('url_mirror_field').value = "";
    } else {
        if(document.getElementById('url_mirror_field').value != "") {
            document.getElementById('url_mirror_'+document.getElementById('url_mirror_field').value).src = "/images/"+design_images+"mirror-"+document.getElementById('url_mirror_field').value+".png";
        }
        document.getElementById('url_mirror_'+mirror).src = "/images/"+design_images+"mirror-"+mirror+"-active.png";
        document.getElementById('url_mirror_field').value = mirror;
    }
}


lastprogress = 1;
function progressmeter(progressposition) {
    while(lastprogress<=progressposition) {
        document.getElementById('progess_'+lastprogress).className = "uploadactivated";
        lastprogress++;
    }
}

function progressbar(upload_id,url) {
    //document.getElementById('upload_iframe').src = url+"?upload_id="+upload_id;
    document.getElementById('uploadbar').style.display = '';
    document.getElementById('upload_new').style.display = 'none';
    window.setInterval("ajax_status('"+upload_id+"','"+url+"');", 1000);
}

lasttab = 'upload';

function smalltabover(tid,over) {
   classname = document.getElementById('smalltab_'+tid).className;
   if(classname != "smalltab selected") {
      if(over == true) {
         document.getElementById('smalltab_'+tid).className = "smalltab over";
      } else {
         document.getElementById('smalltab_'+tid).className = "smalltab";
      }
   }
//   alert(document.getElementById('smalltab_'+tid).className);
}

function smalltabclick(tid) {
   document.getElementById('smalltab_'+lasttab).className = "smalltab";
   document.getElementById('smalltab_'+tid).className = "smalltab selected"; 
   document.getElementById('smallmaintab_'+lasttab).style.display = 'none';
   document.getElementById('smallmaintab_'+tid).style.display = '';
   lasttab = tid;
}

urlupload_elements = 0;
urlupload_elements_count = 0;
function newurlimage() {
   new_text = document.getElementById('urlimage').value;

   var new_row = document.createElement( 'tr' );

   var new_row_button = document.createElement( 'img' );
   new_row_button.src = '/images/'+design_images+'delete.png';

   var input_field = document.createElement( 'input' );
   input_field.type = 'hidden';
   input_field.value = new_text;
   input_field.name = 'urluploadfile_'+urlupload_elements;

   urlupload_elements++;
   urlupload_elements_count++;

   if(urlupload_elements_count == 15) {
      document.getElementById('urlimage').disabled = true;
   }
   //new_row.element = element;

   // Delete function
   new_row_button.onclick= function(){
       this.parentNode.parentNode.parentNode.removeChild( this.parentNode.parentNode );
        
       urlupload_elements_count--;

       if(urlupload_elements_count < 15) {
          document.getElementById('urlimage').disabled = false;
       }
       return false;
    };

    var new_row_td1 = document.createElement( 'td' );
    new_row_td1.className = "delbutton";
    new_row_td1.appendChild( new_row_button );
    new_row_td1.appendChild( input_field );

    var new_row_td2 = document.createElement( 'td' );
//        new_row_td2.element = element;
		// Set row value
    new_row_td2.innerHTML = new_text;

    new_row.appendChild( new_row_td2 );
    new_row.appendChild( new_row_td1 );
 

		// Add it to the list
    document.getElementById('url_files_list').appendChild( new_row );
    document.getElementById('urlimage').value = "";
    window.setTimeout("document.getElementById('urlimage').focus()",100);
		
}