brand.view.home = {
    init: function() {  
        brand.view.heightHandler.pagetype = "home"; 
        
        // hack: force main flash to wait for color strip to load 
        if (generic.env.isFF) { 
            brand.view.home.embedSplash.delay(3);
        } else {
            brand.view.home.embedSplash();
        }
        
    },
    embedSplash: function() {  
        var params = { 
            wmode: "opaque", 
            flashvars: {
              "assetDomain" : "/flash/home_page/assets/",
              "assetsDomain" : "/flash/home_page/assets/",
              "conf_uri" : "/flash/home_page/xml/config.xml"
            }
        };
        
        var attr = {
            id : "main_bkg",
            name: "main_bkg",
            data: "/flash/HomepageSlideshow.swf",
            bgcolor: "#000" 
        };  
      
        generic.flash.embed(attr, params, "main_bkg_div"); 
    }
};  

brand.view.collectionBrowser = {
    init: function() {  
        //Looks Collection
        brand.view.collectionBrowser.embedLooksSwf(); 
        
        //What's New Collections
        brand.view.collectionBrowser.embedWhatsNewSwf();
        
        brand.view.collectionBrowser.embedLooksSlideshow();
    }, 
    embedLooksSwf: function() { 
         if (!$("looks_flash")) return;
         
         var params = { 
                bgcolor: "#000000",
        flashvars: {
                   conf_uri: "/flash/looks/xml/" + $("flash_placeholder").getAttribute("conf_uri") + ".xml",
                   json_cat_id: $("flash_placeholder").getAttribute("json_cat_id")
            } 
        };
    
        var attr = {
            id: "looksBrowser",
            name: "looksBrowser",
            data: "/flash/_looks_browser/looksBrowser.swf",
            width: 460,
            height: 370 
        };
    
            generic.flash.embed(attr, params, "flash_placeholder");
    }, 
    embedLooksSlideshow: function() {  
      //console.log("brand.view.collectionBrowser.embedLooksSlideShow: "+page_data.catalog.mpp.media.looks);  
             var looksContainer = $("collection_looks");
       if (!looksContainer || !page_data.catalog.mpp.media.looks) return;   
         
            var slideshow = new generic.slideshow({ 
               loop: true,
               looks: page_data.catalog.mpp.media.looks,
               slide: $("slideshow_slide"), 
               header: $("slideshow_header"),
               link: $("slideshow_link"),
               nav: { left: $("slideshow_prev"), right: $("slideshow_next")} 
            });
            
            looksContainer.removeClassName("hidden"); 
    },
    
    embedWhatsNewSwf: function() {
        //check for flash_p for cases when img instead of swf, e.g. mineralize
        if (!$("collection_flash")&&!$("flash_placeholder")) return; 
              if (!page_data.catalog.flash_display_order) return;
              
        var params = {  
            bgcolor: "#000000",
            flashvars: {
                conf_uri: "/flash/collection_browser_example/xml/config.xml",
                json_cat_id: $("flash_placeholder").getAttribute("json_cat_id"),
                display_order: page_data.catalog.flash_display_order.join(",") 
            }
        };
    
        var attr = {
            id: "collectionBrowser",
            name: "collectionBrowser",
            data: "/flash/_collection_browser/collectionBrowser.swf",
            width: 475,
            height: 375
        };  
        
        generic.flash.embed(attr, params, "flash_placeholder"); 
    }
};
    
