<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
                    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
                <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta content="&copy;www.kancart.com" name="author" />
        <link rel="icon" href="/favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
        <link href="/favicon.png" rel="apple-touch-icon-precomposed" />
        <link rel="stylesheet" type="text/css" href="./templates/magazine/css/stylesheet.css" />
        <link rel="stylesheet" type="text/css" href="http://m.laptop-cpu-fan.com/templates/magazine/css/empty.css" id="stylesheet_auto" />
                    <script src="http://m.laptop-cpu-fan.com/templates/magazine/js/jquery-1.6.1.js" type="text/javascript"></script>
            <script src="http://m.laptop-cpu-fan.com/templates/magazine/js/jquery.form.js" type="text/javascript"></script>
            <script src="http://m.laptop-cpu-fan.com/templates/magazine/js/json2.js" type="text/javascript"></script>
            <script src="http://m.laptop-cpu-fan.com/templates/magazine/js/util.js" type="text/javascript"></script>
            <script src="http://m.laptop-cpu-fan.com/templates/magazine/js/languageofjs.js" type="text/javascript"></script>
            <script src="http://m.laptop-cpu-fan.com/templates/magazine/js/jquery.soChange.js" type="text/javascript"></script>
            <script src="http://m.laptop-cpu-fan.com/templates/magazine/js/iscroll.js" type="text/javascript"></script>
            <title>laptop-cpu-fan Mobile Site</title>
                            <script type="text/javascript">
                     var _gaq = _gaq || [];
                     _gaq.push(['_setAccount', 'UA-32391641-1']);
                     _gaq.push(['_trackPageview']);
                     _gaq.push(['_trackPageLoadTime']);
                    (function() {
                     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                    })();
                </script>
                    </head>
        <body >
           <img style="display:none" src="ga_code.php" />
            <div class="warp" style="min-height:400px">
         <div style="width:100%; height:0px; z-index:5; background-image:url('http://m.laptop-cpu-fan.com/templates/magazine/images/bg_000000_40.png'); background-repeat:repeat; position:absolute; margin-top:-10px;display:none;" id="updating_cover">
</div>
<div style="width:100%; height:0px; z-index:5; background-image:url('http://m.laptop-cpu-fan.com/templates/magazine/images/bg_000000_40.png'); background-repeat:repeat; position:absolute; margin-top:-10px;display:none;" id="search_cover" onclick="change_searchbar_out()">
</div>
<div id="top"></div>
<input type="hidden" name="refer_url" id="refer_url" value="http://m.laptop-cpu-fan.com/" />
<div  style="display:none; margin-left:10px">
    <select  id="lanset" onchange="change_language();">
        <option value="English" selected>English</option>
        <option value="France"  >Français</option>

    </select>

</div>    

<div  class="topbar" id= "topbar" style="position:relative; z-index:10;">
  <div style="width:29%;float:right;">
    <div class="search_button" id="search_button" onclick = 'change_searchbar_in();' >
        
        <div style="width:15px;float:right;height:15px;" class="search_button_img"></div>
        <span>Search</span>
    </div>
    </div>
    <div id='search_bar_hidden'  style="width:70%;margin-top:0px;position:absolute;height:0px;overflow: hidden;vertical-align: middle;">
    <div class="search" >
    <div>
        <form id='searchform'action="index.php" method="get">
            <input type="hidden" value="item_search" name="page" />
            <div class="sechinp" >
                <input type="text" style="font-size:14px" id="searchkey" onkeyup="check_and_search();"  placeholder=" laptop-cpu-fan" name="query"  maxlength="256" />
            </div>
        </form>
    </div>
</div>

    </div> 
    
    <div>
    <span style="width:70%;float:left;" >        
        <a id="logo_show" href="index.php?page=home" class="logo" ></a>
    </span>
    </div>


    <div class="right" style="display: none;">
        <a href="index.php?page=cart" id="cart_count_num">Cart
                    </a>
    </div>
    <div style="clear:both;"></div>
