/******************************************************************************/
/******************************************************************************/

/******************************************************************************/
function upload_photo(form){
   var fileselector = document.getElementById("photofile");
   var filename = fileselector.value;
   if(filename == ""){
      // uhm, didn't select anything
      // form_set_erro_something_something on the element
      
      show_form_input_invalid(fileselector.parentNode, false, "must select a file");
      
      return false;
   }
   
   show_form_output("UploadImageForm", "LOAD","Loading...");
   
   return true;
}

/******************************************************************************/
function gallery_upload_complete(iframe){
   if(iframe.contentDocument && (iframe.contentDocument.location.href == "about:blank")){ return; }
   
   var fileselector = document.getElementById("photofile");
   var filename = fileselector.value;
   
   var index = -1;
   if((index = filename.lastIndexOf("\\")) != -1){
      filename = filename.substring(index, filename.length);
   }
   
   
   if(filename == ""){
      // uhm, didn't select anything
      // form_set_erro_something_something on the element
   }else{
      //var upform = document.getElementById("UploadImageForm");
      hide_form_output("UploadImageForm");
      hide_form("UploadImageForm");
      
      gallery_image_view_example_image("images/photo_uploads/thumb_" + filename, "untitled");
      
      show_form("GalleryImageAddFrom");
   }
}

/******************************************************************************/
function gallery_image_view_example_image(url, title){
   var gallery_example = document.getElementById("GalleryExample");
   var gallery_titles = getElementsByClassName(gallery_example, "gallery_title");
   var gallery_tagss = getElementsByClassName(gallery_example, "gallery_tags");
   var gallery_imgs = getElementsByClassName(gallery_example, "gallery_img");
   
   gallery_titles[0].innerHTML = title;
   gallery_imgs[0].alt = title;
   gallery_imgs[0].src = url;
   gallery_imgs[0].style.width = 135 + "px";
   gallery_imgs[0].style.width = "auto";
}

/******************************************************************************/
/******************************************************************************/
function gallery_image_view_clear(){
   var gallery_content = document.getElementById("GalleryImage");
   var gallery_labels = getElementsByClassName(gallery_content, "contentLabel");
   if(gallery_labels){
      gallery_labels[0].innerHTML = "";
   }
}

/******************************************************************************/
function gallery_image_view_show_loading(){
   gallery_image_view_set_image("images/ui/loading2.gif", "Loading...", 100, 100);
}

/******************************************************************************/
function gallery_image_view_set_image(url, title, imgW, imgH){
   var gallery_content = document.getElementById("GalleryImage");
   var gallery_imgs = getElementsByClassName(gallery_content, "gallery_preview_img");
   var gallery_lables = getElementsByClassName(gallery_content, "contentLabel");
   
   gallery_lables[0].innerHTML = title;
   //<img src="images/ui/loading2.gif" alt="" class="centered" style="height:30px;width:30px;" />
   //<img src="" alt="" width="600" class="gallery_preview_img centered" style="margin-bottom: 20px;" />
   
   gallery_imgs[0].src = url;
   //gallery_imgs[0].style.height = imgH + "px";
   gallery_imgs[0].style.width = (imgW > 600)?600:imgW; + "px";
   //gallery_imgs[0].style.height = imgH + "px";
   //gallery_imgs[0].style.width = (imgW > 600)?600:imgW;
   
   //setCSSStyle(gallery_imgs[0], "gallery_preview_img centered");
   
}

/******************************************************************************/
function galleryShowImg(img_id){
   function galler_show_img_error(err){ alert(err); }
   
   
   
   var myAJAXParams = {
      method: "POST",
      url: "php/ajax/gallery_ctrl.php",
      timeout_secs: 4,
      headers: [ 
      ],
      body: "action=Info" +
        "&" + "img_id" + "=" + escape(encodeURI(img_id)),
      onrequest: function myRequest(ajax){
         
         gallery_image_view_clear();
         gallery_image_view_show_loading();
         
         //loadContent("GalleryImage");
         LoadAndSelect("GalleryImage");
         
      },
      onload: function myLoad(ajax){
         //alert(ajax.response.Text);
         //alert(ajax.response.XML);
         
         if(ajax.response.JSON){
            var json = ajax.response.JSON;
            
            if(json.status){
               
               // woot
               gallery_image_view_set_image(json.url, json.title, json.width, json.height);
               
            }else{
               // ERROR
               galler_show_img_error(json.statusstr);
            }
         }else if(ajax.response.XML){
            // Dont support this any more ERROR
            galler_show_img_error("we don't support XML responses from the server");
         }else{
            // ERROR?
            galler_show_img_error("unknown ajax response");
         }
         
      },
      ontimeout: function myTimout(ajax){
         // ERROR
         galler_show_img_error("Request timed out, try again.");
      },
      onerror: function myError(ajax, infostr){
         if(ajax.response.StatusCode == 404){
            // file not found? ERROR
            galler_show_img_error("File not found on server!");
         }else{
            // ERROR
            galler_show_img_error("Server error (" + ajax.response.StatusCode + ")");
         }
      }
   };
   
   (new AJAXRequest()).request(myAJAXParams);


}

/******************************************************************************/
function galleryShowTag(){

}