var rrHorizontalCommon = function(idx, rec, pclass) {
    if (pclass == undefined) {
        pclass = "product";
    }
    var $divLocation = document.getElementById("rr_placement_" + idx);
    var $recContent = '<div class="rr-box-1"><div class="hortop"><span class="topl"></span><span class="topr"></span></div><div class="verfr"><div class="verfrl">';
    $recContent += '<div class="' + pclass + '"><h5>' + rec.strategy + '<span></span></h5>';
    for (var i = 0; i < rec.items.length; i++) {
        $recContent += rrGetFormattedItemCommon((i == 0), rec.items[i]);
    }
    $recContent += '</div>';
    $recContent += '</div>';
    $recContent += '</div>';
    $recContent += '<div class="horbot"><span class="botl"></span><span class="botr"></span></div>';
    $recContent += '</div>';
    $divLocation.innerHTML = $recContent;
};
var rrFrontPage = function(idx, rec) {
    var $divLocation = document.getElementById("rr_placement_" + idx);
    var $recContent = '<div class="rr-box-1">';
    $recContent += '<div class="hortop"><span class="topl"></span><span class="topr"></span></div><div class="verfr"><div class="verfrl">';
    $recContent += '<h5>' + rec.strategy + '<span></span></h5>';
    for (var i = 0; i < rec.items.length; i++) {
        $recContent += rrGetFormattedItemCommon(false, rec.items[i]);
    }
    $recContent += '</div>';
    $recContent += '</div>';
    $recContent += '<div class="horbot"><span class="botl"></span><span class="botr"></span></div>';
    $recContent += '</div>';
    $divLocation.innerHTML = $recContent;
};
var rrLandingPage = function(idx, rec) {
    var pt = rec.placementType;
    var p = idx;
    for (var i = 0; i < rr_placement_place_holders.length; i++) {
        if (rr_placement_place_holders[i] === pt) {
            p = i;
        }
    }
    if (pt === 'home_page.landing_0') {
        //rrVerticalWide(p, rec);
		rrHorizontalCommon(p, rec);
    } else {
        rrVerticalSkinnyNoImage(p, rec);
    }
};
var rrVerticalWide = function(idx, rec) {
    var $divLocation = document.getElementById("rr_placement_" + idx);
    if ($divLocation.length == 0) {
        return;
    }
    var $recContent = '<div class="rr-layout-2"><div class="hortop"><span class="topl"></span><span class="topr"></span></div><div class="verfr"><div class="verfrl">';
    $recContent += '<h5>' + rec.strategy + '<span></span></h5>';
    for (var i = 0; i < rec.items.length; i++) {
        $recContent += rrGetFormattedItemVerticalWide((i == 0), rec.items[i]);
    }
    $recContent += '</div>';
    $recContent += '</div><div class="horbot"><span class="botl"></span><span class="botr"></span></div>';
    $recContent += '</div>';
    $divLocation.innerHTML = $recContent;
};
var rrVerticalSkinnyNoImage = function(idx, rec) {
    var $divLocation = document.getElementById("rr_placement_" + idx);
    if ($divLocation == null) {
        return;
    }
    var $recContent = '<div class="rr-box-3"><h5>' + rec.strategy + '</h5><ol>';
    for (var i = 0; i < rec.items.length; i++) {
        $recContent += rrGetFormattedItemVerticalNoImage(rec.items[i]);
    }
    $recContent += '</ol></div>';
    $divLocation.innerHTML = $recContent;
};
var rrGetFormattedItemVerticalNoImage = function(itemData) {
    var $itemContent = '<li><a href="' + itemData.url + '%3Futm_source%3Drr">' + itemData.name + '</a><span> by ' + itemData.brand + '</span>';
    $itemContent += '<p><span class="price">Price:</span>' + rrGetFormattedPrice(itemData.pricecents, itemData.salepricecents) + '</p></li>';
    return $itemContent;
};
var rrGetFormattedItemVerticalWide = function(first, itemData) {
    var $itemContent = (first) ? '<div class="block first">': '<div class="block">';
    var $image = '<div class="image"><a href="' + itemData.url + '%3Futm_source%3Drr"><img height="65" width="65" src="' + itemData.image + '" alt="' + itemData.name + '" /></a><a href="http://www.shoplet.com/office/cgi-bin/search8.php?mode=vendor&key=' + itemData.brand + '%7C">' + itemData.brand + '</a></div>';
    var $price = '<div class="price">as low as<br/><span>' + rrGetFormattedPrice(itemData.pricecents, itemData.salepricecents) + '</span></div>';
    var $more = '<div class="more"><a href="' + itemData.url + '%3Futm_source%3Drr"><img src="http://www.shoplet.com/images/navigation/but_moreinfo_sm.gif" /></a></div>';
    var $desc = '<div class="desc"><a class="title" href="' + itemData.url+ '%3Futm_source%3Drr">' + itemData.name + '</a></div>';
    var $footer = '</div>';
    $itemContent += $image;
    $itemContent += $price;
    $itemContent += $more;
    $itemContent += $desc;
    $itemContent += $footer;
    return $itemContent;
};
var rrSearch = function(idx, rec) {
    if (idx == 0) {
        rrVerticalSkinnyImage(idx, rec);
    } else {
        rrHorizontalCommon(idx, rec, "search");
    }
};
var rrVerticalSkinnyImage = function(idx, rec) {
    var $divLocation = document.getElementById("rr_placement_" + idx);
    var $recContent = '<div class="rr-layout-4"><div class="hortop"><span class="topl"></span><span class="topr"></span></div><div class="verfr"><div class="verfrl">';
    $recContent += '<h5>' + rec.strategy + '<span></span></h5>';
    for (var i = 0; i < rec.items.length; i++) {
        $recContent += rrGetFormattedItemVerticalImage((i == 0), rec.items[i]);
    }
    $recContent += '</div>';
    $recContent += '</div><div class="horbot"><span class="botl"></span><span class="botr"></span></div>';
    $recContent += '</div>';
    $divLocation.innerHTML = $recContent;
};
var rrGetFormattedItemVerticalImage = function(first, itemData) {
    var $itemContent = (first) ? '<div class="block first">': '<div class="block">';
    $itemContent += '<div class="image"><a href="' + itemData.url + '%3Futm_source%3Drr"><img height="50" width="50" src="' + itemData.image + '" alt="' + itemData.name + '"/ ></a></div>';
    $itemContent += '<div class="desc"><a class="title" href="' + itemData.url + '%3Futm_source%3Drr">' + itemData.name + '</a>';
    $itemContent += '<span class="price">' + rrGetFormattedPrice(itemData.pricecents, itemData.salepricecents) + '</span></div></div>';
    return $itemContent;
};
var rrShoppingCart = function(idx, rec) {
    if (idx == 0) {
        rrHorizontalCartTop(idx, rec);
    } else {
        rrHorizontalCommon(idx, rec, "product");
    }
};
var rrHorizontalCartTop = function(idx, rec) {
    var $divLocation = document.getElementById("rr_placement_" + idx);
    var $recContent = '<div class="rr-box-1"><div class="hortop"><span class="topl"></span><span class="topr"></span></div><div class="verfr"><div class="verfrl"><div class="cart">';
    $recContent += '<div class="cartheader">' + rec.strategy + '<span></span></div>';
    for (var i = 0; i < rec.items.length; i++) {
        $recContent += rrGetFormattedItemHorizontalCart((i == 0), rec.items[i]);
    }
    $recContent += '</div>';
    $recContent += '</div>';
    $recContent += '</div><div class="horbot"><span class="botl"></span><span class="botr"></span></div>';
    $recContent += '</div>';
    $divLocation.innerHTML = $recContent;
};
var rrGetFormattedItemHorizontalCart = function(first, itemData) {
    var $itemContent = (first) ? '<div class="block first">': '<div class="block">';
    $itemContent += '<div class="image"><a href="http://www.shoplet.com/office/cgi-bin/search8.php?mode=vendor&key=' + itemData.brand + '%7C">' + itemData.brand + '</a>';
    $itemContent += '<a href="' + itemData.url + '%3Futm_source%3Drr"><img src="' + itemData.image + '" alt="' + itemData.name + '" /></a></div>';
    $itemContent += '<a href="' + itemData.url + '%3Futm_source%3Drr" class="title">' + itemData.name + '</a>';
    $itemContent += '<p class="price">' + rrGetFormattedPrice(itemData.pricecents, itemData.salepricecents) + '</p>';
    $itemContent += '</div>';
    return $itemContent;
};
var rrGetFormattedItemCommon = function(first, itemData) {
    var $itemContent = (first) ? '<div class="block first"><div>': '<div class="block"><div>';
    var $brand = '<a href="http://www.shoplet.com/office/cgi-bin/search8.php?mode=vendor&key=' + itemData.brand + '%7C">' + itemData.brand + '</a>';
    var $prodName = '<a href="' + itemData.url + '%3Futm_source%3Drr" class="title" title="' + itemData.name + '">' + itemData.name + '</a>';
    var $image = '<a href="' + itemData.url + '%3Futm_source%3Drr" title="' + itemData.name + '"><img src="' + itemData.image + '" alt="' + itemData.name + '"></a>';
    var $details = '<p class="desc">Item #' + itemData.itemId + '</p>';
    var $footer = '</div></div>';
    var $price = '<p class="price">' + rrGetFormattedPrice(itemData.pricecents, itemData.salepricecents);
    $itemContent += $brand;
    $itemContent += $image;
    $itemContent += $price;
    $itemContent += $prodName;
    $itemContent += $details;
    $itemContent += $footer;
    return $itemContent;
};
var rrGetFormattedPrice = function(msrp, sale) {
    var $p = '$';
    var price = 0;
    if (sale && sale.length > 0) {
        price = sale;
    } else {
        price = msrp;
    }
    var p1 = price / 100;
    p1.toFixed(2);
    $p += p1 + '</p>';
    return $p;
    //$p+=price.substr(0,price.length-2);$p+='.';$p+=price.substr(-2,2);$p+='</p>';return $p;
};