/*
     FILE ARCHIVED ON 23:44:35 Dec 8, 2010 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 18:55:52 Jul 16, 2024.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* Last updated (7:00pm 10/18/2010) aundrae brown */

var fed_ipadurl = document.location.href;
if( ((fed_ipadurl.indexOf("www.homedepot.com") > -1) && (fed_ipadurl.length == 25) ) || (fed_ipadurl.indexOf("HomePageView")> -1) || (fed_ipadurl == "https://webarchive.library.unt.edu/web/20101208234435/http://www.homedepot.com/webapp/wcs/stores/servlet/ContentView?pn=HomePageRegional1&langId=-1&storeId=10051&catalogId=10053")){
	var fed_Apple = {}; // Apple detection object
	fed_Apple.UA = navigator.userAgent;
	fed_Apple.Device = false;
	fed_Apple.Types = ["iPhone", "iPod", "iPad"];
	for (var fed_d = 0; fed_d < fed_Apple.Types.length; fed_d++) {
		var fed_t = fed_Apple.Types[fed_d];
		fed_Apple[fed_t] = !!fed_Apple.UA.match(new RegExp(fed_t, "i"));
		fed_Apple.Device = fed_Apple.Device || fed_Apple[fed_t];
	} 
	/* checks for ipad, iphone and ipod for redirect */
	if (fed_Apple.Device === true && (fed_Apple.iPad === true || fed_Apple.iPhone === true || fed_Apple.iPod === true)) { 
		window.location = 'https://webarchive.library.unt.edu/web/20101208234435/http://ext.homedepot.com/www/iPad/';
	}
	
	if (navigator.userAgent.match(/Android/i)){
		window.location = 'https://webarchive.library.unt.edu/web/20101208234435/http://ext.homedepot.com/www/iPad/';
	}
	
}

/* BrightCove JS Functions  - updated 7/7/10 */

//detect iPad/pod/phone
var $_brightCove_RightRail = {};
$_brightCove_RightRail.is_iPad =
	navigator.userAgent.match(/iPad/i) != null ||
	navigator.userAgent.match(/iPod/i) != null ||
	navigator.userAgent.match(/iPhone/i) != null;

dojo.require("dojo.io.script");
dojo.require("dojox.widget.Dialog");
dojo.require("dojo.NodeList-html");
dojo.require("dojo.string");

