function tws_btn_click() {
 windowOpenUrl = "/en/connect/twitter/redirect.php";
 window.open(windowOpenUrl, 'sharer', 'toolbar=0,status=0,resizable=yes,width=800,height=400');
 return false;
} 
var $counter = jQuery.noConflict();
var $comment = jQuery.noConflict();
jQuery.fn.counter = function() {
	var bitly = $comment('#bitly').val();
  $comment(this).each(function() {
    var max = 140;
	max = max - bitly.length-1;
    var val = $comment('#texts').val();
    var cur = 0;
    if(val) // value="", or no value at all will cause an error
      cur = val.length;
    var left = max-cur;

    $comment('#texts').after("<div id='tw_counter' class='counter'>"
      + left.toString()+"</div><div class='show_url'>+ "+bitly+"</div>");
    // You can use something like this to align the
    // counter to the right of the input field.
    var c = $comment('#texts').next(".counter");
    c.width(40);
    c.css("position","relative");
    c.css("top",-$comment('#texts').height()-8);
    c.css("left",$comment('#texts').width()+8);
    c.css("background","");
	c.css("font-family","'Helvetica Neue','Helvetica','Arial',sans-serif");
	c.css("color","#CCCCCC");
	c.css("font-size","1.5em");
	c.css("font-weight","900");
	
    var d = $comment('.counter').next(".show_url");
    d.width(140);
    d.css("position","relative");
    d.css("top",-$comment('#texts').height()-8);
    d.css("left",$comment('#texts').width()+8);
    d.css("background","");
	d.css("font-family","'Helvetica Neue','Helvetica','Arial',sans-serif");
	d.css("color","#CCCCCC");
	d.css("font-size","1em");
	d.css("font-weight","900");


    $comment(this).keyup(function(i) {
      var max = 140;
	  max = max - bitly.length-1;	  
      var val = $comment(this).val();
      var cur = 0;
      if(val)
        cur = val.length;
      var left = max-cur;
	  if(left<0){
		c.css("color","RED");
	  }else{
	  	c.css("color","#CCCCCC");
	  }
	  $comment('#texts').val($comment(this).val());	  
      $comment('#texts').next(".counter").text(left.toString());

      return this;
    });
	
	$comment(this).focus(function(i) {
      var max = 140;
	  max = max - bitly.length-1;
      var val = $comment(this).val();
      var cur = 0;
      if(val)
        cur = val.length;
      var left = max-cur;
	  if(left<0){
		c.css("color","RED");
	  }else{
	  	c.css("color","#CCCCCC");
	  }
	  $comment('#texts').val($comment(this).val());	  
      $comment('#texts').next(".counter").text(left.toString());

      return this;
    });
/*	
	$comment('#texts').focus(function(i) {
      var max = 140;
      var val = $comment('#texts').val();
      var cur = 0;
      if(val)
        cur = val.length;
      var left = max-cur;
	  if(left<0){
		c.css("color","RED");
	  }else{
	  	c.css("color","#CCCCCC");
	  }
  	  $comment('#texts').val($comment(this).val().substring(0,max));	  
      $comment('#texts').next(".counter").text(left.toString());

      return this;
    }); */
	$comment('#texts').keyup(function(i) {
      var max = 140;
	  max = max - bitly.length-1;
      var val = $comment('#texts').val();
      var cur = 0;
      if(val)
        cur = val.length;
      var left = max-cur;
	  if(left<0){
		c.css("color","RED");
	  }else{
	  	c.css("color","#CCCCCC");
	  }
	  $comment('#texts').val($comment(this).val());	
      $comment('#texts').next(".counter").text(left.toString());

      return this;
    });
	
  });

  return this;
}


$counter(document).ready(function(){
	$counter('#main_textarea').counter();
});

function chkTwitter(checkBox){
	$counter(document).ready(function(){
									  		if(checkBox.checked)
								  			$comment('.twitter_preview').show();
											else
											$comment('.twitter_preview').hide();
									   });
}// end chkTwitter