</div>
            <div id="cookie_check"></div>
            <script type="text/javascript">
     loadOtherPage(1);
     var vertical_srocllbar = false;
     onload=function(){
            load_img();
    };
    
    function load_img(){
    
     if (document.body.clientWidth>=1000){
             image_width = 1000;
    }else{   
             image_width = document.body.clientWidth;
    }
              if(navigator.userAgent.indexOf("MSIE")>0) {$('#home_list_image_1')[0].style.display = "block";
    }  else{
                              $('#home_list_image_0')[0].style.width = image_width+"px";
                            $('#home_list_image_1')[0].style.width = image_width+"px";
                            scroller_width =  2*image_width +"px";
               $('#home_scroller')[0].style.width = scroller_width;
               $('#home_wrapper')[0].style.width = image_width+'px';
                
              li_show=1;
              loaded(image_width);
                            $('#home_list_image_0')[0].style.display = "block";
              $('#home_nav')[0].style.display = "block";
                            $('#home_list_image_1')[0].style.display = "block";
              $('#home_nav')[0].style.display = "block";
                            setInterval("scrolltonext()" ,8000);
             }
    }
    
    function loadOtherPage(pageNo) {
        $.ajax({
            url : 'mobileapi.php?method=KanCart.Items.Get&cid=&home_list=ture&page_size=4&page_no=' + pageNo,
            dataType:'html',
            type:'get',
            beforeSend: function(XMLHttpRequest) {  //ShowLoading();
    },
            success: function(html) {
               $("#home_items_list")[0].innerHTML = html;
               vertical_srocllbar = true;
    },
            complete: function(XMLHttpRequest, textStatus){
                //HideLoading();
    },
            error: function() {
                $("#home_items_list")[0].innerHTML = "<div style=\"text-align: center; height: 80px; padding-top: 25px;\">" + change_language_js[$("#lanset")[0].value]['ops'] + "<br /><a href=\"javascript: loadData();\" style=\"background: none;\">" + change_language_js[$("#lanset")[0].value]['tap_and_reload'] + "</a></div>";
    }
        });
        }

        function loaded() {var  start_position;
         myScroll = new iScroll('home_wrapper',{
         snap: true,
         momentum: false,
         hScrollbar: false,
         onScrollEnd: function () {
                        li_show = this.currPageX+1;
			document.querySelector('#indicator > li.active').className = '';
			document.querySelector('#indicator > li:nth-child(' + (li_show) + ')').className = 'active';

    }
        });

    }
        window.onorientationchange = function (){
          if (window.innerWidth>=1000){
             image_width = 1000;
    }else{
             image_width = document.body.clientWidth;
    }
                             $('#home_list_image_0')[0].style.width = image_width+"px";
                            $('#home_list_image_1')[0].style.width = image_width+"px";
                            scroller_width =  2*image_width +"px";
               $('#home_scroller')[0].style.width = scroller_width;
               $('#home_wrapper')[0].style.width = image_width+'px';}
        function scrolltonext() {
       if(li_show < 2){
        myScroll.scrollToPage('next', 0);
    }  else {
     myScroll.currPageX = 0;
     li_show = 1;
     document.querySelector('#indicator > li.active').className = '';
     document.querySelector('#indicator > li:nth-child(' + (li_show) + ')').className = 'active';
     myScroll.scrollTo(0 , 0, 100);

    }

    }


</script>


<div id="home_picture">
    <div id="home_wrapper">
        <div id="home_scroller" >
            <ul id="home_list" >
                                <li>
                    <div class="a_bigImg" id="home_list_image_0" style="display: none;">
                         <a href="index.php?page=categories&p_cid=-1&c_name=" class="imgk">
                            <img src="http://www.kancart.com/images/promotion_mgmt_default_pic.png" alt="" style="width:100%; height: auto;"  />
                        </a>
                    </div></li>
                                <li>
                    <div class="a_bigImg" id="home_list_image_1" style="display: none;">
                         <a href="index.php?page=categories&p_cid=-1&c_name=" class="imgk">
                            <img src="http://www.kancart.com/images/promotion_mgmt_default_pic2.png" alt="" style="width:100%; height: auto;"  />
                        </a>
                    </div></li>
                            </ul>
        </div>

    </div>
    <div id="home_nav" style="margin-left:auto;margin-right:auto;width:24px;margin-bottom:10px;margin-top:5px;">
        <ul  id="indicator">
                        <li class="active">1</li>
                                    <li style="margin:0 3px 0 3px">2</li>
                    </ul>
    </div>
