//These four functions are for each upload button 

//FIRST FUNCTION
 $(function(){  


     //The First upload button
     var btnUpload=$('#form_upload1');  
          
     //Div for first image
     var div_img1 = $('#div_image1');
     //Attribute for first image
     var img1 = $('#upload_image1');
     //Inputs for first image
     var inputs1 = $('#image_inputs1');
     var field1 = $('#image_target1');
     var user = $("#dwuserid").val();
     


     //Send the Data to the compresser 
     new AjaxUpload(btnUpload, {  
         action: 'compresser.php',  
         data: 'dwuserid='+user+'', 
         //Name of the file input box  
         name: 'dfile',  
         onSubmit: function(filename, ext){  
             $("#instruct_1").html(" ");
             //Check for fails             
             if (! (ext && /^(jpg|tiff|png|jpeg|gif)$/.test(ext))){  
                   // check for valid file extension  
                 alert('Only JPG, PNG or GIF or TIFF files are allowed');  
                 return false;  
             }  
            $('#form_uploader2').slideDown("1000");
             this.disable();
             btnUpload.text('Uploading...');  
         },  
         onComplete: function(file, response){  
             if (response.search(/Error/i)>=0)
             {
                 alert(''+response);
               //  $("#error1").text(''+mesg);
                 this.enable();
                 btnUpload.text('Try Again?');
                 return false;
             }
             //On completion clear the status  
             btnUpload.text('Finishing...');
             img1.attr("src", './photos/'+user+'/tn_'+response+'.jpg');
             field1.val(''+response);
             this.enable();                 
             setTimeout( function() {
                      div_img1.show("slow");
                      inputs1.show("slow");
                      btnUpload.hide('slow');
                      $("#instruct_1").text("Photo succesfully found. Now enter the details and save to complete load!");
                  } );             
         }  
     });  

 });

 
 //SECOND UPLOAD BUTTON
 $(function(){  

     //The Second upload button
     var btnUpload2=$('#form_upload2');  
          
     //var status=$('#status_upload2'); 

     //Div for second image
     var div_img2 = $('#div_image2');

     //Attribute for second image
     var img2 = $('#upload_image2');

     //Inputs for first image
     var inputs2 = $('#image_inputs2');

     //hidden field
     var field2 = $('#image_target2');

var user = $("#dwuserid").val();

     new AjaxUpload(btnUpload2, {  
         action: 'compresser.php',  
         data: 'dwuserid='+user+'',
         //Name of the file input box  
         name: 'dfile',  
         onSubmit: function(filename, ext){  
             $("#instruct_2").html(" ");   
             //check for fails             
             if (! (ext && /^(jpg|tiff|png|jpeg|gif)$/.test(ext))){  
                   // check for valid file extension  
                 alert('Only JPG, PNG or GIF or TIFF files are allowed');  
                 return false;  
             }  
             $('#form_uploader3').slideDown("1000");
             this.disable();
             btnUpload2.text('Uploading...');  
         },  
         onComplete: function(file, response){  
             if (response.search(/Error/i)>=0)
             {
                 alert(''+response);
               //  $("#error2").text(''+mesg);
                 this.enable();
                 btnUpload2.text('Try Again?');
                 return false;
             }

             //On completion clear the status  
             btnUpload2.text('Finishing...');
             img2.attr("src", './photos/'+user+'/tn_'+response+'.jpg');
             field2.val(''+response);
             this.enable();    
             setTimeout( function() {
                      div_img2.show("slow");
                      inputs2.show("slow");
                      btnUpload2.hide("slow");
                      $("#instruct_2").text("Photo succesfully found. Now enter the details and save to complete load!");
                  });    

         }  
     });  

 });




