function cutImg() {
    jQuery(".imgBox img").each(function() {
      var _this=this;   
      var originImg = new Image();
      originImg.src = this.src;
      var cssOriginImg = {
        'width': originImg.width + 'px',
        'height': originImg.height + 'px'
      };    
      function getImgWH(){   
        if(originImg.width==0||originImg.height==0){
          setTimeout(getImgWH,10);
        }
        else{
          cssOriginImg = {
            'width': originImg.width + 'px',
            'height': originImg.height + 'px'
          };
          if (originImg.width > 50 || originImg.height > 50) {
            if (originImg.width >= originImg.height) {
              cssOriginImg.height = parseInt(50 * originImg.height / originImg.width) + 'px';
              cssOriginImg.width = 50 + 'px'
            }
            else {
              cssOriginImg.width = parseInt(50 * originImg.width / originImg.height) + 'px';
              cssOriginImg.height = 50 + 'px'
            }
            jQuery(_this).css(cssOriginImg);
          }
          $(_this).show();
        }
      }
      getImgWH();    
    });
  }

function basketWidth(){
    if (!($(".smallBasket").css("display") == "none")) {
      return;
    }
      basketWid();
      baseket.reSet();
    }

  function basketWid(){
        var width=0;
        $.each($(".bigBasket").children(":visible"),function(i,n){
          if($(n).attr("class")=="listBox"){
            $.each($(n).children("ul:visible"),function(i,k){
              width+=$(k).outerWidth();         
            });       
          }
          else{ 
            if($(n).attr("class")=="imgBox"){
              $.each($(n).children(":visible"), function(i,j){
                  width+=$(j).outerWidth();
              });
            }
            else{
                width+=$(n).outerWidth();
            }
          }
        });
        $(".bigBasket").css("width","auto");
        if (!+'\v1' && !window.XMLHttpRequest) {
          $(".bigBasket").width(width+6);
        }
        else{
          $(".bigBasket").width(width);
        }
  }
  function getProdParam(){
      var dataStr;
        jQuery.ajax({
              url: prefixUrl+'/ajaxfunction.do?xcase=prodForBasket&t='+Math.random(),
              dataType: 'json',
              async: false,
              type: "POST",
              beforeSend: function() {
              },
              success: function(data) {
                 dataStr = data;
              },
              complete: function() {
              },
              error: function() {
              }
          })
        return dataStr;
      }
  function basketInit(dataList){
      if(dataList){
         var num1;
      var num2;
      if (parseInt(dataList[0].prodNum) == 0){
        num1 = 1;
        num2 = 1;
        $(".bigBasket").children("div").hide();
        $(".bigBasket .listBox").show();
      }
      else if(parseInt(dataList[0].comNum) == 0){
        num1 = 0;
        num2 = 0;
        $(".bigBasket").children("div").hide();
        $(".bigBasket .imgBox").show();
      }
      if (num1 == 0 || num1 == 1){
        $(".bigBasket .link").hide();
        $("#name li").removeClass("now");
        $("#name li").eq(num1).addClass("now");
        $(".bigBasket .link").eq(num2).show();
      }
      if (parseInt(dataList[0].prodNum) == 0){
          $("#name li").eq(0).unbind("mouseover");
        }
      if (parseInt(dataList[0].comNum) == 0){
            $("#name li").eq(1).unbind("mouseover");
      }
      if (parseInt(dataList[0].prodNum) == 0 && parseInt(dataList[0].comNum) == 0){
        $("#basketWarp").hide();
      }
      if($.cookie("arrow_sb") == 's'){
      $(".bigBasket").show();
      basketWid();
      $(".bigBasket").hide();
      } else{
      basketWidth();
      }
      $("#name li").eq(0).css("cursor", dataList[0].prodNum == 0 ? "default" :"pointer");
      $("#name li").eq(1).css("cursor", dataList[0].comNum == 0 ? "default" :"pointer");
      }

  }
  $(function(){
    var timerHandler = null;
  $("#name li").hover(function(){
    var _this = this;
    timerHandler = setTimeout(function(){
    width=0;
    var index=$("#name li").index(jQuery(_this));
    $("#name li").removeClass("now");
    $(_this).addClass("now");
    $(".bigBasket").children("div").hide();
    $(".bigBasket .link").eq(index).show();
    if(index==0){
      $(".bigBasket .imgBox").show();    
    }
    else{
      $(".bigBasket .listBox").show();      
    }   
    basketWidth();
    }
    ,150);
  },clearTimeout(timerHandler));
    if (parseInt($("#name li strong").eq(0).text()) == 0){
      $("#name li").eq(0).unbind("mouseover");
    }
    if (parseInt($("#name li strong").eq(1).text()) == 0){
        $("#name li").eq(1).unbind("mouseover");
    }
  });
       
    var overFunc = function() {
        ($(this).attr("name")=="delet"?$(this):$(this).prev("span[name='delet']")).show();
        if ($(this).attr("name") != "delet"){
          $(this).addClass("hover");
        }
        else{
          $(this).next("a").addClass("hover");
        }
    };
    var outFunc = function() {
       ($(this).attr("name")=="delet"?$(this):$(this).prev("span[name='delet']")).hide();
       $("div.img > a").removeClass("hover");
    };
    var comoverFunc = function() {
        ($(this).attr("name")=="delet"?$(this):$(this).find("span[name='delet']")).show();
        if ($(this).attr("name") != "delet"){
            $(this).addClass("hover");
        }
    };
    var comoutFunc = function() {
       ($(this).attr("name")=="delet"?$(this):$(this).find("span[name='delet']")).hide();  
       $(".listBox > ul >  li").removeClass("hover");     
    };

    //pai xu li
    function sortBasketLi(){
          var listBox = jQuery('#basketWarp').find('div.bigBasket div.listBox');
          var itemLI = listBox.find('li');
          var itemUL = listBox.find('ul');
          itemUL.remove();
          var htmStr = "";
          for (var i = 1; i < itemLI.length+1; i++) {
            if ((i-1)%3==0){
              htmStr+="<ul>";
            }  
            htmStr+="<li>"+itemLI.eq(i-1).html()+"</li>";
            if ((i)%3==0){
              htmStr+="</ul>";
            }
          }
          $(".bigBasket .listBox").append(htmStr);
          $(".listBox > ul >  li, .listBox > ul > li.delet").hover(comoverFunc, comoutFunc);
          $(".listBox span[name='delet']").click(deletClik);
          var ulSize = $(".listBox > ul").size();
          for (var j = 2; j < ulSize; j++){
            $(".listBox > ul").eq(j).hide();
          }
          basketWidth();
    }
     
    
    var prodReload = function(dataList){
      //var dataList = getProdParam();
          $("#basketWarp").show();
          $(".bigBasket").show();
          $(".imgBox").children().remove();
          $(".imgBox .link").eq(0).children().remove();
         var nameObj = $("#name li");
        var smallObj = $(".smallBasket span");
        var prodHtml = dataList[0].prodNum > 1 ?  "Products(<strong>"+dataList[0].prodNum+"</strong>)" : "Product(<strong>"+dataList[0].prodNum+"</strong>)";
        var comHtml = dataList[0].comNum > 1 ? "Companies(<strong>"+ dataList[0].comNum +"</strong>)" :  "Company(<strong>"+ dataList[0].comNum +"</strong>)"
        nameObj.eq(0).html(prodHtml);
        nameObj.eq(1).html(comHtml);
        smallObj.eq(0).html(prodHtml);
        smallObj.eq(1).html(comHtml);
        $("#name li").eq(0).css("cursor", dataList[0].prodNum == 0 ? "default" :"pointer");
        $("#name li").eq(1).css("cursor", dataList[0].comNum == 0 ? "default" :"pointer");
        //bind event
        $("#name li").eq(0).bind("mouseover", function(){
          var _this = this;
          setTimeout(function(){
            $("#name li").removeClass("now");
            $(_this).addClass("now");
            $(".bigBasket").children("div").hide();
            $(".bigBasket .link").eq(0).show();
            $(".bigBasket .imgBox").show();    
            basketWidth();
            }, 150);
          }
        );
          var imgHtm = "<div class=\"img\"><span class=\"delet\" style=\"display:none\" name=\"delet\"></span>"+
          "<a class=\"img50\" href=\"\" target=\"_blank\"><img src=\"\" title=\"\" alt=\"\" style=\"display:none\"></a>"+
          "<input type=\"hidden\" name=\"prodHidden\" value=\"\"></div>";
          
          for (var i = 0; i < dataList.length; i++){
            if (i == 0) {
              $(".imgBox").html(imgHtm);
              var imgObj = $(".imgBox div");
              imgObj.find("a").attr("href", dataList[i].prodDetailUrl).find("img").attr("src", dataList[i].photoUrl).attr("title", dataList[i].prodName).attr("alt", dataList[i].prodName);
              imgObj.find("input[type=\"hidden\"]").val(dataList[i].recordId);
              imgObj.find(".img50,.delet").hover(overFunc,outFunc);
              imgObj.find("span[name='delet']").click(
                 deletClik
                );
            }else{
              var obj = $(".imgBox .img").eq(0).clone();
              obj.find("a").attr("href", dataList[i].prodDetailUrl).find("img").attr("src", dataList[i].photoUrl).attr("title", dataList[i].prodName).attr("alt", dataList[i].prodName);
              obj.find("input[type=\"hidden\"]").val(dataList[i].recordId);
              obj.find(".img50,.delet").hover(overFunc,outFunc);
              obj.find("span[name='delet']").click(
                 deletClik
                );
              $(".imgBox div").eq(i-1).after(obj);
            }
          }
          $(".bigBasket").children("div").hide();
          $(".bigBasket .link").hide().eq(0).show();
          if ($(".bigBasket .link").eq(0).find("a") != undefined && parseInt(dataList[0].prodNum) != 1) {
            var textLink = dataList[0].prodNum > 6 ? "More in<br /> Inquiry Basket >" : "Go to<br /> Inquiry Basket >";
            $(".bigBasket .link").eq(0).find("a").html(textLink);
          }
          else {
            var linkHtm = dataList[0].prodNum > 6 ? "<a href=\"/inquiry-basket\" alt=\"Click here to go to Inquiry Basket.\" title=\"Click here to go to Inquiry Basket.\">More in<br /> Inquiry Basket ></a>" : "<a href=\"/inquiry-basket\" alt=\"Click here to go to Inquiry Basket.\" title=\"Click here to go to Inquiry Basket.\">Go to<br /> Inquiry Basket ></a>";
            $(".bigBasket .link").eq(0).html(linkHtm);
          }
          $("#name li").removeClass("now").eq(0).addClass("now");
          $(".bigBasket .imgBox").show();
          cutImg();
          if (!($(".smallBasket").css("display") == "none")) {
              basketWid();
              $(".bigBasket").hide();
          }
          else {
              basketWidth();
          }
          basketInit(dataList);
    }
    
    var comReload = function(dataList){
      //var dataList = getComParam();
      $("#basketWarp").show();
      $(".bigBasket").show();
      $(".listBox").children().remove();
       var nameObj = $("#name li");
        var smallObj = $(".smallBasket span");
        var prodHtml = dataList[0].prodNum > 1 ?  "Products(<strong>"+dataList[0].prodNum+"</strong>)" : "Product(<strong>"+dataList[0].prodNum+"</strong>)";
        var comHtml = dataList[0].comNum > 1 ? "Companies(<strong>"+ dataList[0].comNum +"</strong>)" :  "Company(<strong>"+ dataList[0].comNum +"</strong>)"
        nameObj.eq(0).html(prodHtml);
        nameObj.eq(1).html(comHtml);
        smallObj.eq(0).html(prodHtml);
        smallObj.eq(1).html(comHtml);
        $("#name li").eq(0).css("cursor", dataList[0].prodNum == 0 ? "default" :"pointer");
      $("#name li").eq(1).css("cursor", dataList[0].comNum == 0 ? "default" :"pointer");
     //bind event
      $("#name li").eq(1).bind("mouseover", function(){
        var _this = this;
        setTimeout(function(){
          $("#name li").removeClass("now");
          $(_this).addClass("now");
          $(".bigBasket").children("div").hide();
          $(".bigBasket .link").eq(1).show();
          $(".bigBasket .listBox").show();
            basketWidth();
            },150);
        }
      );
       $(".listBox").append("<ul></ul>");
       var liHtm = "<li><a target=\"_blank\" href=\"\"></a><span class=\"delet\" style=\"display:none\" name=\"delet\"></span>"+
       "<input type=\"hidden\" name=\"comHidden\" value=\"\"></li>";
       for (var i = 0; i < dataList.length; i++){
          if (i == 0) {
            $(".listBox ul").html(liHtm);
            $(".listBox ul li").find("a").attr("href", dataList[i].comUrl).attr("title", dataList[i].comNameAll).text(dataList[i].comName);
            $(".listBox ul li").find("input[type='hidden']").val(dataList[i].recordId);
          }else{
            var obj = $(".listBox ul li").eq(0).clone();
            obj.find("a").attr("href", dataList[i].comUrl).attr("title", dataList[i].comNameAll).text(dataList[i].comName);
            obj.find("input[type='hidden']").val(dataList[i].recordId);
            $(".listBox ul li").eq(i-1).after(obj);
          }
       }
       sortBasketLi();
       var linkHtm = dataList[0].comNum > 6 ? "<a href=\"/inquiry-basket\" alt=\"Click here to go to Inquiry Basket.\" title=\"Click here to go to Inquiry Basket.\">More in<br /> Inquiry Basket ></a>":"<a href=\"/inquiry-basket\" alt=\"Click here to go to Inquiry Basket.\" title=\"Click here to go to Inquiry Basket.\">Go to<br /> Inquiry Basket ></a>";
       $(".bigBasket .link").eq(1).html(linkHtm); 
        //show com
       $(".bigBasket").children("div").hide();
       $(".bigBasket .link").hide().eq(1).show();;
       $("#name li").removeClass("now").eq(1).addClass("now");
       $(".bigBasket .listBox").show();
       if (!($(".smallBasket").css("display") == "none")) {
        basketWid();
        $(".bigBasket").hide();
      }
      else {
        basketWidth();
      }
      basketInit(dataList);
    }
    var deletClik = function(){
        jQuery(this).unbind("click");
        var obj = this;
        var str;
        var flag = "";
        if ($(this).next("input[type='hidden']").attr("name")== "comHidden"){
          flag = "0";
          str = $(this).next("input[type='hidden']").val();
        }
        else {
          flag = "1";
          str = $(this).next("a").next("input[type='hidden']").val();
        }
        jQuery.ajax({
                url:prefixUrl+'/inquirybasket.do?action=deleteOne&recordId='+str+'&flag='+flag+"&t="+ Math.random(),
                dataType: 'json',
                async: false,
                type: "POST",
                beforeSend: function() {
                },
                success: function(data) {
                  try{
                    requestLogonStatus();
                    var basketUrlInfo = "<a href=\"\" target=\"\" rel=\"\"></a>";
                    if (flag == "1"){
                         if (data[0].result != "error") {
                           $("#"+data[0].result.split(",")[1]).parent("span").attr("class", "add");
                           $("#"+data[0].result.split(",")[1]).attr("style", "display").attr("href", "javascript:add2BasketProd('"+data[0].result.split(",")[1]+"')").attr("target", "").attr("rel", "nofollow").text("Add to Basket");
                           
                           $("#"+data[0].result.split(",")[1]+"detail").parent("span").removeAttr("class");
                           $("#"+data[0].result.split(",")[1]+"detail").attr("class","unAdd").attr("style", "display").attr("href", "javascript:add2BasketProd('"+data[0].result.split(",")[1]+"')").attr("target", "").attr("rel", "nofollow").text("Add to Basket");                         
                           }
                           jQuery(obj).parent(".img").fadeOut("slow", function(){
                             jQuery(this).remove();
                         });
                           setTimeout(function(){prodReload(data);}, 350);
                      }
                      else{
                        if (data[0].result != "error") {
                            $("#"+data[0].result.split(",")[1]).parent("span").attr("class", "add");
                            $("#"+data[0].result.split(",")[1]).attr("style", "display").attr("href", "javascript:add2BasketCom('"+data[0].result.split(",")[1]+"')").attr("target", "").attr("rel", "nofollow").text("Add to Basket");
                        }
                        jQuery(obj).parent("li").fadeOut("slow", function(){
                          jQuery(this).remove();
                          comReload(data);
                        });
                      }
                  }
                  catch(e){
                  }
                },
                complete: function() {
                },
                error: function() {
                }
            })
    };
    //click
    (function(){
      $("div.img > a,div.img > .delet").hover(overFunc,outFunc);    
      $(".listBox > ul >  li, .listBox > ul > li.delet").hover(comoverFunc, comoutFunc);

      $("span[name='delet']").click(deletClik
          );
      })
    ();

   

    function getComParam(){
        var comStr;
          jQuery.ajax({
                url:  prefixUrl+ '/ajaxfunction.do?xcase=comForBasket&t='+Math.random(),
                dataType: 'json',
                async: false,
                type: "GET",
                beforeSend: function() {
                },
                success: function(data) {
                  comStr = data;
                },
                complete: function() {
                },
                error: function() {
                }
            })
          return comStr;
        }
      
      function add2BasketProd(prodId){
          jQuery.ajax({
                url: prefixUrl+'/inquirybasket.do?action=prod2Add&sourceId='+prodId+"&t="+ Math.random(),
                dataType: 'json',
                async: false,
                type: "POST",
                beforeSend: function() {
                },
                success: function(data) {
                    if(data){
                       if (data[0].result == 'addSuccess') {

                    }
                    else if (data[0].result == "haveAddSuccess"){
                      alert("You have added the information to basket successfully.");
                    }
                    else {
                      alert(data[0].result);
                    }
                    try{
                        requestLogonStatus();
                        if (data[0].result == 'addSuccess' || data[0].result== 'haveAddSuccess'){
                          $("#"+prodId).parent("span").attr("class", "alreadyAdd");
                          $("#"+prodId).attr("style", "display").attr("href", "/inquiry-basket/").attr("target", "_blank").attr("rel", "").text("Already in Basket");

                          if($("#"+prodId+"detail").attr("class") == "unAdd"){
                            $("#"+prodId+"detail").parent("span").attr("class", "alreadyAdd");
                            $("#"+prodId+"detail").removeAttr("class");
                            $("#"+prodId+"detail").attr("style", "display").attr("href", "/inquiry-basket/").attr("target", "_blank").attr("rel", "").text("Already in Basket");
                          }
                        }
                        else{
                          $("#"+prodId).show();
                        }
                        prodReload(data);
                      }
                      catch(e){
                      }
                    }

                },
                complete: function() {
                },
                error: function() {
                }
            })
        }
      
      function add2BasketCom(comId){
          jQuery.ajax({
                url: prefixUrl+'/inquirybasket.do?action=com2Add&sourceId='+comId+"&t="+ Math.random(),
                dataType: 'json',
                async: false,
                type: "POST",
                beforeSend: function() {
                },
                success: function(data) {
                    if(data){
                       if (data[0].result == 'addSuccess') {
                        }
                        else if (data[0].result == "haveAddSuccess"){
                          alert("You have added the information to basket successfully.");
                        }
                        else {
                          alert(data[0].result);
                        }
                        try{
                         requestLogonStatus();
                         if (data[0].result == 'addSuccess' || data[0].result== 'haveAddSuccess'){
                          $("#"+comId).parent("span").attr("class", "alreadyAdd").show();
                          $("#"+comId).attr("style", "display").attr("href", "/inquiry-basket/").attr("target", "_blank").attr("rel", "").text("Already in Basket");
                         }
                         else{
                           $("#"+comId).show();
                         }
                         comReload(data);
                         }
                          catch(e){
                          }
                    }

                },
                complete: function() {
                },
                error: function() {
                }
            })
      }