﻿ var $j = jQuery.noConflict();
 var uploadedlist = '';
 var cookie_name = 'imglist';// var cookie_name = (document.location.indexOf('bkID')!=-1)?'sharelist':'imglist';
 
 var cookie_option = "{ expires: 20, path: '/', secure: true }";
var cookie_num =0;
 $j(function() {
 
  initcookie();
  

  if(cookie_num==0){ $j('.boxPopupQuickLinkT').show('bounce');
  
  }else
  {
   $j('.box-FAQ-Upload').show('fast');
   $j('.sendMailupQuick').show('fast');
   $j('.getLinkUpQuick').show('fast');
   if(cookie_num==15){
        showalert();
          }
          
   }

  for(i=cookie_num;i<15;i++){
             new AjaxUpload('#btn_upload_'+i, {action: 'upload.ashx', id:i ,responseType:'json',onSubmit:function(file , ext){
                $j("#linkshare_" + current_share).hide("fast");
                $j('.boxPopupQuickLinkT').hide('slow');
                current_share = null;
                if(uploadedlist.indexOf(file) !=-1){
                  if(confirm('File có tên : ' +file+' đã được upload \n Bạn chắc chắn vẫn muốn up file này ?')) {}
                  else return false;
                  ;
                }
                if (! (ext && /^(jpg|png|jpeg|gif|bmp)$/.test(ext))){
                        // extension is not allowed
                        alert('File upload không hợp lệ');
                        // cancel upload
                        return false;
                    }
             this.disable();
             
            
             $j('#btn_upload_'+this._settings.id).html('<img  src="images/ajax-loader-tini.gif" />uploading');
             
             },onComplete: function(file,response){
             uploadedlist+= file;
            
             if(response.error=='0'){
                     var id=this._settings.id;
                     
                     
                     
                         var thumb_url = 'upload/' +response.path+'t/'+response.filename  ;
                       if($j.cookie(cookie_name)==null)
                       {
                        $j.cookie(cookie_name,thumb_url+',',cookie_option);
                        }else
                        {
                          $j.cookie(cookie_name,$j.cookie(cookie_name) + thumb_url+',',cookie_option);
                        }
                   
                   // alert($j.cookie(cookie_name));
                     $j('#btn_upload_'+this._settings.id).fadeOut('slow',function(){
                             
                             $j('#box_img_'+id).html('');
                            $j('#box_img_'+id).append('<div class="ClsImgQ"><div class="boxCheckImg"><input type="checkbox"  class="chkbox" id="chkbox_'+id+'" name="#" onclick="btnclick(\'img_'+id+'\');" /></div> <a href="'+thumb_url.replace('/t/','/o/')+'" style="padding:0;margin:0;display:inline" target="_blank"> <img id="img_'+id+'" src="'+thumb_url+'" /></a></div>  <a class="link_11_Blue" style="padding:3px;border:1px solid #ccc;  position:absolute; margin-top:-18px; margin-left:37px; z-index:999" onclick="OpenLinkShare(this, '+id+'); return false;" href="#">  <img src="images/ps_sharebtn.jpg" style="width:auto; height:auto"/> <span id="spn_cs_'+id+'"> Chia sẻ</span></a> ');

      
          var shpn='  <div id="linkshare_'+id+'" class="smm-ui" style="top: 734px;z-index:2147483583; left: 379px; display: none;">';
            shpn+=' <a onclick="closelinkshare(\''+id+'\')" class="smm-header" href="javascript:void(0)">Đóng lại</a>';
            shpn +='   <div style="border: 1px solid rgb(0, 112, 132); padding: 3px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 227px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><div id="sharemn" class="link-bold-blue"> ';
            shpn +=' <a class="" style="" onclick="changelinkshare(this.id,\'o\')" id="lb_ori_'+id+'">Large</a>';
            shpn +=' <a style="font-size: 11px; display: inline;border-right: medium none;" onclick="changelinkshare(this.id,\'m\')" id="lb_530_'+id+'">Medium</a> <a style="font-size: 11px; display: inline;border-right: medium none;" onclick="changelinkshare(this.id,\'t\')" id="lb_240_'+id+'">Thumb</a>';
        
             shpn +='  <br class="clearfloat_t" /> </div><br class="clearfloat_t" />';
            shpn +=' <div style="margin-top: 10px; font-size: 10px;">';
            shpn +='     <div style="float: left; width: 68px;">Share URL </div>';
            shpn +='     <div style="margin-left: 69px; margin-bottom: 3px;">';
            shpn +='  <input type="text" value="" style="" class="text_box_180" id="txtdirect_'+id+'" onclick="this.select();" readonly="readonly"/></div>';
            shpn +='   <div style="float: left; width: 68px;">HTML code</div>';
            shpn +='       <div style="margin-left: 69px; margin-bottom: 3px;"><input type="text" value="" style="" class="text_box_180" id="txthtml_'+id+'" onclick="this.select();" readonly="readonly"/></div>';
            shpn +='     <div style="float: left; width: 68px;">BBCode</div>';
            shpn +='      <div style="margin-left: 69px; margin-bottom: 3px;"><input type="text" value="" style="" class="text_box_180" id="txtbbcode_'+id+'" onclick="this.select();" readonly="readonly"/></div>';
            shpn +='        <div class="clearfloat_t"/>';
            shpn +='   </div>';
            shpn +='     <input type="hidden" value="" id="txt_imgname_'+id+'"/>';
            shpn +='  <div> <a id="preview_lk_'+id+'" target="_blank" href="http://farm2.anhso.net/pic/b/18206/6C7ACE149A4489B83CAC87B909C88D7756D5EBB9776B5A72/5.jpg">Xem <img src="images/Link-icon.gif" style="border: medium none ;"/></a> ';
            shpn += '<span style="color:#666666; margin-left:20px;">Chia sẻ trên: </span> ';
            thumb_url=thumb_url.replace('/t/','/o/');
            shpn +='<a title="Chia sẻ với Twitter" href="http://twitter.com/home?status='+encodeURIComponent('Chia sẻ ảnh đơn giản tại http://up.anhso.net :  http://up.anhso.net/'+thumb_url)+'" target="blank" id="btn_twitter_'+id+'"><img src="images/sh_twitter.jpg"/></a>';
            shpn +='<a title="Chia sẻ với Facebook" href="http://www.facebook.com/sharer.php?u='+encodeURIComponent('http://up.anhso.net/'+thumb_url)+'" id="btn_facebook_'+id+'" target="blank"><img src="images/sh_facebook.jpg"/></a>';
            shpn +='<a target="_blank" title="Chia sẻ với Linkhay" href="http://linkhay.com/submitExt?link_url='+encodeURIComponent('http://up.anhso.net/'+thumb_url)+'&link_title=" id="btn_linkhay_'+id+'"><img src="images/sh_linkhay.jpg"/></a>';
            shpn +='<a title="Chia sẻ với Twitter" href="http://www.tumblr.com/share?v=3&u='+encodeURIComponent('http://up.anhso.net/'+thumb_url)+'&t='+encodeURIComponent("Chia sẻ ảnh đơn giản tại http://up.anhso.net")+'&s=" id="btn_tumb_'+id+'" target="blank" ><img src="images/sh_tumb.jpg"/ ></a>';
            shpn+='   </div> ';
            shpn+=' </div>';
            shpn +=' </div>';
                    $j('body').append(shpn); 
                    
                    
                    if($j('.boxCheckImg').length>0)
                   
                     {
                      $j('.box-FAQ-Upload').show('fast');
                      $j('.sendMailupQuick').show('fast');
                       $j('.getLinkUpQuick').show('fast');
                      
                       if($j('.boxCheckImg').length==15){
                        showalert();
                        }
                     
                     }
       
                           });
              }
              else {
               alert('Có lỗi xảy ra trong quá trình upload file: \n ' +file);
               this.enable();
                $j('#btn_upload_'+this._settings.id).html('Upload image');
               
              }
             
             }});
 }
 
 
        var email = $j("#email"),
			allFields = $j([]).add(email),
			tips = $j("#validateTips");

        function updateTips(t) {
			tips.text(t).effect("highlight",{},1500);
		}
		
	    function checkLength(o,n,min,max) {

			if ( o.val().length > max || o.val().length < min ) {
				o.addClass('ui-state-error');
				updateTips("Bạn chưa nhập email");
				return false;
			} else {
				return true;
			}

		}
		function showalert(){
		
		          //   $j('.boxPopupQuickLinkT').css('top',$j('#btn_newpage').offset().top);
             //$j('.boxPopupQuickLinkT').css('left',$j('#btn_newpage').offset().left);
            
          $j('.boxPopupQuickLinkT').prependTo('#btn_newpage');
           $j('.boxPopupQuickLinkT').css('margin-left','426px');
             $j('.boxPopupQuickLinkT').css('margin-top','5px');
           $j('.boxPopupQuickLinkCtent').html('Bạn đã đạt giới hạn upload của lượt này. Để tiếp tục lượt upload mới, mời bạn click vào đây');
           $j('.boxPopupQuickLinkT').show('bounce')
		}

        function checkRegexp(o,regexp,n) {

			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass('ui-state-error');
				updateTips(n);
				return false;
			} else {
				return true;
			}

		}


 
        $j("#dialog").dialog({
			bgiframe: true,
			autoOpen: false,
			height: 168,
			modal: true,
			
			buttons: {
			'Thôi': function() {
			 $j('#lb_sending').hide('slow');
					 $j(this).dialog('close');
				},
				'Gửi đi': function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');
                    bValid = bValid && checkLength(email,"email",1,80);
					// From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
					bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"Định dạng email không đúng");
					if (bValid) {
						sendmail();
					}
				}
				
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});
		
		
		$j("#share_page").dialog({
			bgiframe: true,
			autoOpen: false,
			height: 168,
			modal: true,
			
			buttons: {
			'Đóng': function() {
			
					 $j(this).dialog('close');
					
				}
			},
			close: function() {
				 $j('#lb_getlink').show();
					  $j('#share_result').hide();
			},
			open: function(){
			     $j.get('createLink.aspx',function(result){
                    $j('#lb_getlink').hide('slow');
                    $j('#share_result').show('slow');
                    $j('#txt_linkshare').val('http://up.anhso.net/?bkID='+result);
                 }  
                 );
			}
		});
        
		
        
        $j('#email').keypress(function(e){
          if(e.which == 13){
                var bValid = true;
					allFields.removeClass('ui-state-error');
                    bValid = bValid && checkLength(email,"email",1,80);
					// From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
					bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"Định dạng email không đúng");
					
     
            if (bValid) {
            
						sendmail();
						
					}
           return false;
         }
          
         
        }); // end email event.
 
       $j('.sendMailupQuick').click(function(){
           $j('#dialog').dialog('open');
       });
       
       $j('.getLinkUpQuick').click(function(){
           $j('#share_page').dialog('open');
       });
       
       function sendmail(){
       $j('#lb_sending').show('slow');
       var addr = email.val();
       $j("#email").val('');
         $j.get('createBasket.aspx?email='+addr,function(){
            $j('#lb_sending').hide('slow');
            $j('#dialog').dialog('close');
         }
         
         );
         
          
       }

 ininitDD() ;
        
 // end init Jquery
 });
 
 function initcookie()
  {
  var cookielist = "";
      if($j.cookie(cookie_name)!=null)
      {
        cookielist = $j.cookie(cookie_name);
        
        cookielist=cookielist.substr(0,cookielist.length-1);
        
        var imgarr = cookielist.split(',');
        cookie_num= imgarr.length;
         
        for(i=0; i<imgarr.length;i++){
        
            
                   
                     
                     
                     
                     
                    $j('#btn_upload_'+ i).attr('alt',i+'|'+imgarr[i]);           
                    $j('#btn_upload_'+ i).fadeOut('slow',function(){
                             var id= $j(this).attr('alt').split('|')[0];
                             var thumb_url= $j(this).attr('alt').split('|')[1];
                                 $j('#box_img_'+id).html('');
                               
                               $j('#box_img_'+id).append('<div class="ClsImgQ"><div class="boxCheckImg"><input type="checkbox"  class="chkbox" id="chkbox_'+id+'" name="#" onclick="btnclick(\'img_'+id+'\');" /></div> <a href="'+thumb_url.replace('/t/','/o/')+'" style="padding:0;margin:0;display:inline" target="_blank"> <img id="img_'+id+'" src="'+thumb_url+'" /></a></div>  <a class="link_11_Blue" style="padding:3px;border:1px solid #ccc;  position:absolute; margin-top:-18px; margin-left:37px; z-index:999" onclick="OpenLinkShare(this, '+id+'); return false;" href="#">  <img src="images/ps_sharebtn.jpg" style="width:auto; height:auto"/> <span id="spn_cs_'+id+'"> Chia sẻ</span></a> ');

      
            var shpn='  <div id="linkshare_'+id+'" class="smm-ui" style="top: 734px;z-index:2147483583; left: 379px; display: none;">';
            shpn+=' <a onclick="closelinkshare(\''+id+'\')" class="smm-header" href="javascript:void(0)">Đóng lại</a>';
            shpn +='   <div style="border: 1px solid rgb(0, 112, 132); padding: 3px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 227px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"><div id="sharemn" class="link-bold-blue"> ';
            shpn +=' <a class="" style="" onclick="changelinkshare(this.id,\'o\')" id="lb_ori_'+id+'">Large</a>';
            shpn +=' <a style="font-size: 11px; display: inline;border-right: medium none;" onclick="changelinkshare(this.id,\'m\')" id="lb_530_'+id+'">Medium</a> <a style="font-size: 11px; display: inline;border-right: medium none;" onclick="changelinkshare(this.id,\'t\')" id="lb_240_'+id+'">Thumb</a>';
        
             shpn +='  <br class="clearfloat_t" /> </div><br class="clearfloat_t" />';
            shpn +=' <div style="margin-top: 10px; font-size: 10px;">';
            shpn +='     <div style="float: left; width: 68px;">Share URL </div>';
            shpn +='     <div style="margin-left: 69px; margin-bottom: 3px;">';
            shpn +='  <input type="text" value="" style="" class="text_box_180" id="txtdirect_'+id+'" onclick="this.select();" readonly="readonly"/></div>';
            shpn +='   <div style="float: left; width: 68px;">HTML code</div>';
            shpn +='       <div style="margin-left: 69px; margin-bottom: 3px;"><input type="text" value="" style="" class="text_box_180" id="txthtml_'+id+'" onclick="this.select();" readonly="readonly"/></div>';
            shpn +='     <div style="float: left; width: 68px;">BBCode</div>';
            shpn +='      <div style="margin-left: 69px; margin-bottom: 3px;"><input type="text" value="" style="" class="text_box_180" id="txtbbcode_'+id+'" onclick="this.select();" readonly="readonly"/></div>';
            shpn +='        <div class="clearfloat_t"/>';
            shpn +='   </div>';
            shpn +='     <input type="hidden" value="" id="txt_imgname_'+id+'"/>';
            shpn +='  <div> <a id="preview_lk_'+id+'" target="_blank" href="http://farm2.anhso.net/pic/b/18206/6C7ACE149A4489B83CAC87B909C88D7756D5EBB9776B5A72/5.jpg">Xem <img src="images/Link-icon.gif" style="border: medium none ;"/></a> ';
            shpn += '<span style="color:#666666; margin-left:20px;">Chia sẻ trên: </span> ';
            thumb_url=thumb_url.replace('/t/','/o/');
            shpn +='<a title="Chia sẻ với Twitter" href="http://twitter.com/home?status='+encodeURIComponent('Chia sẻ ảnh đơn giản tại http://up.anhso.net :  http://up.anhso.net/'+thumb_url)+'" target="blank" id="btn_twitter_'+id+'"><img src="images/sh_twitter.jpg"/></a>';
            shpn +='<a title="Chia sẻ với Facebook" href="http://www.facebook.com/sharer.php?u='+encodeURIComponent('http://up.anhso.net/'+thumb_url)+'" id="btn_facebook_'+id+'" target="blank"><img src="images/sh_facebook.jpg"/></a>';
            shpn +='<a target="_blank" title="Chia sẻ với Linkhay" href="http://linkhay.com/submitExt?link_url='+encodeURIComponent('http://up.anhso.net/'+thumb_url)+'&link_title=" id="btn_linkhay_'+id+'"><img src="images/sh_linkhay.jpg"/></a>';
            shpn +='<a title="Chia sẻ với Twitter" href="http://www.tumblr.com/share?v=3&u='+encodeURIComponent('http://up.anhso.net/'+thumb_url)+'&t='+encodeURIComponent("Chia sẻ ảnh đơn giản tại http://up.anhso.net")+'&s=" id="btn_tumb_'+id+'" target="blank" ><img src="images/sh_tumb.jpg"/ ></a>';
            shpn+='   </div> ';
            shpn+=' </div>';
            shpn +=' </div>';
                    $j('body').append(shpn); 
       
                           });
          
        }
      
      }
    
  }
 
 //Share button
 
 var current_share = null;
	function OpenLinkShare(obj, imgID) {
       
	    //   hs.close();
	    
	    if (current_share!=null && current_share != imgID) {
	       
	        $j("#linkshare_" + current_share).hide("fast");
	    }
	    
	    setsharelink(imgID);
	    var offset = $j(obj).offset();
	    
	    $j("#linkshare_" + imgID).css("top", offset.top-1 + "px");
	    $j("#linkshare_" + imgID).css("left", offset.left - 76 + "px");

	    $j("#linkshare_" + imgID).show("fast");
	   
	    current_share = imgID;
	   

	}
	function closelinkshare(imgID) {

	    $j("#linkshare_" + imgID).hide();
	    current_share = null;
	  
	}
	
	function setsharelink(imgID) {

	    var imgURL = document.getElementById('img_' + imgID).src;	
        changelinkshare('lb_ori_'+imgID,'o');
	   

	}
	
	var active_linkshare = null;

	function changelinkshare(elem, size) {
	 
	    if(active_linkshare){
	    $j('#'+active_linkshare).removeClass("activer");
	    }
	    //Spry.Utils.removeClassName(elem, "activer");
	    $j('#'+elem).addClass("activer");
	    active_linkshare = elem;

	    var imgID = elem.substring(elem.lastIndexOf('_') + 1, elem.length);
	    var imgURL;
	    imgURL = document.getElementById('img_' + imgID).src;
	    var currsize = imgURL.substr(imgURL.lastIndexOf('/')-2,3);
	    
	    
	
	       imgURL= imgURL.replace(currsize,'/'+size+'/');
	
	 
	    var imgtilte = document.getElementById('txt_imgname_' + imgID).value;
	    document.getElementById('txtdirect_' + imgID).value = imgURL ;
	    document.getElementById('preview_lk_' + imgID).href = imgURL;
	    document.getElementById('txthtml_' + imgID).value = '<a href="http://up.anhso.net"  target="blank">' + '<img src="' + imgURL + '" alt="Tiện ích upload ảnh miễn phí, không cần đăng ký! | up.anhso.net"/> </a>';
	    document.getElementById('txtbbcode_' + imgID).value = '[IMG]' + imgURL + '[/IMG] \n http://up.anhso.net';

	}