var BCVideo = function(opts){
    opts = dojo.mixin({debug:false},opts);
    
    Token = 'jUPgZ3EQYo2N9tEc_KYzTuxfDSSyVT8AG0CanYFuedvWL76Co3WLOw..';
    PubId = '66036796001';

    var debug = null;
    var SetDebug = function(enabled){
        debug = (window.console && enabled)
                ? window.console
                : (function(){
                    var firebugFunctions = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
                    "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
                    function noop(){}
                    var debug = {};
                    for (var i = 0; i < firebugFunctions.length; ++i)
                        debug[firebugFunctions[i]] = noop;
                    return debug;
                    })();
    }
    SetDebug(opts.debug);
    BCVideo.prototype.SetDebug = SetDebug;

    var Write = function(videoId, playerId, altContent, options)
    {
        options = dojo.mixin(
                    { imageId: "BCVideo" + Math.floor(Math.random() * 1000),
                      thumb: "<img style='visibility:hidden' />", lookupThumb: undefined == options || undefined == options.thumb,
                      videoId: videoId, playerId: playerId } ,options);
        if (flash.hasVersion() || supports_h264_baseline_video())
        {
            writeImageTag(options);
        }
        else
        {
            document.write(altContent);
        }
				
				//fix for iPad/pod/phone
				if($_brightCove_RightRail.is_iPad){
					var images = document.getElementsByClassName('BCVideo_thumb');
					var videoThumb = document.getElementById(images[0].id);
					var videoURL = '';
					
					//get mp4 videoURL
					function getVideoURL(){
						var url = 'https://webarchive.library.unt.edu/web/20101208234435/http://api.brightcove.com/services/library?command=find_video_by_id&video_id='+videoId+'&video_fields=FLVURL&media_delivery=http&token=jUPgZ3EQYo2N9tEc_KYzTuxfDSSyVT8AG0CanYFuedvWL76Co3WLOw..';
						var jsonpArgs = {
								url:url,
								callbackParamName: "callback",
								content: {
										v: "1.0",
										q: "dojo toolkit"
								},
								load: function(data) {
									var url = data.FLVURL;
									videoURL = url;
								},
								error: function(error) {
								}
						};
						dojo.io.script.get(jsonpArgs);
					}
					getVideoURL();
					
					//alert('fixing video thumb for iPad: '+videoThumb.id);
					videoThumb.onclick=function(){window.location=videoURL};
				}
    }
    BCVideo.prototype.Write = Write;

    var writeImageTag = function(options)
    {
        debug.log("Writing Image Tag", options);
        document.write(options.thumb);
        var images = document.getElementsByTagName("img");
        var image = images[images.length-1];
        image.id = options.imageId;
				image.className = 'BCVideo_thumb';
        image.onclick = function(){ BC.PlayVideo(options.videoId ,options.playerId) };

        if(options.lookupThumb)
        {
            setVideoThumb(options);
        }
    }
    var setVideoThumb = function(options)
    {
        dojo.addOnLoad(
            dojo.hitch(this,
                function(){ GetVideo(options.videoId, dojo.hitch(this,setVideoThumb_Callback, options)); }
            )
         );
    }
    var setVideoThumb_Callback = function(options, video)
    {
        debug.log("Got Video Metadata", video);
        var img = document.getElementById(options.imageId);
        img.src =  video.thumbnailURL;
        img.style.visibility = 'visible';
    }

    var GetVideo = function(videoId,cb){
        debug.log("Getting Video Information for: "+ videoId);
        cbName = 'GetVideoCallback'+ Math.floor(Math.random() * 1000);
        window[cbName] = cb;
        dojo.io.script.get({
                        url: 'https://webarchive.library.unt.edu/web/20101208234435/http://api.brightcove.com/services/library',
                        content: {
                                command : 'find_video_by_id',
                                video_id : videoId,
                                token : Token,
                                media_delivery : "http",
                                callback: cbName
                        }
                });
    }

    var PlayVideo = function(videoId, playerId, selector){
        debug.log("Handling Play Video Request for: " + videoId);
        dojo.addOnLoad(
            dojo.hitch(this,
                function(){GetVideo(videoId, dojo.hitch(this,PlayVideo_Callback,playerId,selector) );}
                )
            );
    }
    BCVideo.prototype.PlayVideo = PlayVideo;

    var PlayVideo_Callback = function(playerId, selector, video){
        debug.log("Got Video Metadata", video);
        var inline = (selector !== undefined);
        debug.log("Video will be " + (inline?"inline":"windowed"));
        var experienceName = 'experience' + video.id + '_' + Math.floor(Math.random() * 1000);
        var useHtml5Video = !flash.hasVersion() && supports_h264_baseline_video();
        var html = ( useHtml5Video )
                        ? generateHtml5Markup(playerId, video, experienceName, inline)
                        : generateFlashMarkup(playerId, video, experienceName, inline);
        
        if( inline )
        {
            dojo.query(selector).html(html);
        }
        else
        {
            var win = GetPlayerWindow();
            win.attr('content', html);
            var coords = dojo.coords(dojo.query('.videoContainer', win.domNode)[0]);
			debug.log("Setting Window Dimensions", coords);
            win.attr('dimensions',[coords.w, coords.h ]).show();
			if (!dojo.isIE) {
			//animate
					var scale = 1.15;
					dojo.animateProperty({
						node: dojo.byId("dojox_widget_Dialog_0"),
						duration: 200,
						properties: {
							width: {
								start: coords.w*scale,
								end: coords.w
							},
							height: {
								start: coords.h*scale,
								end: coords.h
							},
							marginLeft: {
								start: 0-((coords.w*1.15-coords.w)/2),
								end: 0
							},
							marginTop: {
								start: 0-((coords.h*1.15-coords.h)/2),
								end: 0
							}
						}
					}).play();
				}
			}
        brightcove.createExperiencesPostLoad();
        ScheduleAttachEventsToExperience(experienceName, video, useHtml5Video);
    }

    var videoWrapperMarkup = '<div style="width: 640px;" class="videoContainer">' +
                                '<div style="width:640px;height:${height}px" class="videoWrapper">${markup}</div>'+
                                '<div class="videoTitle">${video.name}</div>'+
                                '<div class="videoDescription">${video.shortDescription}</div></div>';
    
    var generateFlashMarkup = function(playerId, video, experienceName, inline){
        var height = 640 * video.FLVFullLength.frameHeight / video.FLVFullLength.frameWidth;
        var markup;
        if(flash.hasVersion())
        {
            markup = '<object id="' + experienceName + '" class="BrightcoveExperience">' +
                            '<param name="bgcolor" value="#FFFFFF" />' +
                            '<param name="width" value="640" />' +
                            '<param name="height" value="' + height + '" />' +
                            '<param name="playerID" value="' + playerId + '" />' +
                            '<param name="publisherID" value="' + PubId + '"/>' +
                            '<param name="isVid" value="true" />' +
                            '<param name="isUI" value="true" />' +
                            '<param name="dynamicStreaming" value="true" />' +
                            '<param name="wmode" value="transparent">' +
                            '<param name="allowScriptAccess" value="always">' +
                            '<param name="autoStart" value="'+((inline)?"false":"true")+'">' +
                            '<param name="@videoPlayer" value="' + video.id + '" />' +
														'<param name="secureConnections" value="true" />' +
                        '</object>';
        }
        else
        {
            markup = "fallback content";
        }
        return dojo.string.substitute(videoWrapperMarkup,{markup: markup, video: video, rendition: video.FLVFullLength, height: height});
    }

    var generateHtml5Markup = function(playerId, video, experienceName, inline){
        var rendition = getBestHtml5Rendition(video);
        var height = 640 * rendition.frameHeight / rendition.frameWidth;
        var markup = "<video id='" + experienceName + "' " +
                                "poster='" + video.videoStillURL + "' " +
                                "width='640' " +
								"height='" + height + "' " +
                                "controls='true' " +
                                ( (inline)?"":"autoplay " ) +
                                "src='" + rendition.url + "' />";
        return dojo.string.substitute(videoWrapperMarkup,{markup: markup, video: video, rendition: rendition, height: height});
    }

    var GetPlayerWindow = function(){
        if(null == this.dialog){
            debug.log("Constructing Modal Window");
            this.dialog = new dojox.widget.Dialog({modal:false,sizeMethod:"combine",sizeDuration:1,closable:true});
            dojo.connect(this.dialog,'hide', dojo.hitch(this,OnWindowClose));
            this.dialog.startup();
        }
        return this.dialog;
    }

    var OnWindowClose = function(){
        debug.log("Window Closed. Detaching Experience");
        GetPlayerWindow().attr('content','');
    }

    var ScheduleAttachEventsToExperience = function(experienceName, video, useHtml5Video) {
        setTimeout( dojo.hitch(this,AttachEventsToExperience,experienceName,video,useHtml5Video), 500);
    }

    var handlers = {};
    
    var AttachEventsToExperience = function(experienceName, video, useHtml5Video){
        debug.log("Attempting to Attach to Experience: "+ experienceName);

        if( undefined == handlers[experienceName] )
            handlers[experienceName] = dojo.hitch(this,OnBeginVideo,video);
        var handler = handlers[experienceName];
        
        if( useHtml5Video )
        {
            document.getElementById(experienceName).addEventListener("play",  handler, false);
            debug.log("Events Attached to Experience");
        }
        else
        {
            var found = true;
            var tmpalert = window.alert;
            window.alert = function(){found = false;}
                var experience = brightcove.getExperience(experienceName);
            window.alert = tmpalert;
            if(found){
                debug.log("Found Experience");
                var player;
                try {
                    player = experience.getModule(APIModules.VIDEO_PLAYER);
                    try {
                        player.removeEventListener(BCMediaEvent.BEGIN, handler );
                    } catch(e) { }
                    player.addEventListener(BCMediaEvent.BEGIN, handler);
                    debug.log("Events Attached to Experience");
                } catch(e) {
                    debug.log("Experience Not Ready for Events");
                    ScheduleAttachEventsToExperience(experienceName,video, useHtml5Video);
                }
            }
            else {
                ScheduleAttachEventsToExperience(experienceName,video, useHtml5Video);
            }
        }
    }

    var OnBeginVideo = function(video){
        debug.log('Began Video', video);
        //LogMetrics(video.name)
    }

    var supports_video = function() {
      return !!document.createElement('video').canPlayType;
    }
    var supports_h264_baseline_video = function() {
      if (!supports_video()) {return false;}
      var v = document.createElement("video");
      return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"') != "";
    }

    /** These functions are based on, but heavily modified from
     *   https://webarchive.library.unt.edu/web/20101208234435/http://files.brightcove.com/dev/MobileCompatibility.js
     *   */
    var getBestHtml5Rendition = function(video) {
            var bestRendition = video.videoFullLength;
            for (var i = 0, j=video.renditions.length; i < j; i++){
                bestRendition = betterRenditionForMobile(bestRendition, video.renditions[i]);
            }
            return bestRendition;
    }

    var betterRenditionForMobile = function(rendition1, rendition2){
            IDEAL_ENCODING_RATE = 256000; //bits per second; equivalent to 256 kbps
            if (rendition2.videoCodec != "H264"){
                return rendition1;
            }
            return closerRenditionToBitRate(rendition1, rendition2, IDEAL_ENCODING_RATE);
    }

    var getRenditionClosestToBitRate = function(video, bitrate)
    {
        var closest = video.renditions[0];
        for (var i = 0, j=video.renditions.length; i < j; i++){
            closest = closerRenditionToBitRate(closest, video.renditions[i]);
        }
        return closest;
    }

    var closerRenditionToBitRate = function(rendition1, rendition2, bitrate){
            diff1 = Math.abs(rendition1.encodingRate - bitrate);
            diff2 = Math.abs(rendition2.encodingRate - bitrate);

            return ((diff1 <= diff2) ? rendition1 : rendition2);
    }


    var LogMetrics = function (text)
    {
        try{
            var s=s_gi(s_account);
            s.linkTrackVars='eVar11,events';
            s.linkTrackEvents='event21';
            s.eVar11=text;
            s.events='event21'
            s.tl(true,'o','Brightcove Video Played');
        } catch(e){
            debug.error('Omniture call failed');
        }
    }
}
var BC = new BCVideo({debug: true});

document.write("<script src='https://webarchive.library.unt.edu/web/20101208234435/https://sadmin.brightcove.com/js/BrightcoveExperiences_all.js' type='text/javascript'></script>");