// Define namespace object
YAHOO.namespace("CGC");

YAHOO.CGC.merchantAdCarouselFormatter = function(objArray) {
    var imgSrc = "defaultMerchantLogo.jpg";
    var adId = 0;
    var adWidth = "118";
    var adHeight = "74";
    var adImageBaseDir = "http://images.colorfulimages.com/cgc/images/us/local/advertisements/source/";
    var adImageModifiers = "?fit=" + adWidth + "w" + adHeight + "h";
    if (objArray.length > 0) {
        imgSrc = objArray[0].AdImageFileName;
        adId = objArray[0].AdvertisementId;
    }
    var imgTagHtml = "<img src=\"";
    imgTagHtml += (adImageBaseDir + imgSrc + adImageModifiers + "\"");
    imgTagHtml += (" height=\"" + adHeight + "\"");
    imgTagHtml += (" width=\"" + adWidth + "\"");
    imgTagHtml += (" onClick=\"navigateFromAd(" + adId + ")\" />");
//    var imgTag = $("<img>");
//    imgTag.attr('src', adImageBaseDir + imgSrc + adImageModifiers);
//    imgTag.attr('width', adWidth);
//    imgTag.attr('height', adHeight);
//    imgTag.attr('onClick', "navigateFromAd(" + adId + ")");
//    var imgTagHtml = imgTag.html();
    return imgTagHtml;
};

YAHOO.CGC.merchantAd5ItemCarouselFormatter = function(objArray) {
    var imgSrc = "defaultMerchantLogo.jpg";
    var adId = 0;
    var adWidth = "102";
    var adHeight = "64";
    var adImageBaseDir = "http://images.colorfulimages.com/cgc/images/us/local/advertisements/source/";
    var adImageModifiers = "?fit=" + adWidth + "w" + adHeight + "h";
    if (objArray.length > 0) {
        imgSrc = objArray[0].AdImageFileName;
        adId = objArray[0].AdvertisementId;
    }
    var imgTagHtml = "<img src=\"";
    imgTagHtml += (adImageBaseDir + imgSrc + adImageModifiers + "\"");
    imgTagHtml += (" height=\"" + adHeight + "\"");
    imgTagHtml += (" width=\"" + adWidth + "\"");
    imgTagHtml += (" onClick=\"navigateFromAd(" + adId + ")\" />");
    return imgTagHtml;
};

YAHOO.CGC.merchantSelectionCarouselFormatter = function(objArray) {
    var defaultLogoImgSrc = "http://images.colorfulimages.com/cgc/images/us/local/merchantlogos/source/defaultMerchantLogo.jpg?fit=124w124h";
    var objectsPerItem = 12;
    var rowLength = 4;
    var objectCount = objArray.length;
    var objectCounter = 0;
    var itemElement = "<table><tr>";
    // Iterate through number of ojects per item
    for (var i = 0; i < objectsPerItem; ++i) {
        if (i < objectCount) {
            var currentObj = objArray[objectCounter++];
            itemElement += "<td class=\"cgc-giftcard-cell\"><div class=\"cgc-giftcard-div\">";
            itemElement += "<a href=\"../GiftCards/" + currentObj.CategoryLabel + "/" + currentObj.MerchantUrlLabel + "\"> ";
            itemElement += "<img style=\"cursor:pointer\" src=\"http://images.colorfulimages.com/cgc/images/us/local/merchantlogos/source/";
            itemElement += currentObj.LogoImageFileName + "?fit=124w124h\" ";
            itemElement += "alt=\"" + currentObj.LogoImageAltText + "\" /></a><div></td>";
        } else {
            itemElement += "<td class=\"cgc-giftcard-cell\"><div class=\"cgc-giftcard-div\"><img src=\"" + defaultLogoImgSrc + "\" /><div></td>";
        }
        if (((i+1) % rowLength) == 0)
         { itemElement +=  "</tr>"; }
    }
    itemElement += "</table>";
    return itemElement;
};

YAHOO.CGC.greetingCardSelectionCarouselFormatter = function(objArray) {
    var rowLength = 3;
    var objectsPerItem = 6;
    var objectCount = objArray.length;
    var objectCounter = 0;
    var itemElement = "<table align=\"left\" width=\"565px\"><tr>";
    // Iterate through number of ojects per item
    for (var i = 0; i < objectsPerItem; ++i) {
        if (i < objectCount) {
            var currentObj = objArray[objectCounter++];
            itemElement += "<td class=\"cgc-greetingcard-cell\" style=\"width:165px\"><b>" + currentObj.ShortWebLabel + "</b><br/>";
            itemElement += "<b>$" + currentObj.Price + "</b><br/>";
            itemElement += "<div class=\"cgc-greetingcard-div\" style=\"width:165px\">";
            itemElement += "<a href=\"../GreetingCards/PersonalizeGreetingCard/" + currentObj.ProductUrlLabel + "\">";
            itemElement += "<img  src=\"http://images.colorfulimages.com/cgc/images/us/local/greetingcards/source/";
            itemElement += currentObj.ImageFileName + "?fit=165w165h\" ";
            itemElement += "alt=\"" + currentObj.ImageAltText + "\" title=\"" + currentObj.ImageAltText + "\"/>";
            itemElement += "</a>";
            //            itemElement += " onclick=\"javascript:window.location='../GreetingCards.mvc/" + currentObj.CategoryName + "/" + currentObj.ProductUrlLabel +"'\"";
            //            itemElement += " style=\"background:url(http://images.colorfulimages.com/cgc/images/us/local/greetingcards/source/" + currentObj.ImageFileName + "?fit=165w165h) no-repeat center;\">";
            itemElement += "</div></td>";
        } else {
            itemElement += "<td><div class=\"cgc-greetingcard-div\"></div></td>";
        }
        if (((i + 1) % rowLength) == 0)
        { itemElement += "</tr><tr>"; }
    }
    itemElement += "</tr></table>";
    return itemElement;
};

YAHOO.CGC.giftCardDesignCarouselFormatter = function(objArray) {
    var currentObj = objArray[0];
    // Coupling to a global variable to kick off initial display
    if (isFirstCardDesign) {
        YAHOO.MerchantDetailPage.App.UpdateDisplay("" + currentObj.ProductSku + "");
        isFirstCardDesign = false;
    }
    var itemElement = "<div class=\"cgc-giftcarddesign\"><img src=\"http://images.colorfulimages.com/cgc/images/us/local/giftcards/source/";
    itemElement += currentObj.ImageFileName + "?fit=125w125h\"";
    itemElement += " alt=\"" + currentObj.ImageAltText + "\"";
    itemElement += " onclick=\"YAHOO.MerchantDetailPage.App.UpdateDisplay('" + currentObj.ProductSku + "')\""
    itemElement += " /></div>";

    return itemElement;
}