// share box

        var items = [];
        var targetDrop;
        function ininitDD() {

            var idlist = document.getElementById('txt_imglist').value.split(',');
            for (i = 0; i < idlist.length; i++) {
                // items['img_'+dsuploaded.getRowByID(i).Id]=  new Draggable('img_'+dsuploaded.getRowByID(i).Id,{revert:true, onDrag: ondrag , onEnd: onend});
                items['img_' + idlist[i]] = Object();
                items['img_' + idlist[i]].added = false;
              //  items['img_' + idlist[i]].btn = document.getElementById('btn_' + idlist[i]);
                
            }
          
        }
       
        function add_new_item(item) {

            items[item].added = true;
             if ($j('.boxContentFaqUpload').css('display') != 'none') {
                $j('.boxContentFaqUpload').hide('slow', function() { $j('#items_bound').show('fast'); });
                
            }
            var btnid = item.replace('img_','chkbox_');
            $j('#'+btnid).attr('checked','checked');
          //  $j(items[item].btn).css("color", "#cc0000");
           // $j(items[item].btn).val("- Gỡ khỏi bảng chọn");
            var newitem = document.createElement('li');
             newitem.id = item.replace('img_', 'item_');
            newitem.className = 'au_item';
            var src = document.getElementById(item).src;
            var cmm = item.replace('img_', 'ico_');
            //src = src.replace(src.substring(src.indexOf('action'), src.indexOf('action') + 9), 'actions=t');
            newitem.innerHTML = '<div class="au_itemdiv" onmouseover="document.getElementById(\'' + cmm + '\').style.display=\'block\' " onmouseout="document.getElementById(\'' + cmm + '\').style.display=\'none\' " > <img height="75" width="75" style="margin: 0pt;cursor:move" src="' + src + '"/> <img src="Images/HienthiKQ_Linkmode_46.jpg" id="' + cmm + '" style="display:none; position:absolute; left:5; top:0;cursor:pointer" onclick="btnclick(\'' + item + '\');" />    </div>';
            document.getElementById('items_list').appendChild(newitem);
            document.getElementById('items_list').style.width = (parseInt(document.getElementById('items_list').style.width) + 90) + 'px';
            Position.includeScrollOffsets = true;
          //  document.getElementById("selectedimgs").innerHTML = parseInt(document.getElementById("selectedimgs").innerHTML) + 1;
            var t = document.getElementById('items_list'); document.getElementById('getlinkpn').style.display = 'block';
            if (t.getElementsByTagName('li').length > 1) {
                Sortable.create('items_list', { scroll: 'items_bound', overlap: 'horizontal' });
              
            }
        }

        function remove_item(item) {
            items[item].added = false;
             var btnid = item.replace('img_','chkbox_');
            $j('#'+btnid).attr('checked','');
           // $j(items[item].btn).css("color", "#007084");
            //$j(items[item].btn).val("+ Thêm vào bảng chọn");
            var t = document.getElementById('items_list');
            t.removeChild(document.getElementById(item.replace('img_', 'item_')));
            document.getElementById('items_list').style.width = (parseInt(document.getElementById('items_list').style.width) - 90) + 'px';

            if (t.getElementsByTagName('li').length > 1) {
                Sortable.create('items_list', { scroll: 'items_bound', overlap: 'horizontal' });
            }
            else document.getElementById('getlinkpn').style.display = 'none';
        }
        
        function btnclick(e) {
            if (!items[e].added) {

                add_new_item(e);
            }
            else {
                remove_item(e);
            }
        }


        function selectall() {
          var chk = $j('.chkbox');
          for (i=0; i<chk.length ;i++)
          {
              if($j(chk[i]).attr('checked')=='')
                   {
                    btnclick($j(chk[i]).attr('id').replace('chkbox_','img_'));
                    }
          }


        }

        function unselectall() {
             var chk = $j('.chkbox');
                  for (i=0; i<chk.length ;i++)
                  {
                      if($j(chk[i]).attr('checked')!='')
                           {
                            btnclick($j(chk[i]).attr('id').replace('chkbox_','img_'));
                            }
                  }

        }


    

       

        function setlink() {
            Spry.Utils.removeClassName('linkmode_btn', "link-gray-2");
            Spry.Utils.addClassName('linkmode_btn', "link-blue-2");

            Spry.Utils.removeClassName('editmode_btn', "link-blue-2");
            Spry.Utils.addClassName('editmode_btn', "link-gray-2");
            document.getElementById('au_bottompn').style.display = "block";
            document.getElementById('box-key').style.display = "none";
            document.getElementById('boxOrder_img').style.display = "block";
            document.getElementById('updateallpn').style.display = "none";

            for (i = 0; i < dsuploaded.getRowCount(); i++) {
                document.getElementById('editpn_' + dsuploaded.getRowByID(i).Id).style.display = "none";
                document.getElementById('sharingpn_' + dsuploaded.getRowByID(i).Id).style.display = "block";
            }
        }

        function getalllink(type) {
            var idlist = new Array();
            idlist = Sortable.serialize('items_list').split('&');
            for (i = 0; i < idlist.length; i++) {
                idlist[i] = idlist[i].replace('items_list[]=', '');
            }
            
             var types = ['sdirectpn', 'shtmlpn', 'sbbpn'];
            for (i = 0; i < types.length; i++) {
                if (types[i] != type){
                 $j('#'+types[i]).hide();
                 }
                else 
                { 
                 $j('#'+types[i]).show(); }

            }
            
                     document.getElementById('copylinkct').style.top = document.getElementById('droppn').offsetTop + 6 + "px";
            document.getElementById('copylinkct').style.left = document.getElementById('droppn').offsetLeft + 4 + "px";
            $j('#copylinkct').show("slow");
            changelink('lb_ori', 'o');
        }
        
        
           function close_all() {
            $j('#copylinkct').hide("slow");
        }

     var pnbtnlist = ['lb_75', 'lb_140', 'lb_240', 'lb_540', 'lb_1024', 'lb_ori'];
        function changelink(elem, size) {
        
        
            for (i = 0; i < pnbtnlist.length; i++) {
                if (pnbtnlist[i] != elem) {
                   $j("#"+pnbtnlist[i]).removeClass("activer");
                }

            }

            document.getElementById('txtdirect').value = "";
            document.getElementById('txthtml').value = "";
            document.getElementById('txtbbcode').value = "";

         
            $j("#" + elem).addClass("activer");
            
            var idlist = new Array();
            idlist = Sortable.serialize('items_list').split('&');
            for (i = 0; i < idlist.length; i++) {
                idlist[i] = idlist[i].replace('items_list[]=', '');
            }
          
            var links = [];
            for (i = 0; i < idlist.length; i++) {

                links.push(document.getElementById("img_" + idlist[i]).src);

            }
            
            for (i = 0; i < links.length; i++) {
                var imgURL;
                var link;
                link = links[i];
                
                switch (size) {
                    case 't':
                        document.getElementById('txtdirect').value += link + " \n";
                        document.getElementById('txthtml').value += '<a href="http://up.anhso.net" target="_blank">"<img alt="Tiện ích upload ảnh miễn phí, không cần đăng ký! | up.anhso.net" src="' + link + '" /> </a> <br/>' + ' \n';
                        document.getElementById('txtbbcode').value += '[IMG]' + link + '[/IMG]' + ' \n';
                        break;
                     case 'm':
                        link = link.replace('/t/', '/m/');
                        document.getElementById('txtdirect').value += link + " \n";
                        document.getElementById('txthtml').value += '<a href="http://up.anhso.net" target="_blank">"<img alt="Tiện ích upload ảnh miễn phí, không cần đăng ký! | up.anhso.net" src="' + link + '" /> </a> <br/>' + ' \n';
                        document.getElementById('txtbbcode').value += '[IMG]' + link + '[/IMG]' + ' \n';
                        break;
                      case 'o':
                        link = link.replace('/t/', '/o/');
                        document.getElementById('txtdirect').value += link + " \n";
                        document.getElementById('txthtml').value += '<a href="http://up.anhso.net" target="_blank">"<img alt="Tiện ích upload ảnh miễn phí, không cần đăng ký! | up.anhso.net" src="' + link + '" /> </a> <br/>' + ' \n';
                        document.getElementById('txtbbcode').value += '[IMG]' + link + '[/IMG]' + ' \n';
                        break;

                }


            }


        }
      
              
   function reloadpage()
   {
   if(confirm('Tất cả nội dung trên trang này sẽ mất khi bạn tạo trang mới \n Bạn chắc chắn chứ ?'))
   {
   
     //$j.cookie(cookie_name,null);
	 del_cookie(cookie_name);
      window.location="/"; 
     }
   }
   function del_cookie(name) {
document.cookie = name +
'=; expires=Thu, 01-Jan-70 00:00:01 GMT;';
} 