﻿function RenderLandingArea(landA) {
    var retval = "<div id='left-image' style='float: left; border: 0; margin: 0; padding: 0;'>";

    retval += landA[0].GetHtml(true);

    retval += "</div>";

    retval += "<div id='right-image' style='float: right; border: 0; margin: 0; padding: 0;'>";

    retval += landA[1].GetHtml(false);

    if (landA.length > 2) retval += landA[2].GetHtml(false);
    if (landA.length > 3) retval += landA[3].GetHtml(false);

    retval += "</div>";

    return retval;
}


function LandingArea(imageUrl, imageAlt, pageUrl) {
    this.GetHtml = function(isMain) {
        var retval = "<a href='ProductList.aspx?[pageUrl]'><img src='[imageUrl]' alt='[imageAlt]' /></a>";
        if (isMain) retval += "<a href='ProductList.aspx?[pageUrl]' class='view-all-button'>view all</a>".replace("[pageUrl]", pageUrl);

        retval = retval.replace("[pageUrl]", pageUrl);
        retval = retval.replace("[imageUrl]", imageUrl);
        retval = retval.replace("[imageAlt]", imageAlt);

        return retval;
    }
}

var womens_umbrellas = new Array(new LandingArea("App_Images/womens_landing_womens_umbrella.jpg",
                                        "Womens umbrellas",
                                        "audience=Women&ProductTypeName=Umbrellas"
                                      ),
                                    new LandingArea("App_Images/womens_landing_rihana_umbrella.jpg",
                                        "Rihanna umbrella",
                                        "audience=Women&brand=Rihanna&ProductTypeName=Umbrellas"
                                      ),
                                    new LandingArea("App_Images/womens_landing_walking_length_umbrella.jpg",
                                        "Walking length umbrella",
                                        "audience=Women&UmbrellaType=walking&ProductTypeName=Umbrellas"
                                      ),
                                    new LandingArea("App_Images/womens_landing_simply_charming_umbrella.jpg",
                                        "Simply charming umbrella",
                                        "audience=Women&tag=simply charming&ProductTypeName=Umbrellas"
                                      )
                                  );

var mens_umbrellas = new Array(new LandingArea("App_Images/mens_landing_mens_umbrellas.jpg",
                                                "Men's umbrellas",
                                                "audience=Men&ProductTypeName=Umbrellas"
                                                ),
                                    new LandingArea("App_Images/mens_landing_senz_umbrellas.jpg",
                                    "SENZ umbrellas",
                                    "audience=Men&brand=SENZ&ProductTypeName=Umbrellas"
                                    ),
                                    new LandingArea("App_Images/mens_landing_cased_ultra-miniflat_umbrellas.jpg",
                                    "Cased ultra-miniflat umbrellas",
                                    "skus=8047blk"
                                    ),
                                    new LandingArea("App_Images/mens_landing_mini_sport_umbrellas.jpg",
                                    "Mini sport umbrellas",
                                    "skus=7016blk"
                                    )
                                 );

var kids_umbrellas = new Array(new LandingArea("App_Images/totes_landing2_kids_umbrella_high_school_musical.jpg",
                                                "Kids umbrellas - High School Musical",
                                                "audience=Kids&ProductTypeName=Umbrellas"
                                                ),
                                    new LandingArea("App_Images/totes_landing2_kids_pvc_dome_umbrella.jpg",
                                                "Kids PVC Domes umbrellas",
                                                "audience=Kids&name=PVC&ProductTypeName=Umbrellas"
                                                )
);
var gift_umbrellas = new Array(new LandingArea("App_Images/totes_landing_gift_umbrellas.jpg",
                                                "Gift umbrellas",
                                                "name=gift&ProductTypeName=Umbrellas"
                                                ),
                                                new LandingArea("App_Images/totes_landing_umbrella_sets.jpg",
                                                "Metallic umbrella sets",
                                                "name=Metallic&ProductTypeName=Umbrellas"
                                                ),
                                                new LandingArea("App_Images/totes_landing_born_to_shop_umbrella_sets.jpg",
                                                "Born to shop umbrella gift sets",
                                                "name=born+to+shop&ProductTypeName=Umbrellas"
                                                ),
                                                new LandingArea("App_Images/totes_landing_umbrella_torch.jpg",
                                                "Torch umbrellas",
                                                "name=torch&ProductTypeName=Umbrellas"
                                                )
                                 );

