
function addleft(tagid,offsetnum) {
    var screenW = 1024;
    if (parseInt(navigator.appVersion) > 3) {
        screenW = screen.width;
    }
    else if (navigator.appName == "Netscape"
    && parseInt(navigator.appVersion) == 3
    && navigator.javaEnabled()
   ) {
        var jToolkit = java.awt.Toolkit.getDefaultToolkit();
        var jScreenSize = jToolkit.getScreenSize();
        screenW = jScreenSize.width;       
    }
    document.getElementById(tagid).style.left = parseInt(document.getElementById(tagid).offsetLeft) + parseInt((screenW - 1005) / 2) * offsetnum + 'px';
}
function createCookie(name, value, days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}


var main =        document.getElementById('main')
var divs =        main.getElementsByTagName('div');
var heros =       new Array();
var divsLength =  divs.length;

for (var i = 0; i < divsLength; i++) {
  var div = divs[i];
  if (div) {
    if (div.className.indexOf('heroContentAlternate') > -1) {
      heros.push(div);
    } else if (div.className.indexOf('heroContentAlternatX') > -1) {
      main.removeChild(div);
    }
  }
}

var herosLength = heros.length;
var heroIndexLastUsed;

if (herosLength > 1) {
  heroIndexLastUsed = readCookie('bbHeroILU');
  
  if (heroIndexLastUsed == null) {
    heroIndexLastUsed = 0;
  } else {
    heroIndexLastUsed++;

    if (heroIndexLastUsed == herosLength) {
      heroIndexLastUsed = 0;
    }
  }
  createCookie('bbHeroILU', heroIndexLastUsed);

  //alert(heroIndexLastUsed);

  for (var i = 0; i < herosLength; i++) {
    var hero = heros[i];

    if (i != heroIndexLastUsed) {
      main.removeChild(hero);
    }
  }
}

    //send the omniture carrier event (used by other JS functions in this file)
    function doOmnitureCarrierEvent(p_carrierString) {
        if (p_carrierString.toLowerCase() != "select an option" && typeof (s_account) != "undefined") {
            p_carrierString = p_carrierString.substring(p_carrierString.search(/[A-Z,a-z,0-9]/));

            var p_carrierStringTruncated = p_carrierString;

            if (p_carrierString.indexOf("(") > -1) {
                p_carrierStringTruncated = p_carrierString.substring(0, p_carrierString.indexOf("("));

                if (p_carrierStringTruncated.substring(p_carrierStringTruncated.length - 1).search(/[a-zA-Z0-9]/g) == -1) {
                    p_carrierStringTruncated = p_carrierStringTruncated.substring(0, p_carrierStringTruncated.length - 1);
                }
            }

            var s = s_gi(s_account);

            s.linkTrackVars = 'prop10,prop11,prop19,eVar6,eVar12,events';

            s.eVar6 = p_carrierStringTruncated;

            if (p_carrierString.toLowerCase() == 'shopblackberry') {
                s.events = 'event6,event28,event63';
                s.linkTrackEvents = 'event6,event28,event63';
            } else {
                s.events = 'event6,event28';
                s.linkTrackEvents = 'event6,event28';
            }


            s.prop10 = s.pageName;
            s.prop11 = s.channel;
            s.prop19 = p_carrierStringTruncated;
            s.eVar12 = s.pageName;

            void (s.tl(this, 'o', p_carrierString));

            s.linkTrackVars = '';
            s.linkTrackEvents = '';
            s.eVar6 = '';
            s.eVar12 = '';
            s.events = '';

            s.prop10 = '';
            s.prop11 = '';
            s.prop19 = '';
        }
    }

    function doOmnitureCarrierEvent61(p_carrierString) {
        var s = s_gi(s_account);

        s.linkTrackVars = 'prop10,prop11,prop19,eVar6,events';
        s.linkTrackEvents = 'event61';
        s.eVar6 = p_carrierString;
        //s.eVar12 = 			s.pageName;
        s.events = 'event61';

        s.prop10 = s.pageName;
        s.prop11 = s.channel;
        s.prop19 = p_carrierString;

        void (s.tl(this, 'o', p_carrierString));

        s.linkTrackVars = '';
        s.linkTrackEvents = '';
        s.eVar6 = '';
        //s.eVar12 = '';
        s.events = '';

        s.prop10 = '';
        s.prop11 = '';
        s.prop19 = '';
    }

    function sl_getCookie(c_name) {
        if (document.cookie.length > 0) {
            c_start = document.cookie.indexOf(c_name + "=");
            if (c_start != -1) {
                c_start = c_start + c_name.length + 1;
                c_end = document.cookie.indexOf(";", c_start);
                if (c_end == -1) c_end = document.cookie.length;
                return unescape(document.cookie.substring(c_start, c_end));
            }
        }
        return null
    }

    function sl_setCookie(c_name, value, expiredays) {
        var exdate = new Date();
        var myDomain = document.location.hostname.substring(document.location.hostname.indexOf("."));
        exdate.setDate(expiredays);
        document.cookie = c_name + "=" + escape(value) +
	((expiredays == null) ? "" : "; expires=" + exdate) + ";domain=" + myDomain + ";";
    }

    function doOmnitureUIEvent(eventString) {
        var s = s_gi(s_account);

        var classes = document.body.className.split(" ");
        var device = classes[classes.length - 1];

        s.linkTrackVars = 'eVar27,events';
        //s.linkTrackEvents =	'event6';
        s.eVar27 = s.pageName + ":" + eventString;
        //s.events =			'event6';

        //void (s.tl(this, 'o', eventString));

        s.linkTrackVars = '';
        s.linkTrackEvents = '';
        s.eVar27 = '';
        s.events = '';
    }

    function doOmnitureVideoEvent(videoCode) {
        var s = s_gi(s_account);

        s.linkTrackVars = 'prop20,eVar20,events';
        //s.linkTrackEvents =	'event6';
        s.eVar20 = videoCode;
        s.prop20 = videoCode;
        //s.events =			'event6';

        void (s.tl(this, 'o', videoCode));

        s.linkTrackVars = '';
        s.linkTrackEvents = '';
        s.eVar20 = '';
        s.prop20 = '';
        s.events = '';
    }

    function doOmnitureCompareAddEvent(item, itemName) {
        if (!itemName || typeof (itemName) == "undefined") {
            itemName = "BlackBerry smartphone";
        }

        var s = s_gi(s_account);

        var classes = document.body.className.split(" ");
        var device = classes[classes.length - 1];

        item = productModelDataObject[item];

        s.linkTrackVars = 'eVar33,events';
        //s.linkTrackEvents =	'event6';
        s.eVar33 = device + ' - ' + item + ' - ' + _rpn;
        //s.events =			'event6';

        void (s.tl(this, 'o', itemName));

        s.linkTrackVars = '';
        s.linkTrackEvents = '';
        s.eVar33 = '';
        s.events = '';
    }

    function omnitureTabPageView(p, m) {
        if (window.s) {
            /* clear out old events */
            s.linkTrackVars = '';
            s.linkTrackEvents = '';
            s.eVar6 = '';
            s.events = '';
            s.event28 = null;
            s.events = s.apl(s.events, 'event8', ',', 2);


            var pageNameTemp = s.pageName
            var pageNameLength = (s.pageName.split(s.pathConcatDelim)).length;
            var tempArray = s.pageName.split(s.pathConcatDelim);

            tempArray.splice(pageNameLength, 1, p.replace(/\+/g, " "));

            s.pageName = tempArray.join(s.pathConcatDelim);

            s.eVar11 = '';
            s.eVar12 = '';
            s.tabView = true;

            if (p.toLowerCase().indexOf("whereto") > -1 || p.toLowerCase().indexOf("tablet-register") > -1 || p.toLowerCase().indexOf("tabletWhereToBuy") > -1) {
                var bUniquePointOfPurchase = true;

                if (sl_getCookie('pointOfPurchaseUniqueSet') != null) {
                    bUniquePointOfPurchase = false;
                }

                var classes = document.body.className.split(" ");
                var device = classes[classes.length - 1];

                s.eVar12 = device;

                s.events = s.apl(s.events, 'event28', ',', 2);

                if (bUniquePointOfPurchase) {
                    s.events = s.apl(s.events, 'event29', ',', 2);
                    sl_setCookie('pointOfPurchaseUniqueSet', 'true');
                }
            } else if (p.indexOf("buzz") > -1) {
                var bUniqueFavorable = true;

                if (sl_getCookie('favorableUniqueSet') != null) {
                    bUniqueFavorable = false;
                }

                var classes = document.body.className.split(" ");
                var device = classes[classes.length - 1];

                s.eVar11 = device;

                s.events = s.apl(s.events, 'event26', ',', 2);

                if (bUniqueFavorable) {
                    s.events = s.apl(s.events, 'event27', ',', 2);
                    sl_setCookie('favorableUniqueSet', 'true');
                }
            }

            s.t();
            s.pageName = pageNameTemp;
            s.tabView = false;
        }
    }


    var omnitureArrowClicks = 0;

    function omnitureArrowClick(p_dir) {
        omnitureArrowClicks++;

        s.linkTrackVars = 'eVar27';
        s.linkTrackEvents = 'event8';
        s.events = '';
        s.events = s.apl(s.events, 'event8', ',', 2);

        var pageNameTemp = s.pageName

        s.eVar27 = s.pageName + ":nav - " + p_dir + omnitureArrowClicks;

        //s.t();

        s.pageName = pageNameTemp;
    }



	s_ol_id = "";
	s_account = "";//  window.location.href.indexOf('wwwa.com') > -1 || window.location.href.indexOf("_TMP") > -1 ? "rimdev" : "rimglobal,rimbbvn";
	s_siteID = "vn:bb";
   
    //add ===============================================
    var scrollerDontWrapRight = true;
    if (!this.Rf) this.Rf = {};
    (function (ns, $) {

        ns.Require('jQuery');
        ns.Require('EventDispatcher', ns);

        /**
        * Class used for a dialog that loads in the same window as a page
        * @param {Object} url The URL of the data used to populate the modal window
        * @param {Object} options Settings used to initialize the modal
        */
        ns.Modal = function (url, options) {
            ns.EventDispatcher.call(this, options);
            var regexURL = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/,
 	    regexHash = /^#[A-Za-z0-9]*/,
 	    regexTag = /<[^<]+?>/;
            if ((regexURL.test(url) && !regexTag.test(url)) || this.Url) {
                this.Url = url;
            } else if (regexHash.test(url)) {
                this.pageElementIdentifier = url;
            } else if (url != null) {
                this.pageElementIdentifier = 'Modal' + new Date().valueOf();
                ns.Modal.ElementCache[this.pageElementIdentifier] = url;
            }


            if (!this.DialogID) this.DialogID = 'Modal' + new Date().valueOf();
        }
        /**
        * (Static) Stores modal data loaded by URL for quick re-display of a modal
        */
        ns.Modal.Cache = {};
        ns.Modal.ElementCache = {};
        /**
        * Constants that define different events that are part of the modal lifecycle
        */
        ns.Modal.Events = {
            /**
            * Dispatched when data is loaded by the modal
            */
            Data: 'data',
            /**
            * Dispatched when the modal has been initialized and is ready to display
            */
            Show: 'show',
            /**
            * Dispatched when the modal is displayed on screen
            */
            Render: 'render',
            /**
            * Dispatched when the modal is to be removed from screen
            */
            Hide: 'hide',
            /**
            * Dispatched when the modal is recentered on screen
            */
            Centered: 'centered'
        };
        ns.Modal.prototype = new ns.EventDispatcher({
            constructor: ns.Modal,
            /**
            * (Protected) The dialog component of the modal
            */
            _Dialog: null,
            /**
            * (Protected) The overlay component of the modal
            */
            _Overlay: null,
            /**
            * The URL used to load the modal's content and its key in the modal cache
            */
            Url: null,
            /**
            * Page element to use for the modal.
            */
            pageElementIdentifier: null,
            /**
            * The ID given to the modal's dialog. If null, then an auto-generated ID is used
            */
            DialogID: null,
            /**
            * The class name given to the modal's dialog. By default, "modalDialog"
            */
            DialogClassName: 'modal-dialog',
            /**
            * The template HTML used to construct the modal dialog. Templates must have a root element.
            * Templates should feature a close button. Templates should have a block element with the attribute
            * role="main". The role="main" element will contain content that is loaded by the modal.
            */
            Template: '<div><a href="#" class="close">Close</a><div role="main"></div></div>',
            /**
            * How quickly the modal fades in and fades out, in milliseconds. By default, 250 ms.
            */
            AnimationDuration: 250,
            /**
            * Class name given to the overlay layer that covers the page's existing content. By default, "modalOverlay"
            */
            OverlayClassName: 'modal-overlay',
            /**
            * How opaque the overlay element appears. By default, 0.5 (50% opacity).
            */
            OverlayOpacity: 0.0,
            /**
            * Whether or not this modal should cache its data. When false, the modal cache is not
            * used and new data is loaded each time. By default, true.
            */
            AllowCache: true,
            /**
            * The jQuery selector used to identify elements that can close the modal when clicked.
            */
            CloseButtonSelector: '.close',
            /**
            * The starting z-index of the modal dialog and its overlay. Defaults to 3000.
            */
            ZIndex: 3000,
            /**
            * The jQuery selector used to identify the parent element of the modal. Defaults to body.
            */
            ParentSelector: 'body',
            /**
            * Loads the modal's data and then displays the modal
            */
            Open: function () {
                var me = this,
			dataEvent;
                if (me.pageElementIdentifier && ns.Modal.ElementCache[me.pageElementIdentifier]) {
                    me.Dispatch(dataEvent = new ns.Event(ns.Modal.Events.Data, me, ns.Modal.ElementCache[me.pageElementIdentifier]));
                    me.Init(dataEvent);
                } else if (me.pageElementIdentifier) {
                    var element = $($(me.pageElementIdentifier)[0]).detach();

                    ns.Modal.ElementCache[me.pageElementIdentifier] = element;

                    me.Dispatch(dataEvent = new ns.Event(ns.Modal.Events.Data, me, element));
                    me.Init(dataEvent);
                } else if ((me.Url && me.AllowCache && ns.Modal.Cache[me.Url]) || !me.Url) {
                    me.Dispatch(dataEvent = new ns.Event(ns.Modal.Events.Data, me, ns.Modal.Cache[me.Url]));
                    me.Init(dataEvent);
                } else {
                    $.ajax({
                        dataType: 'html',
                        url: me.Url,
                        success: function (response) {
                            if (me.AllowCache && response.length > 0) {
                                ns.Modal.Cache[me.Url] = response;
                            }
                            me.Dispatch(dataEvent = new ns.Event(ns.Modal.Events.Data, me, response));
                            me.Init(dataEvent);
                        }
                    });
                }
                rim.CurrentModal = me;
                return me;
            },
            /**
            * Removes the modal from the screen
            */
            Close: function () {
                var me = this;
                me.Dispatch(ns.Modal.Events.Hide);
                if (me._Overlay) {
                    me._Overlay.fadeOut(me.AnimationDuration, function () {
                        me.endCloseOverlay();
                    });
                }
                if (me._Dialog) {
                    me._Dialog.fadeOut(me.AnimationDuration, function () {
                        me.endClose();
                    });
                }
                return me;
            },
            endCloseOverlay: function () {
                var me = this;
                if (me._Overlay) me._Overlay.remove();
                me._Overlay = null;
            },
            endClose: function () {
                var me = this;
                if (me._Dialog) me._Dialog.remove();
                me._Dialog = null;
                if (me._OnScroll) $(window).unbind('scroll', me._OnScroll).unbind('resize', me._OnScroll);
            },
            /**
            * Detects how much screen space is available around the modal in the current viewport.
            */
            GetAvailableScreenSpace: function () {
                var space = { x: 0, y: 0 };
                if (this._Dialog) {
                    var dialogH = this._Dialog.height(),
				viewportH = window.innerHeight !== undefined ? window.innerHeight : document.documentElement.clientHeight,
				dialogW = this._Dialog.width(),
				viewportW = window.innerWidth !== undefined ? window.innerWidth : document.documentElement.clientWidth;
                    space.y = viewportH - dialogH;
                    space.x = viewportW - dialogW;
                }
                return space;
            },
            /**
            * Centers the modal within the viewport, if there is enough space to do so.
            */
            Center: function () {
                if (rim.IsTouchDevice) {
                    if (this._Dialog) {
                        var deltas = this.GetAvailableScreenSpace(),
    				offsetY = deltas.y > 0 ? deltas.y / 2 + $(window).scrollTop() : $(window).scrollTop(),
    				offsetX = deltas.x > 0 ? deltas.x / 2 + $(window).scrollLeft() : $(window).scrollLeft(),
    				css = { top: 0, left: 0 };
                        if (deltas.y > 0) css.top = Math.floor(offsetY) + 'px';
                        if (deltas.x > 0) css.left = Math.floor(offsetX) - 8 + 'px';
                        this._Dialog.css(css);
                    }
                } else {
                    if (this._Dialog) {
                        var deltas = this.GetAvailableScreenSpace(),
				offsetY = deltas.y > 0 ? deltas.y / 2 + document.documentElement.scrollTop : document.documentElement.scrollTop,
				offsetX = deltas.x > 0 ? deltas.x / 2 + document.documentElement.scrollLeft : document.documentElement.scrollLeft,
				css = { top: 0, left: 0 };

                        if (deltas.y > 0) css.top = Math.floor(offsetY) + 'px';
                        if (deltas.x > 0) css.left = Math.floor(offsetX) - 8 + 'px';
                        this._Dialog.css(css);
                    }
                }
                this.Dispatch(ns.Modal.Events.Centered);

                return this;
            },
            /**
            * Associates clicking an element with closing the modal
            * @param {String} selector A jQuery selector used to find the close button on the dialog
            */
            SetCloseButton: function (selector) {
                var me = this;
                this._Dialog.find(selector).click(function (e) {
                    e.preventDefault();
                    me.Close();
                });
                me._Overlay.click(function (e) {
                    e.preventDefault();
                    me.Close();
                });

                return me;
            },
            /**
            * Draws the modal window on screen when data is loaded
            * @param {ns.DataEvent} event The data event
            */
            Init: function (event) {
                var me = this,
			parent = $(me.ParentSelector),
			ie6 = navigator.userAgent.toLowerCase().indexOf('msie 6') > -1,
            ie = $('#ie7,#ie8').length > 0;

                if (ie6) me._Overlay.css({ position: 'absolute', width: $(window).width(), height: $(document).height() });
                if (ie) parent = $('#ie7,#ie8');
                if (ie6) parent = $('#ie6');

                me._Overlay = $('<div class="' + me.OverlayClassName + '"></div>')
						.css({
						    cursor: 'wait',
						    position: rim.IsTouchDevice ? 'absolute' : 'fixed',
						    top: rim.IsTouchDevice ? $(window).scrollTop() : 0,
						    left: rim.IsTouchDevice ? $(window).scrollLeft() : 0,
						    width: rim.IsTouchDevice ? window.innerWidth : '100%',
						    height: rim.IsTouchDevice ? window.innerHeight : '100%',
						    visibility: 'hidden',
						    'z-index': me.ZIndex
						})
						.appendTo(parent);



                me._Dialog = $(me.Template)
						.attr('id', me.DialogID)
						.attr('class', me.DialogClassName)
						.attr('role', 'dialog')
						.css({
						    'z-index': me.ZIndex + 1,
						    visibility: 'hidden',
						    position: 'absolute',
						    display: 'none'
						})
						.appendTo(parent);

                if (me.pageElementIdentifier) {
                    me._Dialog.find('*[role=main]:first')
						.append(event.Data);
                    if (me.isDynamic) {
                        var dialog = me._Dialog.find('*[role=main]:first');
                        var width = dialog.width();
                        var height = dialog.height();
                        var html = "<div class='dynamicModalEdge dynamicModalEdge_topLeft'></div>" +
							"<div class='dynamicModalEdge dynamicModalEdge_topRight'></div>" +
							"<div class='dynamicModalEdge dynamicModalEdge_left'></div>" +
							"<div class='dynamicModalEdge dynamicModalEdge_right'></div>" +
							"<div class='dynamicModalEdge dynamicModalEdge_bottomLeft'></div>" +
							"<div class='dynamicModalEdge dynamicModalEdge_bottomRight'></div><a href='#' class='close'>Close</a>";
                        dialog.addClass('dynamicModal');

                        dialog.append(html);

                        var borderWidth = $('.dynamicModalEdge_right').width();

                        $('.dynamicModalEdge_topLeft').css('width', width + borderWidth);
                        $('.dynamicModalEdge_bottomLeft').css('width', width + borderWidth);
                        $('.dynamicModalEdge_left').css('height', height);
                        $('.dynamicModalEdge_right').css('height', height);

                        $('.dynamicModal .close').click(function (e) {
                            e.preventDefault();
                            me.Close();
                        });
                    }

                } else {
                    me._Dialog.find('*[role=main]:first')
						.html(event.Data);
                }

                var compareModal = $('#compareModal');
                if (compareModal.length && compareModal.html().indexOf('<a href="#" class="close">Close</a>') == -1) {
                    compareModal.html('<a href="#" class="close">Close</a>' + compareModal.html());
                }

                if (me.CloseButtonSelector) me.SetCloseButton(me.CloseButtonSelector);

                me.Dispatch(ns.Modal.Events.Show);

                setTimeout(function () {
                    me._Overlay.css({ visibility: 'visible', opacity: 0 });
                    me._Dialog.css({ visibility: 'visible', display: 'block', opacity: 0 });
                    me.Center();
                    if (!rim.IsTouchDevice) {
                        var top = me._Dialog.offset().top,
    			    viewTop = $.browser.webkit ? $(window).scrollTop() : document.documentElement.scrollTop,
    			    viewBottom = viewTop + (window.innerHeight ? window.innerHeight : document.documentElement.clientHeight);
                        if (top < viewTop || top > viewBottom) me._Dialog.css('top', $.browser.webkit ? viewTop + top : viewTop + 'px');
                    }
                    me._Overlay.animate({ opacity: me.OverlayOpacity }, me.AnimationDuration, function () {
                        me._Dialog.animate({ opacity: 1 }, me.AnimationDuration, 'linear', function () {
                            $(this).css('opacity', null);
                            $(this).css('display', 'block');
                            me.Dispatch(ns.Modal.Events.Render);
                        });
                    });
                }, 0);

                me._OnScroll = function (event) {
                    me.Center();
                    if (rim.IsTouchDevice) me._Overlay.css({ left: $(window).scrollLeft(), top: $(window).scrollTop() });
                };
                $(window).scroll(me._OnScroll).resize(me._OnScroll);

                return me;

            }
        });

    })(Rf, jQuery);


    rim.LoadVideo = function (embedCode, xmlPathUrl, config) {
        var videoPath = embedCode;
        var options = {
            modalId: 'videoLightbox',
            modalClass: 'modal-dialog',
            videoWidth: 880,
            videoHeight: 519,
            opacaity: 0.8,
            showShare: false,
            shareLink: null
        }
        var o = $.extend(options, config);
        if (o.showShare) {
            var lightBoxTemplate = "<div id='videoLightbox'><a class=\"cta drop launchModal launchShareModal\" href=\"" + o.shareLink + "\">" + rim.lang.share + "</a>        <iframe id='likeButtonVideo' src='http://www.facebook.com/plugins/like.php?href=" + o.shareLink + "&layout=button_count&show_faces=false&width=40&action=like&colorscheme=dark&profile_" + rim.lang.facebook.id + "&locale=" + rim.lang.facebook.locale + "' scrolling='no' frameborder='0' allowTransparency='true' style='border:none; overflow:hidden;height: 25px; width:110px;'></iframe><a href='#' class='close'>Close</a><div role='main' id='flashMovieReplace'></div></div>";
        } else {
            var lightBoxTemplate = "<div id='videoLightbox'><a href='#' class='close'>Close</a><div role='main' id='flashMovieReplace'></div></div>";
        }

        if (embedCode != null && embedCode.match('youtube') && !embedCode.match('embed')) {

            var embedHTML = '<object width="' + o.videoWidth + '" height="' + o.videoHeight + '"><param name="movie" value="' + embedCode + '"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="' + embedCode + '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="' + o.videoWidth + '" height="' + o.videoHeight + '"></embed></object>';
            var videoModal = new Rf.Modal(embedHTML, { DialogID: o.modalId, DialogClassName: o.modalClass, Template: lightBoxTemplate, OverlayOpacity: o.opacaity });

        } else if (embedCode != null && embedCode.match('embed')) {

            var videoModal = new Rf.Modal(embedCode, { DialogID: 'videoLightbox', Template: lightBoxTemplate, OverlayOpacity: 0.8 });

        } else if (xmlPathUrl) {

            var videoModal = new Rf.Modal(null, { DialogID: 'videoLightbox', DialogClassName: 'smallFlashVideo', Template: lightBoxTemplate, OverlayOpacity: 0.8 });
            var variables = { xmlPath: xmlPathUrl, configPath: rim.lang.rootPath + "assets/flash/config.xml", vidwidth: 640, vidheight: 387, pageid: 1, defaultid: 1, autoplay: "false", controls: "static" };
            var params = {
                allowFullScreen: true,
                allowScriptAccess: "always",
                bgcolor: "#000000",
                scale: "noscale",
                salign: "TL"
            };
            videoModal.Bind(Rf.Modal.Events.Render, function () {
                swfobject.embedSWF(rim.lang.rootPath + "assets/flash/videoPlayer.swf", "flashMovieReplace", "640", "387", "9", null, variables, params);
            });

        }
        videoModal.Open();
        doOmnitureVideoEvent(videoPath);
    }

    $('.mScroll').bind('click', function (e) {
        e.preventDefault();
        var tempVars = $(this).attr('rel').split(':');
        var targetIndex = parseFloat(tempVars[1]);
        var targetX = parseFloat(tempVars[0]);
        hScroller.Self.animate({ scrollLeft: targetX }, 1800);
        hScroller.CurrentIndex = targetIndex;
        hScroller.UpdateScrollButtons();
    });
    //===================add2 ============================================
    // right arrow click function
    $('#pageRight').click(function () {
        //hide drag instruction box
        $('.drag-box').hide();
    });

    // left arrow click function
    $('#pageLeft').click(function () {
        //hide drag instruction box
        $('.drag-box').hide();
    });
    // hides drag instructions arrow on mousedown on scrollable area
    $('.scroller').bind('mousedown', function () {
        $('.drag-box').hide();
    });

    // left arrow mousedown
    $('#pageLeft').bind('mousedown', function () {
        //hide drag instruction box
        $('.drag-box').hide();
    });

    // Right arrow mousedown
    $('#pageRight').bind('mousedown', function () {
        //hide drag instruction box
        $('.drag-box').hide();
    }); 
