function attachHintLightBox(openerSelector, hintText, cssObj, returnFalse)
{
	if (typeof returnFalse === 'undefined')
		returnFalse = true;
		
	//dialog
  $(openerSelector).live('click', function()
  {
  	$('.dlg_box').remove();
  	
  	var self = $(this);
  	var offset = self.offset();
  	var ox = 15 + offset.left;
  	var oy = 13 + offset.top;  	
  	
  	var dlg_box = $('<div class="dlg_box"></div>');
  	dlg_box.html(hintText+'<br /><p align="right"><a href="#" class="hint-close">close</a></p>');
  	dlg_box.css({'left':ox+'px', 'top':oy+'px'});  	
  	
  	//extra css?
  	if ('undefined' != typeof cssObj) 
  	{
  		dlg_box.css(cssObj);  		
  	}  	
  	
  	//show lb  	
  	$('body').append(dlg_box);  	
  	
  	if (returnFalse)
  		return false;
  	
  });
  
	
  $('.hint-close').live('click', function(){
  	var self = $(this);
  	var dlg = self.parents('.dlg_box');
  	dlg.fadeOut('fast');  	
  	
  	return false;
  });
  
  
}



//opener must have a 'rel=ID' attribute
function attachLightBox(openerSelector, lightboxSelector, targetUrl, loadingText, closeOnClick, animateTo)
{
  
  if ('undefined' === typeof animateTo)
    animateTo = false;
  
  
  var inner = $(lightboxSelector).find('.inner');
  var LB = $(lightboxSelector);
  
    
  //edit pages linked for facebook account
  $(openerSelector).click(function()
  {        
    
    if ($.browser.msie)
      $('#ajax-overlayer').show();    
    else
      $('#ajax-overlayer').fadeIn('fast');    
    
    LB.show();
    
    //load content
    $.ajax({
      url: targetUrl,
      beforeSend: function(data) 
      {
        inner.html('<div style="color:#666; padding:15px">'+loadingText+'</div>');
        inner.addClass('loading');
      },
      error: function() {
        inner.removeClass('loading');
        inner.html('<div style="padding:15px" class="result-error">There was an error loading data. Please close this dialog and try again.</div>'); 
      },
      success: function(data)
      {              
        inner.removeClass('loading');
        if (animateTo) {
          LB.animate(animateTo);
        }
        inner.html(data); 
        
      }
    });    
       
  });
      
  
  var closeSelectors = '#ajax-content-close';
  if (closeOnClick) 
    closeSelectors += ', #ajax-overlayer';    
  
  
  //close compare lightbox   
  $(closeSelectors).click(function()
  {         
    LB.hide();                  
    $('#ajax-overlayer').hide();    
  });
  
  
}//attachLightbox




/*
openerSelector => '.dlg'
url
*/
function attachAjaxDialog(openerSelector, url, text, yesText, noText) {
	

	//alert('attach');
	
	
  //dialog
  $(openerSelector).click(function()
  {
  	var self = $(this);
  	var offset = self.offset();
  	var ox = 15 + offset.left;
  	var oy = 13 + offset.top;  	
  	var id = self.attr('id').replace(/\D/g,'');  	
  	var current = (self.hasClass('dlg_ok'))? 'rel="1"' : 'rel="0"';
  	
  	$('.dlg_box').remove();
  	
  	var dlg_box = $('<div class="dlg_box"></div>');
  	dlg_box.html(text+'<br /><br /> <input class="btn_yes" type="button" '+current+' value="Display" /> <input class="btn_no" type="button" '+current+' value="Hide" />')
  	dlg_box.attr('rel', id);
  	dlg_box.css({'left':ox+'px', 'top':oy+'px'});
  	
  	self.addClass('hover');
  	$('body').append(dlg_box);  	
  	
  });
  
  
  $('.dlg_box input').live('click',function()
  {
  	//var url = '/frontend/twitter/set_show_mentions';
  	
  	var self = $(this);  	  	  	  	
  	var box = self.parents('.dlg_box');  	
  	var result = (self.hasClass('btn_yes'))? 1 : 0;
  	var id = box.attr('rel');
  	var rel = self.attr('rel');
  	
  	url = url + '/id/'+id+'/value/'+result;
  	
  	//no change
  	if (rel == result) {  		
  	  closeDlg(box);
  		return false;
  	}
  	
  	//make request
  	$.ajax({
  		url: url,
  		beforeSend: function(){
  			box.html('');
  			box.addClass('loading');
  		},
  		success: function(data){
  			var response = JSON.parse(data);        			
  			
  			if ('success' == response.result) 
  			{
  			  var label = $('#tw'+id);
  				if (1==result)
  					label.removeClass('dlg_ko').addClass('dlg_ok').text(yesText);
  			  else
  			  	label.removeClass('dlg_ok').addClass('dlg_ko').text(noText);
  					
  				closeDlg(box);
  			}
  			else if ('error' == response.result) {
  				var closeBtn = '<br /><br /><a href="#" style="font-size:11px" onclick="closeDlg(); return false;">close</a>';  			
  				box.removeClass('loading');
  				box.html(response.responseText+' '+closeBtn);  				
  			}
  			//undefined
  			else {
  				closeDlg(box);
  			}
  		}
  	});    	
  	
  });  
  
  
}//attachAjaxDialog


	




function closeDlg(box) 
{	
	if (typeof box === 'undefined')
		box = $('.dlg_box');
	
	$('.dlg').removeClass('hover');
	box.hide();	
	
	return false;
}