var womens_toasties = new Array(new LandingArea("App_Images/womens_landing_slipper_sox.jpg",
                                                "Women's slipper sox",
                                                "audience=Women&ProductTypeName=Toasties+Slipper-Sox"
                                                ),
                                                new LandingArea("App_Images/womens_disney_slipper_sox.jpg",
                                                "Women's Disney slipper-sox",
                                                "audience=Women&Brand=Disney&ProductTypeName=Toasties+Slipper-Sox"
                                                ),
                                                new LandingArea("App_Images/womens_landing_orig_totes_toasties_slipper_sox2.jpg",
                                                "Original totes toasties slipper-sox",
                                                "audience=women&ProductTypeName=Toasties+Slipper-Sox&name=original"
                                                ),
                                                new LandingArea("App_Images/womens_landing_bedsox.jpg",
                                                "Women's bedsox",
                                                "audience=women&ProductTypeName=Toasties+Slipper-Sox&name=bed-sox"
                                                )
                                   );

var mens_toasties = new Array(new LandingArea("App_Images/men_landing_slipper_sox.jpg",
                                                "Men's slipper-sox",
                                                "audience=Men&ProductTypeName=Toasties+Slipper-Sox"
                                                ),
                                                new LandingArea("App_Images/men_landing_rugby_stripe_slipper_sox.jpg",
                                                "Rugby stripe slipper-sox",
                                                "audience=Men&ProductTypeName=Toasties+Slipper-Sox&tag=rugby stripe socks"
                                                ),
                                                new LandingArea("App_Images/men_landing_orig_totes_toaties_slipper2.jpg",
                                                "Original totes toasties slipper-sox",
                                                "audience=Men&ProductTypeName=Toasties+Slipper-Sox&name=original"
                                                ),
                                                new LandingArea("App_Images/men_landing_natural_slipper_sox.jpg",
                                                "Natural slipper-sox",
                                                "audience=Men&ProductTypeName=Toasties+Slipper-Sox&tag=natural slippersox"
                                                )
                                                );

var kids_toasties = new Array(new LandingArea("App_Images/kids_landing_kids_slipper_sox.jpg",
                                                "Kids slipper-sox",
                                                "audience=Kids&ProductTypeName=Toasties+Slipper-Sox"
                                                ),
                                                new LandingArea("App_Images/kids_landing_disney_princess_fairies.jpg",
                                                "Girl's Disney princess and fairies sox",
                                                "audience=Kids&SearchKeyword=Princess Fairy&ProductTypeName=Toasties+Slipper-SoX"
                                                ),
                                                new LandingArea("App_Images/kids_landing_girls_twin_pack.jpg",
                                                "Girl's twin pack sox",
                                                "SearchKeyword=twin pack&name=girls&ProductTypeName=Toasties+Slipper-Sox"
                                                ),
                                                new LandingArea("App_Images/kids_landing_boys_twin_pack.jpg",
                                                "Boy's twin pack sox",
                                                "SearchKeyword=twin pack&name=boys&ProductTypeName=Toasties+Slipper-Sox"
                                                )
                                                );

var womens_slippers = new Array(new LandingArea("App_Images/womens_landing_womens_slippers2.jpg",
                                                "Womens slippers",
                                                "audience=Women&Brand=Isotoner&ProductTypeName=slippers"
                                                ),
                                                new LandingArea("App_Images/womens_landing_slippers_velour_ballet2.jpg",
                                                "Velour embroidered ballet slippers",
                                                "ProductTypeName=slippers&audience=women&brand=totes"
                                                ),
                                                new LandingArea("App_Images/womens_landing_slippers_gift2.jpg",
                                                "Star embroidered mule slippers",
                                                "ProductTypeName=slippers&audience=women&IsGift=1"
                                                ),
                                                new LandingArea("App_Images/womens_landing_womens_slippers_all2.jpg",
                                                "Winnie the Pooh stretch ballet slippers",
                                                "ProductTypeName=slippers&audience=women"
                                                )
                                                );

var mens_slippers = new Array(new LandingArea("App_Images/mens_landing_slippers.jpg",
                                                "Mens slippers",
                                                "audience=men&ProductTypeName=slippers"
                                                ),
                                                new LandingArea("App_Images/mens_landing_isotoner_pillowstep2.jpg",
                                                "Suedette moccasin slippers",
                                                "ProductTypeName=slippers&audience=men&brand=isotoner"
                                                ),
                                                new LandingArea("App_Images/mens_landing_terry_mule_slippers.jpg",
                                                "Pillowstep terry mule slippers",
                                                "ProductTypeName=slippers&audience=men&tag=terry mule"
                                                ),
                                                new LandingArea("App_Images/mens_landing_luxury_suede_moccasin.jpg",
                                                "Luxury suede moccasin slippers",
                                                "ProductTypeName=slippers&audience=men&name=suede"
                                                )
                                                );