</div>
        


<div id="home_items_list">
    <div class="page_background" ><div clas="page_background" style="height:80px; vertical-align: middle; text-align: center; padding-top:25px;">
    <div style="padding-top:10px; border:none; height: 30px; valign:middle; overflow: visible">
                                    <span style="font-weight: bold; color:#AAAAAA;">Loading...</span><br />
                        <div style="border:none; width: 100%; height: 30px; background:url('http://m.laptop-cpu-fan.com/templates/magazine/images/loader_bar.gif') center no-repeat;"></div>
            </div>
</div>
</div>
</div>
                    

<div  class="footer_menu">
    <div class="dif-line" style="width:100%;margin:2px auto 3px auto"></div>
    <table style="width: 100%;max-width: 400px">
        <tr>
            <td width="10%"><div><img style="width:100%;" src="http://m.laptop-cpu-fan.com/templates/magazine/images/foot_size.png"/></div></td>
            <td width="20%"><a href="index.php?page=home" style="width:100%;height:100%;display:inline-block"><div style="width:100%;height:100%;" class="home_button_img"><img style="width:50%;" src="http://m.laptop-cpu-fan.com/templates/magazine/images/foot_size.png"/></div></a></td>
            <td width="20%"><a href="index.php?page=categories"  style="width:100%;height:100%;display:inline-block"><div style="width:100%;height:100%;" class="cate_button_img"><img style="width:50%;" src="http://m.laptop-cpu-fan.com/templates/magazine/images/foot_size.png"/></div></a></td>
            <td width="20%"><a href="index.php?page=cart" style="width:100%;height:100%;display:inline-block"><div style="width:100%;height:100%;" class="cart_button_img"><img style="width:50%;" src="http://m.laptop-cpu-fan.com/templates/magazine/images/foot_size.png"/></div></a></td>
            <td width="20%"><a href="index.php?page=account"  style="width:100%;height:100%;display:inline-block"><div style="width:100%;height:100%;" class="account_button_img"><img style="width:50%;" src="http://m.laptop-cpu-fan.com/templates/magazine/images/foot_size.png"/></div></a></td>
            <td width="10%"></td>
        </tr>
    </table>


    <div class="dif-line" style="width:100%;margin:6px auto 2px auto"></div>
</div>




<div class="footer">
    <p id="foot">
                Already a laptop-cpu-fan member? <a href="index.php?page=login">Sign in</a>
            </p>

    <p style="margin-top:-5px">
        <a href="index.php?page=about">About </a>
        <span style="margin: 0xp; margin-left: 5px; margin-right: 5px; color: #999;">|</span>
        <a href="http://www.laptop-cpu-fan.com/?view_full_site">Full Site</a>
                <span style="margin: 0xp; margin-left: 5px; margin-right: 5px; color: #999;">|</span>
        <select id="currency_selector" onchange="javascript: changeCurrency()">
            <option value="USD" selected="selected" >USD</option>
            <option value="CNY"  >CNY</option>
            <option value="EUR"  >EUR</option>
            <option value="GBP"  >GBP</option>
            <option value="CAD"  >CAD</option>
            <option value="AUD"  >AUD</option>
                    </select>
            </p> 

    <p class="copyright" >&copy; 2013 laptop-cpu-fan All rights
        reserved.</p>

   
</div>
            </div>
        </body>
        <script type="text/javascript">
            if (!navigator.cookieEnabled) {
            $("#cookie_check")[0].innerHTML = '<div style="margin: 3px 10px 3px; background-color:#ffb1b1; border:1px solid red; font-size: 14px; padding:15px">Your browser does not support cookies, or cookies have been disabled.<br> To continue shopping online, we encourage you to enable cookies on your browser.</div>';
            }
        </script>
    </html>