brand.view.productBrowser = {
      container: null,
      containerMinHeight: null,
      attr: {
                id : "productBrowser",
                name: "productBrowser",
                bgcolor: "#000000" 
        },
      init : function() {   
          // specify this to keep global height handler from changing height 
    brand.view.heightHandler.pagetype = "flash_browser";
    
    this.container = $("productBrowser_resize");
        if (this.container.hasClassName("colorPlay")) this.embedColorPlay();
        if (this.container.hasClassName("brushPlay")) this.embedBrushFinder();
          if (this.container.hasClassName("mascaraFinder")) this.embedMascaraFinder();
        
          this.containerMinHeight = parseInt($("main_content").getStyle("min-height"));  
          
          this.sizeEmbedContainer(); 
    Event.observe(window, "resize", brand.view.productBrowser.sizeEmbedContainer); 
      }, 
      embedColorPlay: function() {    
        var params = { 
         flashvars: {
        conf_uri : "/flash/color_play/xml/config.xml",
        colorplaysample: generic.env.query("colorplaysample") || "",
        filters: generic.env.query("filters")  || "",
                v: "20090402"
        } 
        };
          var attr = this.attr;
        attr.data = "/flash/_product_browser/productBrowser.swf"; 
        generic.flash.embed(attr, params, "flash_placeholder");  
      }, 
      embedBrushFinder: function() {   
    var params = { 
         flashvars: {
         "conf_uri" : "xml/config.xml"
        }
        };
          var attr = this.attr;
        attr.data = "/flash/_guide_browser/guideBrowser.swf";
        generic.flash.embed(attr, params, "flash_placeholder"); 
      }, 
      embedMascaraFinder: function() { 
          var params = { 
           wmode: "opaque", 
           flashvars: {
       "conf_uri" : "/flash/mascara_finder/xml/config_mascara.xml"
       }
          };
          var attr = this.attr;
        attr.data = "/flash/_guide_browser/guideBrowser.swf";
        generic.flash.embed(attr, params, "flash_placeholder"); 
      }, 
        
      sizeEmbedContainer: function() {   
        try { 
          var w = document.viewport.getWidth() - 210; 
          brand.view.productBrowser.container.style.width = w + "px";   
        /**
        var h = document.viewport.getHeight();
          h = h > brand.view.productBrowser.containerMinHeight ? h : brand.view.productBrowser.containerMinHeight; 
          console.log("sizeEmbedContainer:"+h); 
        $("productBrowser_resize").style.height = h + "px";     
        $("main_content").style.height = h + "px";
        $("main_content_td").style.height = h + "px"; 
        **/
        } catch(e) {
        console.log("sizeEmbedContainer e: "+brand.view.productBrowser.containerMinHeight);
        }
      },  
      resizeEmbedContainer: function(args) {    
        try { 
          var contentHeight = args.h;
          var viewportHeight = document.viewport.getHeight();  
          var newHeight = (contentHeight > viewportHeight) ? contentHeight : viewportHeight;
          newHeight = (this.containerMinHeight > newHeight) ? this.containerMinHeight : newHeight;
          newHeight = (newHeight + 20) + "px"; 
          console.log("brand.view.productBrowser.resizeEmbedContainer: "+args.h + "/" + this.containerMinHeight +"/"+ viewportHeight + "/ " + newHeight);
          
        this.container.style.height = newHeight;    
        } catch(e) {
    console.log("resizeEmbedContainer e: "+e.description);
        }
      }
};

brand.view.artists = { 
    createRollOvers: function() {
        //console.log("brand.view.artists.createRollOvers");
        var last_popup;
        $$("img.artists-rollover").each( function(elem) {
            elem.observe("mouseover", function(e) {
                var popup_image = new Element("img");
                popup_image.className = "artist_pic";
                var popup_image_name = e.target.src;
                popup_image_name = popup_image_name.replace('114x114', '140x130_on');
                popup_image_name = popup_image_name.replace('jpg', 'png');
                popup_image.src = popup_image_name;
                popup_image.style.position = "absolute";
                if ( last_popup ) {
                    last_popup.style.display = "none";
                }
                popup_image.style.display = "block";
                
                // var img_coords = dojo.coords(e.target);
                var img = e.target; 
                /* 130 = height of replacement, 140 = width of replacement */
                popup_image.style.top = (img.positionedOffset().top - ((130 - img.getHeight())/2) + 2) + "px";
                popup_image.style.left = (img.positionedOffset().left - ((140 - img.getWidth())/2)) + "px";
                
                popup_image.observe("mouseout", function(e) {
                    e.target.style.display = "none";
                    e.target.parentNode.removeChild(popup_image);
                });
                
                e.target.parentNode.appendChild(popup_image);
                last_popup = popup_image;
            });
        });
    } 
}