//THIRD UPLOAD BUTTON
 $(function(){  

     //The Second upload button
     var btnUpload3=$('#form_upload3');  
          
     //var status=$('#status_upload3'); 

     //Div for second image
     var div_img3 = $('#div_image3');

     //Attribute for second image
     var img3 = $('#upload_image3');

     //Inputs for first image
     var inputs3 = $('#image_inputs3');

     //hidden field
     var field3 = $('#image_target3');

var user = $("#dwuserid").val();

     new AjaxUpload(btnUpload3, {  
         action: 'compresser.php',  
         data: 'dwuserid='+user+'',
         //Name of the file input box  
         name: 'dfile',  
         onSubmit: function(filename, ext){   
             $("#instruct_3").html(" ");  
             //check for fails
             if (! (ext && /^(jpg|tiff|png|jpeg|gif)$/.test(ext))){  
                   // check for valid file extension  
                 alert('Only JPG, PNG or GIF or TIFF files are allowed');  
                 return false;  
             }  
            $('#form_uploader3').slideDown("1000");
             this.disable();
             btnUpload3.text('Uploading...');  
         },  
         onComplete: function(file, response){  
             if (response.search(/Error/i)>=0)
             {
                 alert(''+response);
               //  $("#error3").text(''+mesg);
                 this.enable();
                 btnUpload3.text('Try Again?');
                 return false;
             }
             //On completion clear the status  
             btnUpload3.text('Finishing...');
             img3.attr("src", './photos/'+user+'/tn_'+response+'.jpg');
             field3.val(''+response);
             this.enable();    
             setTimeout( function() {
                      div_img3.show("slow");
                      inputs3.show("slow");
                      btnUpload3.hide("slow");
                      $("#instruct_3").text("Photo succesfully found. Now enter the details and save to complete load!");
                  });    

         }  
     });  

 });






/**
These are the 4 save changes buttons
**/
$(function() {      
      $("#save_changes1")
                 .submit(function(e) 
                  {            
                         //Get the information the user has entered. 
                         var user = $("#dwuserid").val();
                         var image_loc1 = $("#imagelocation1").val();
                         var image_id1 = $("#image_target1").val();
                         var image_country1 = $("#imagecountry1").val();
                         var desc1 = $("#shortdesc1").val();
                         var alb1 = $("#albumchoice1").val();
                         var alb_name1 = $("#albumchoice1 :selected").text();
                         var tags1 = $("#imagetags1").val();


                         if (image_country1=='' || image_loc1 == '')
                         {
                             alert('Please fill in mandatory fields');
                             return false;
                         }

                         e.preventDefault();
                         //Send the data to be saved to the image saver (save_changes.php)
                         $.ajax( {
                                 type: "POST",
                                 url: "save_changes.php",
     data: 'userid='+user+'&imageid='+image_id1+'&imagecountry='+image_country1+'&shortdesc='+desc1+'&imagelocation='+image_loc1+'&albumid='+alb1+'&imagetags='+tags1,
                                 success: function(msg){ 
                                         $("#image_inputs1").hide("slow");
                                         $("#div_image1").hide("slow");
                                         $("#instruct_1").html("Your photo has been successfully loaded to "+alb_name1+"<br />Load another photo or <a href=/snapshots/index.php style=\"font-weight:bold; font-size:12pt;\">start checking out others snapshots now</a>"); 
                                         $('#form_upload1').text("Click Here to Load Photo");
                                         $('#form_upload1').show("slow");  
                                  }
                         });   
               $("#imagetags1").val("");  
               $("#imagecountry1").val("");   
               $("#shortdesc1").val("");    
               $("#imagelocation1").val("");
                   });
return false;
});