var kids_slippers = new Array(new LandingArea("App_Images/kids_landing_totes_slippers2.jpg",
                                                "Kids slippers",
                                                "audience=kids&ProductTypeName=slippers"
                                                ),
                                                new LandingArea("App_Images/kids_landing_high_school.jpg",
                                                "Kid's high school musical range",
                                                "audience=kids&tag=High+school+musical"
                                                )
                                                );

var womens_sandals = new Array(new LandingArea("App_Images/womens_landing_flip_flop2.jpg",
                                                "Womens flip flops",
                                                "audience=women&ProductTypeName=Flip+Flops"
                                                ),
                                                new LandingArea("App_Images/womens_landing_multi_jewel_flip_flop2.jpg",
                                                "Multi-jewel flip flop",
                                                "audience=women&ProductTypeName=Flip+Flops&name=jewel"
                                                ),
                                                new LandingArea("App_Images/womens_landing_diamonte_stars_flip_flop2.jpg",
                                                "Star print with diamonte stars trim sandals",
                                                "audience=women&ProductTypeName=Flip+Flops&name=star"
                                                ),
                                                new LandingArea("App_Images/womens_landing_bead_sandal2.jpg",
                                                "Cross toe sandal with bead detail&ct=9|1",
                                                "audience=women&ProductTypeName=Flip+Flops&name=bead"
                                                )
                                                );

var mens_sandals = new Array(new LandingArea("App_Images/mens_landing_rubber_flip_flop2.jpg",
                                                "Mens flip flops",
                                                "audience=men&ProductTypeName=Flip+Flops"
                                                ),
                                                new LandingArea("App_Images/mens_landing_cork_flip_flop2.jpg",
                                                "Cork flip flop",
                                                "audience=men&ProductTypeName=Flip+Flops&name=cork"
                                                ),
                                                new LandingArea("App_Images/mens_landing_leather_sandal2.jpg",
                                                "Leather sandal",
                                                "audience=men&ProductTypeName=Flip+Flops&name=leather"
                                                ),
                                                new LandingArea("App_Images/mens_landing_canvas_sandal2.jpg",
                                                "Canvas and leather cross front sandal",
                                                "name=cross+front"
                                                )
                                                );

var womens_gloves = new Array(new LandingArea("App_Images/womens_landing_glove_hats_scarves.jpg",
                                                "Womens, gloves, hats and scarves",
                                                "audience=women&ProductTypeName=Gloves+%26+Scarves+%26+Hats"
                                                ),
                                                new LandingArea("App_Images/womens_landing_suede_metalic_glove2.jpg",
                                                "Womens suede with metallic trim gloves",
                                                "audience=women&ProductTypeName=Gloves+%26+Scarves+%26+Hats&name=metallic"
                                                ),
                                                new LandingArea("App_Images/womens_landing_totes_stretch_glove2.jpg",
                                                "Totes toasties stretch gloves",
                                                "audience=women&name=stretch&ProductTypeName=Gloves+%26+Scarves+%26+Hats&brand=totes"
                                                ),
                                                new LandingArea("App_Images/womens_landing_smooth_leather_glove2.jpg",
                                                "Boxed smooth leather gloves",
                                                "audience=women&ProductTypeName=Gloves+%26+Scarves+%26+Hats&name=boxed+smooth"
                                                )
                                                );

var mens_gloves = new Array(new LandingArea("App_Images/men_landing_gloves_hats_scarves.jpg",
                                            "Men's gloves, hats and scarves",
                                            "audience=men&ProductTypeName=Gloves+%26+Scarves+%26+Hats"
                                            ),
                                            new LandingArea("App_Images/men_landing_glove_suede_cuff2.jpg",
                                            "Suede with knitted cuff gloves",
                                            "audience=men&ProductTypeName=Gloves+%26+Scarves+%26+Hats&name=suede glove with knitted cuff"
                                            ),
                                            new LandingArea("App_Images/men_landing_totes_stretch_glove.jpg",
                                            "Totes toasties stretch gloves",
                                            "audience=men&ProductTypeName=Gloves+%26+Scarves+%26+Hats&name=stretch"
                                            ),
                                            new LandingArea("App_Images/men_landing_totes_glove_peccary2.jpg",
                                            "Peccary leather gloves",
                                            "name=peccary"
                                            )
                                            );


                                                

                                                                                                                 