// Preload Images
img1 = new Image(16, 16);  
img1.src="images/spinner.gif";

img2 = new Image(220, 19);  
img2.src="/images/ajax-loader.gif";

img3 = new Image(16, 16);  
img3.src="/images/ajax-loader-small.gif";
	

	
	
	$(document).ready(function(){


    		 $dlg = $('#dlg');
 
    		$dlg.dialog({ 	autoOpen: false });
	
	 	$(".LINK").live("hover",function() {
		
		
			$(this).css("cursor", "pointer"); 
		 }); 


$('.hidden').hide();
$('.toggle').mouseover(function () {

	$(this).css('cursor', 'pointer');

});
	
	 $('.toggle').live("click",function(event){

		var refstring = this.getAttribute('id');
		var explode = refstring.split("_"); 
		var groupname = explode[1];

			
		//alert('toggle:' + groupname );
				
			$('.GROUP_'+groupname).slideToggle('fast');

    		
  
    		event.preventDefault();
      });
	



	$('.AJAXUPDATE').live("keyup",function(event){
		
		var refstring = this.getAttribute('id');
				
				var explode = refstring.split("_"); 
				var tablename = explode[0];
				var fieldname = explode[1];
				var refid = explode[2];
				var dbaction = explode[3];
				
				
				//alert(dbaction)
				if(dbaction =='UPDATE'){
						var updateFieldTo = $(this).val();
						
						//updateFieldTo = encodeURIComponent(updateFieldTo);
						//alert(updateFieldTo.serialize());
						//updateFieldTo = updateFieldTo.replace(/•/g, "•");
					
					//	alert(updateFieldTo +">>"+ updateFieldTo);
						var spinner = $("#"+refstring+"_SPINNER");
						
						spinner.html('<img src="/images/ajax-loader-small.gif">'); 	
				  				
				    	spinner.load('/ajax/ajax_updateField.php',{'TABLENAME':tablename,'FIELDNAME':fieldname,'REFID':refid,'UPDATETO':updateFieldTo});
				  
		  	
		   }
	 });


	$('.AJAXUPDATE').live("change",function(event){
		
		var refstring = this.getAttribute('id');
				
				var explode = refstring.split("_"); 
				var tablename = explode[0];
				var fieldname = explode[1];
				var refid = explode[2];
				var dbaction = explode[3];
				//alert(dbaction)
				if(dbaction =='UPDATE'){
						var updateFieldTo = $(this).val();
						//alert(updateFieldTo);
						
						var spinner = $("#"+refstring+"_SPINNER");
						
						spinner.html('<img src="/images/ajax-loader-small.gif">'); 	
				  				
				    	spinner.load('/ajax/ajax_updateField.php',{'TABLENAME':tablename,'FIELDNAME':fieldname,'REFID':refid,'UPDATETO':updateFieldTo});
				  
		  	
		   }
	 });

$('.AJAXMULTIADD').live("change",function(event){
		
		var refstring = this.getAttribute('id');
	
				var explode = refstring.split("_"); 
				var tablename = explode[0];

				var refid = explode[1];
				var dbaction = explode[2];
				//alert(dbaction)
				if(dbaction =='ADD'){
						var updateTo = $(this).val();
					//	alert(updateTo);
						
						var spinner = $("#"+refstring+"_SPINNER");
						
						spinner.html('<img src="/images/ajax-loader-small.gif">'); 	
				  				
				    	spinner.load('/ajax/ajax_multiAdd.php',
				    						{'TABLENAME':tablename,'REFID':refid,'UPDATETO':updateTo},
				    						
				    						function(){
				    							location.reload();
				    							
				    						}
				    						);
				  
		  	
		   }
		   
		   
	 });



$('.AJAXMULTIDEL').live("click",function(event){
		
		var refstring = this.getAttribute('id');
	
				var explode = refstring.split("_"); 
				var tablename = explode[0];

				var refid = explode[1];
				var linkid = explode[2];
				var dbaction = explode[3];
				//alert(tablename+' refid:'+refid+' linkid:'+linkid+' dbaction:'+dbaction)
				if(dbaction =='DEL'){
					
						var spinner = $("#"+refstring+"_SPINNER");
						
						spinner.html('<img src="/images/ajax-loader-small.gif">'); 	
				  				
				    spinner.load('/ajax/ajax_multiDel.php',{'TABLENAME':tablename,'REFID':refid,'LINKID':linkid});
				  
		  	
		   }
		   
		   	event.preventDefault();
	 });


	$(function() {
		$( ".datepicker" ).datepicker({
			showButtonPanel: false,
			dateFormat: 'yy-mm-dd',
			onClose: function(dateText, inst) {
				
				var boxid = this.getAttribute('id');
			
				//alert('this isnt working yet ' + dateText + inst);
							 //$("#DATEPICKER_ISLIVEFOM_MESSAGEAREA").hide(); 	
				
				var spinner = $("#"+boxid+"_SPINNER");
				var pageid= this.getAttribute('name');
				
				spinner.html('<img src="/images/ajax-loader-small.gif">'); 	
		    
		   
		   if(dateText.length > 0){
		    	spinner.load('/ajax/ajax_updatePageField.php',{'PAGEID':pageid,'FIELD':boxid,'UPDATETO':dateText});
		  
				}else{
					spinner.load('/ajax/ajax_updatePageField.php',{'PAGEID':pageid,'FIELD':boxid,'UPDATETO':'null'});
				}
			}
		});
		
	});
	
	
	
	
	 $('.datepicker_reset').live("click",function(event){

		var refstring = this.getAttribute('id');
		var explode = refstring.split("_"); 
		var reftype = explode[0];
		var refid = explode[1];
			
				//alert('refstring:' + refstring +'=>reftype:' + reftype + ' refid:' + refid );
				
				var spinner = $("#"+reftype+"_SPINNER");
				var pageid= this.getAttribute('name');
			 spinner.html('<img src="/images/ajax-loader-small.gif">'); 	
		   spinner.load('/ajax/ajax_updatePageField.php',{'PAGEID':refid,'FIELD':reftype,'UPDATETO':null});
    				$('[name='+refid+']').val('');
    		
  
    		event.preventDefault();
      });
	
	
	$(function() {
		$( ".datepicker_reset" ).datepicker({
			showButtonPanel: false,
			dateFormat: 'yy-mm-dd',
			onClose: function(dateText, inst) {
				
				var boxid = this.getAttribute('id');
			
				//alert('this isnt working yet ' + dateText + inst);
							 //$("#DATEPICKER_ISLIVEFOM_MESSAGEAREA").hide(); 	
				
				var spinner = $("#"+boxid+"_SPINNER");
				var pageid= this.getAttribute('name');
				 spinner.html('<img src="/images/ajax-loader-small.gif">'); 	
		    
		    
		    spinner.load('/ajax/ajax_updatePageField.php',{'PAGEID':pageid,'FIELD':boxid,'UPDATETO':dateText});
				}
		});
	});
	
	
	

		var $dialog = $('<div></div>')

		.dialog({
			autoOpen: false,
			title: 'Basic Dialog'
		});
 

		 
	$('.TOGGLE_TAGCLOUD').mouseover(function () {
			$(this).css('cursor', 'pointer');
		});

       $('.TOGGLE_TAGCLOUD').live("click",function(event){
    	
     	var refstring = this.getAttribute('id');

    	 var explode = refstring.split("_"); 
    	 var reftype = explode[0];
    	 var refid = explode[1];
    
    		//alert(reftype + refid);
    		
    		   $(this).html('<img src="/images/ajax-loader-small.gif">'); 	
		      $(this).load('/ajax/ajax_toggleLiveFlag.php',{'REFTYPE':reftype,'REFID':refid});
    		
    		event.preventDefault();
      });

     
     
     

   

   
   
   /////////////////////////////// SIMPLE modal'
   // Launch MODAL BOX if the Login Link is clicked
$(".button_addlink").live("click",function(event){
	
	//alert('jquery loaded');
	var refstring = this.getAttribute('id');

    	 var explode = refstring.split("_"); 
    	 var reftype = explode[0];
    	 var refid = explode[1];
	//alert(reftype + refid);
	var $src='/ajax/ajax_addLink.php?ELEMENTID=' +refid;
	var $modalBox = $('<div id="modal"><iframe src="'+$src+'" height="280" width="400" style="border:0"></div>')
	
	$modalBox.modal({
	minHeight:200,
	minWidth: 300

	
});
event.preventDefault();
});

// When the form is submitted
$("#status > form").submit(function(){  

// Hide 'Submit' Button
$('#submit').hide();

// Show Gif Spinning Rotator
$('#ajax_loading').show();

// 'this' refers to the current submitted form  
var str = $(this).serialize();  

// -- Start AJAX Call --

$.ajax({  
    type: "POST",
    url: "do-login.php",  // Send the login info to this page
    data: str,  
    success: function(msg){  
   
$("#status").ajaxComplete(function(event, request, settings){  
 
 // Show 'Submit' Button
$('#submit').show();

// Hide Gif Spinning Rotator
$('#ajax_loading').hide();  

 if(msg == 'OK') // LOGIN OK?
 {  
 var login_response = '<div id="logged_in">' +
	 '<div style="width: 350px; float: left; margin-left: 70px;">' + 
	 '<div style="width: 40px; float: left;">' +
	 '<img style="margin: 10px 0px 10px 0px;" align="absmiddle" src="images/ajax-loader.gif">' +
	 '</div>' +
	 '<div style="margin: 10px 0px 0px 10px; float: right; width: 300px;">'+ 
	 "You are successfully logged in! <br /> Please wait while you're redirected...</div></div>";  

$('a.modalCloseImg').hide();  

$('#simplemodal-container').css("width","500px");
$('#simplemodal-container').css("height","120px");
 
 $(this).html(login_response); // Refers to 'status'

// After 3 seconds redirect the 
setTimeout('go_to_private_page()', 3000); 
 }  
 else // ERROR?
 {  
 var login_response = msg;
 $('#login_response').html(login_response);
 }  
      
 });  
   
 }  
   
  });  
  
// -- End AJAX Call --

return false;

}); // end submit event
   
   
   
    $('.COMMENT_EDIT').live("click",function(event){
 
 		
 			var refstring =  $(this).attr('id');
			
			var explode = refstring.split("_"); 
			var COMMENTID = explode[1];
 			
			$dlg.load('/ajax/ajax_editComment.php',{'COMMENTID':COMMENTID});
   		$dlg.dialog('option', 'title','edit comment');  	
  		$dlg.dialog('option', 'resizable',false);  
			$dlg.dialog('option', 'height',430);  
			$dlg.dialog('option', 'width',800);  
			$dlg.dialog('option', 'modal', true);
			$dlg.dialog('option', 'open');
			$dlg.dialog('option', 'buttons', ({


				

        
				
				'close': function() {
			
					$dlg.dialog('close');
				}
			}));
			   
			$dlg.dialog('open');

   		event.preventDefault();
})	

   
   
   
   
   
   
  $('.EDITOR').live("click",function(event){
 
 	event.preventDefault();
 				var refstring =  $(this).attr('href');
				
			var explode = refstring.split("/"); 
			var PAGEID = explode[3];
			var PAGETYPE = explode[2];
 	
// 		alert(refstring +"=>"+PAGETYPE +"/"+ PAGEID);
 		 		$('#RESULTS').width('200');
 		$('#ENTRY').show(); 
 		$('#ENTRY').html('<img src="/images/ajax-loader-small.gif">'); 	
		

			$('#ENTRY').load("/ajax/ajax_page_main.php", { 'PAGEID':PAGEID } );

			

			
				
})
   
   
   
    
});