/**
Second save change button
**/
$(function() {      
      $("#save_changes2")
                 .submit(function(e) 
                  {            
                         //Get the information the user has entered. 
                         var user = $("#dwuserid").val();
                         var image_loc2 = $("#imagelocation2").val();
                         var image_id2 = $("#image_target2").val();
                         var image_country2 = $("#imagecountry2").val();
                         var desc2 = $("#shortdesc2").val();
                         var alb2 = $("#albumchoice2").val();
                         var alb_name2 = $("#albumchoice2 :selected").text();
                         var tags2 = $("#imagetags2").val();

                         if (image_country2=='' || image_loc2 == '')
                         {
                             alert('Please fill in mandatory fields');
                             return false;
                         }

                         e.preventDefault();
                         //Send the data to be saved to the image saver (save_changes.php)
                         $.ajax( {
                                 type: "POST",
                                 url: "save_changes.php",
                                 data: 'userid='+user+'&imageid='+image_id2+'&imagecountry='+image_country2+'&shortdesc='+desc2+'&imagelocation='+image_loc2+'&albumid='+alb2+'&imagetags='+tags2,
                                 success: function(msg){
                                         $("#image_inputs2").hide("slow");
                                         $("#div_image2").hide("slow");
                                         $("#instruct_2").html("Your photo has been successfully loaded to "+alb_name2+"<br />Load another photo or <a href=/snapshots/index.php style=\"font-weight:bold; font-size:12pt;\">start checking out others snapshots now</a>"); 
                                         $('#form_upload2').text("Click Here to Load Photo");
                                         $('#form_upload2').show("slow");                               
                                  }
                         });      
               $("#imagetags2").val("");  
               $("#imagecountry2").val("");   
               $("#shortdesc2").val("");    
               $("#imagelocation2").val("");      
                   });
return false;
});

/**
Third save change button
**/
$(function() {      
      $("#save_changes3")
                 .submit(function(e) 
                  {            
                         //Get the information the user has entered. 
                         var user = $("#dwuserid").val();
                         var image_loc3 = $("#imagelocation3").val();
                         var image_id3 = $("#image_target3").val();
                         var image_country3 = $("#imagecountry3").val();
                         var desc3 = $("#shortdesc3").val();
                         var alb3 = $("#albumchoice3").val();
                         var alb_name3 = $("#albumchoice3 :selected").text();
                         var tags3 = $("#imagetags3").val();

                         if (image_country3=='' || image_loc3 == '')
                         {
                             alert('Please fill in mandatory fields');
                             return false;
                         }


                         e.preventDefault();
                         //Send the data to be saved to the image saver (save_changes.php)
                         $.ajax( {
                                 type: "POST",
                                 url: "save_changes.php",
                                 data: 'userid='+user+'&imageid='+image_id3+'&imagecountry='+image_country3+'&shortdesc='+desc3+'&imagelocation='+image_loc3+'&albumid='+alb3+'&imagetags='+tags3,
                                 success: function(msg){
                                         $("#image_inputs3").hide("slow");
                                         $("#div_image3").hide("slow");
                                         $("#instruct_3").html("Your photo has been successfully loaded to "+alb_name3+"<br />Load another photo or <a href=/snapshots/index.php style=\"font-weight:bold; font-size:12pt;\">start checking out others snapshots now</a>");  
                                         $('#form_upload3').text("Click Here to Load Photo");
                                         $('#form_upload3').show("slow");                                                       
                                  }
                         }); 
               $("#imagetags3").val("");  
               $("#imagecountry3").val("");   
               $("#shortdesc3").val("");    
               $("#imagelocation3").val("");           
                   });
return false;
});



