var ldimg= new Image(10,10); 
ldimg.src="http://www.hairstraightening.net/images/loading.gif";

var oid_arr=new Array();
var list_arr=new Array();
var c_arr=new Array();
var is_err=0;
var j=0;

$(document).ready(function () {
$('#select_sort').change( function() {
  
  var v_arr=$(this).val().split(",");
    if(v_arr.length!=2) return;
    var c=v_arr[0];
    var t=v_arr[1];
    var container="#p_list";
    var list_sum="list_sum";
    $(document).ready(function () {
    $(container).fadeOut("slow", function () {
      if(zd_var(t)) t="desc";
      if(!chk_err_id(container)){
        is_err=1;
        return;
      }
      var sum=zd_int($(container).attr(list_sum));
      for(var i=0;i<sum;i++){
        j=i+1;
        if(!chk_err_id("p_id"+j)) is_err=1;
        if(is_err==1){
         break; 
        }
        oid_arr[i]=j;
        list_arr[i]=$("#p_id"+j).html();
        c_arr[i]=zd_float($("#p_"+c+j).text())+"_"+i;
      }
      if(is_err==1 || sum==0){
        return;
      }
      if(c_arr.length>0){
        var tt=regroup_arr(c_arr,t);
        var data="";
        for(var i=0;i<tt.length;i++){
          cp=tt[i];
          for(var j=0;j<list_arr.length;j++){
            if(cp==j && list_arr[j]!=null){
                data+="<tr id=\"p_id"+(j+1)+"\">"+list_arr[j]+"</tr>";
               break;
            }
          }
          if(i==tt.length-1) $(container).html(data);
        }   
        $(container).fadeIn("slow");
       }
    });
    });
    return false;

});
});

  function chk_err_id(id){
    return ($(id))?true:false;
  }
  
  function zd_float(v){
    var vv=parseFloat(v);
    vv=(isNaN(vv))?0:vv; 
    return vv;
  }
  function zd_int(v){
    var vv=parseInt(v);
    vv=(isNaN(vv))?0:vv; 
    return vv;
  }
  
  function orderby_asc(v,v2){
    var tmp_arr1=null;
    var tmp_arr2=null;
    tmp_arr1=v.split("_");
    tmp_arr2=v2.split("_");
    return zd_float(tmp_arr1[0]) - zd_float(tmp_arr2[0]);
  }
  
  function orderby_desc(v,v2){
    var tmp_arr1=null;
    var tmp_arr2=null;
    tmp_arr1=v.split("_");
    tmp_arr2=v2.split("_");
    return zd_float(tmp_arr2[0]) - zd_float(tmp_arr1[0]);
  }
  
  function debug(arr){
    for(var i=0;i<arr.length;i++){
      document.write("["+i+"]="+arr[i]+"<br>");
    }
    document.write("<hr>");
  }
  
  function zd_function_exist( function_name ) {  
    if ('function' == typeof window.noFunc) {  // use noFunc()
      return false;
    } else {  
      return true;
    }
  } 
  
  function zd_var(foo){
      if(typeof(foo) !== 'undefined' && foo != null) {
        return false;
      }else{
        return true;
      }
  }
  
  function get_oid(oldarr,cp){
    var v=null;
    var tmp_arr1=null;
    var tmp_arr2=null;
    for(var i=0;i<oldarr.length;i++){
      tmp_arr1=oldarr[i].split("_");
      tmp_arr2=cp.split("_");
      if(tmp_arr1[1]==tmp_arr2[1]){
        v=i;
        break;
      }
    }
    return v;
  }
  
  function regroup_arr(arr,type){
    var new_arr=new Array();
    var ori=arr.slice();
    if(zd_function_exist("orderby_"+type)){
      arr.sort(eval("orderby_"+type));
      var cp,cpi;
      for(var i=0;i<arr.length;i++){
        cpi=get_oid(ori,arr[i]);
        new_arr[i]=cpi;
      }
    }else{
      //alert("not function: "+"orderby_"+type);
    }
    return new_arr;
  }
  
  function brand_thumb(cid,yes,no){
    var TimeoutId;
    $("#brand_vote").html('<img src=/images/loading.gif width=16>');
    $.get("/thumb.php", { 'id': cid, 't': 'c', 'yes': yes, 'no': no},
    function(data){
      if($("#brand_vote") && data.match(/^ok: exists/i)){
        $("#brand_vote").html("<font color=blue>You have voted.</font>");
      }
      if($("#brand_vote") && data.match(/^err: /i)){
        $("#brand_vote").html("<font color=red>Failed to vote.</font>");
      }
      if($("#brand_vote") && data.match(/^ok: done/i)){
        $("#brand_vote").html("<font color=green>Thanks for vote.</font>");
      }
      if($("#brand_vote") && data.match(/^ok: done\[yes\]/i)){
        $("#ryes").html(parseInt($("#ryes").html())+1);
        $("#rall").html(parseInt($("#rall").html())+1);
        $("#brand_vote").html("<font color=green>Thanks for vote.</font>");
      }
      if($("#brand_vote") && data.match(/^ok: done\[no\]/i)){
        $("#rno").html(parseInt($("#rno").html())+1);
        $("#rall").html(parseInt($("#rall").html())+1);
        $("#brand_vote").html("<font color=green>Thanks for vote.</font>");
      }
      TimeoutId = setTimeout(function(){$("#brand_vote").html("")}, 3000);
    });
    
  }