jQuery.noConflict();
(function($) {
    $(function() {
        /**
         * 検索実行
         */
        function recommends(shopId) {
            var params = { shop : shopId };
            var uri = "http://" + location.hostname + "/api/bike/recommend.json?"
                    + httpBuildQuery(params);
            $.getJSON(uri, function(results) {
                if (!results) {
                    return;
                }
                showList(results);
            });
        };
        
        /**
         * 検索結果を表示する
         */
        function showList(results) {
            var bikes = results.bikes;
            var rows = [];
            for (i = 0; i < bikes.length; i++) {
                rows.push(formatBike(bikes[i]));
            }
            $("#recommend_bike_box .productList").html(rows.join(''));
        }
        
        /**
         * 検索結果行をhtmlフォーマットして返却する
         */
        function formatBike(bike) {
            var weeklyicon = seiyakuicon = '';
            if (bike.isWeeklyArrival) weeklyicon = '<p class="week"><img src="/common/images/img_week.gif" alt="New!!" /></p>';
			if (bike.SeiyakuDate) seiyakuicon = '<img src="/campaign/images/btn_soldout-trans.png" alt="Sold Out" style="left:10px;position:absolute;top:30px;" />';
            var row = [
                       ['<li>', weeklyicon].join(''),
                       ['<p><a href="/bikedetail/', bike.ZaikoTenpoCode , '/' , bike.ShoukaiNo, '">', seiyakuicon, '<img src="' , bike.ImageFileName1 , '?is=216,162" alt="' , bike.ShashuMei , '" width="216" /></a></p>'].join(''),
                       ['<div>'].join(''),
                       ['<h4>', bike.Maker, '<br />'].join(''),
                       ['<strong>'  , bike.ShashuMei , '</strong></h4>'].join(''),
                       ['<ul>'].join(''),
                       ['<li>'].join(''),
                       ['<p class="displace">排気量</p>'].join(''),
                       ['<p>', formatPrice(bike.Haikiryou) , 'cc</p>'].join(''),
                       ['</li>'].join(''),
                       ['<li class="right">'].join(''),
                       ['<p class="distance">距離</p>'].join(''),
                       ['<p>', formatPrice(bike.Kyori) , bike.KyoriTanni , '</p>'].join(''),
                       ['</li>'].join(''),
                       ['</ul>'].join(''),
                       ['<div class="price">'].join(''),
                       ['<p><img src="/common/images/img_price.gif" alt="車輌本体価格" /></p>'].join(''),
                       ['<p class="priceText">', showPrice(bike.Urine) , '</p>'].join(''),
                       ['</div>'].join(''),
                       ['<p class="detail"><a href="/bikedetail/', bike.ZaikoTenpoCode , '/' , bike.ShoukaiNo, '"><img src="/common/images/btn_link_detail.gif" alt="詳細はこちら" class="imgover" /></a>'].join(''),
                       ['</div>'].join(''),
                       ['</li>'].join(''),
            ].join('');
            return row;
        }
        // load recommends
        $('#recommend_bike_box')
            .each(function() {
                recommends($.trim($(this).attr('shop')));
            });
    });
})(jQuery);