//UPload control tabs
$(function() {      
         $("#tmenu_load").click(function() 
                  {
                        //Display This tabs content
                       $("#uploader_group").css("display", "block");
                       //Hide content of other tabs
                       $("#editimage_group").css("display", "none");
                       $("#createalbum_group").css("display", "none");

                       //Change Tabs look and feel
                       $("#tmenu_load").css("color", "#36c");
                       $("#tmenu_load").css("background-color", "#f2f2f2");
                       $("#tmenu_load").css("border", "1px solid #000");


                       $("#tmenu_edit").css("color", "#36c");
                       $("#tmenu_edit").css("background-color", "#fff");
                       $("#tmenu_edit").css("border", "1px solid #ccc");

                       $("#tmenu_album").css("color", "#36c");
                       $("#tmenu_album").css("background-color", "#fff");
                       $("#tmenu_album").css("border", "1px solid #ccc");
                  });                                     
     

       //Edit Tab
     $("#tmenu_edit").click(function() 
                  {
                        //Display This tabs content
                       $("#editimage_group").css("display", "block");
                       //Hide content of other tabs
                       $("#uploader_group").css("display", "none");
                       $("#createalbum_group").css("display", "none");

                       //Change Tabs look and feel
                       $("#tmenu_edit").css("color", "#36c");
                       $("#tmenu_edit").css("background-color", "#f2f2f2");
                       $("#tmenu_edit").css("border", "1px solid #000");


                       $("#tmenu_load").css("color", "#36c");
                       $("#tmenu_load").css("background-color", "#fff");
                       $("#tmenu_load").css("border", "1px solid #ccc");

                       $("#tmenu_album").css("color", "#36c");
                       $("#tmenu_album").css("background-color", "#fff");
                       $("#tmenu_album").css("border", "1px solid #ccc");
                  });                                     
     

    //Create album tab
     $("#tmenu_album").click(function() 
                  {
                        //Display This tabs content
                       $("#createalbum_group").css("display", "block");
                       //Hide content of other tabs
                       $("#uploader_group").css("display", "none");
                       $("#editimage_group").css("display", "none");

                       //Change Tabs look and feel
                       $("#tmenu_album").css("color", "#36c");
                       $("#tmenu_album").css("background-color", "#f2f2f2");
                       $("#tmenu_album").css("border", "1px solid #000");


                       $("#tmenu_load").css("color", "#36c");
                       $("#tmenu_load").css("background-color", "#fff");
                       $("#tmenu_load").css("border", "1px solid #ccc");

                       $("#tmenu_edit").css("color", "#36c");
                       $("#tmenu_edit").css("background-color", "#fff");
                       $("#tmenu_edit").css("border", "1px solid #ccc");
                  });       


                              
    return false;

});


//Turns on the edit tab
function edit_on() {
                        //Display This tabs content
                       $("#editimage_group").css("display", "block");
                       //Hide content of other tabs
                       $("#uploader_group").css("display", "none");
                       $("#createalbum_group").css("display", "none");

                       //Change Tabs look and feel
                       $("#tmenu_edit").css("color", "#36c");
                       $("#tmenu_edit").css("background-color", "#f2f2f2");
                       $("#tmenu_edit").css("border", "1px solid #000");


                       $("#tmenu_load").css("color", "#36c");
                       $("#tmenu_load").css("background-color", "#fff");
                       $("#tmenu_load").css("border", "1px solid #ccc");

                       $("#tmenu_album").css("color", "#36c");
                       $("#tmenu_album").css("background-color", "#fff");
                       $("#tmenu_album").css("border", "1px solid #ccc");

return false;
}


//Turns on the create album tab
function create_on() {
                        //Display This tabs content
                       $("#createalbum_group").css("display", "block");
                       //Hide content of other tabs
                       $("#uploader_group").css("display", "none");
                       $("#editimage_group").css("display", "none");

                       //Change Tabs look and feel
                       $("#tmenu_album").css("color", "#36c");
                       $("#tmenu_album").css("background-color", "#f2f2f2");
                       $("#tmenu_album").css("border", "1px solid #000");


                       $("#tmenu_load").css("color", "#36c");
                       $("#tmenu_load").css("background-color", "#fff");
                       $("#tmenu_load").css("border", "1px solid #ccc");

                       $("#tmenu_edit").css("color", "#36c");
                       $("#tmenu_edit").css("background-color", "#fff");
                       $("#tmenu_edit").css("border", "1px solid #ccc");


return false;
}




/**
 **acvivates the create album filed if checked
**/

function toggleAlbumCreate(inst)
{
  alert(''+inst);
  var chk=document.getElementById('AlbumCreate'+inst).checked;  

  if (chk==true)
  {  
     document.getElementById('newalbumname'+inst).disabled ='';
  }
  else
  {
     document.getElementById('newalbumname'+inst).disabled ='disabled';
  }
}