Mocha stabilize CS4

I imported a clip (Cineform), did the tracking and finally exported the tracking data.
Saved it to notepad.
Opened AE seleted the clip, go to notepad and copy date,
But then AE does not let me paste the datea on the clip, Paste (ctrlV) is grayed out.
Where did i go wrong, did excatly (i think) what was shown in the Mocha tutorial from ImagineerSystems.

http://forum.imagineersystems.com/showthread.php?p=3376#post3376

Similar Messages

Adjust the amount of Mocha stabilize?

I have a couple shots that Mocha (and the awesome MochaImport script) has beautifully stabilized. However, it's a little too rock solid.
Is there someway to craft an expression that can dial back the amount of stabilization? This would be particularly helpful when I have a continuous shot that needs to go from jiggly handheld to rock solid and then back to jiggly handheld.
I could link Wiggle to a slider and keyframe the amount of wiggle to introduce some randomness back into my stabilized shots. But that's kind of artificial.

So I wrote Mathias Möhl and he wrote me right back with this this solution:
In the following tutorial I explain how to stabilize and then to reintroduce a smooth variant of the original camera motion:
http://www.mamoworld.com/index.php?option=com_content&view=article&id=96&catid=35&Itemid=8 5
If you want to start jiggly and then become more smooth, you can modify the smoothing expression used. Instead of
smooth(width = 1, samples=5, t=time)
you create a slider control and pick-whip the slider property to the value of the with i.e.
smooth(width = PICKWHIP-CODE-HERE, samples=5, t=time)
e.g.
smooth(width = effect("Slider Control")("Slider"), samples=5, t=time)
You can then keyframe your slider control to control the smoothness. Values like 0.005 will have (almost) no stabilization, values of 1 or greater will be pretty smooth.

Where is -export rendered shapes in mocha ae "cc" ?

i can't export mattes from mocha to after effects
i know that's in default :
file > exoprt rendered shapes ..
such as mocha ae cs4.5.and 6
but here in mocha ae cc i can't export mattes ..

It seems to me that the problem is the "special" characters in the path. Change the path to only use characters that are native to the language in which you're running the software (English).
BTW, a huge number of bugs in this area were fixed in the After Effects CC (12) version.

Which Mocha is the latest

Hello, I don't use Mocha often. I went to open it today and noticed 2 Mocha Applications in my AE Folder (please see screen shots)
One is Mocha 2 (which has the Mocha logo), I won the upgrade at AENY last year , and the other says Mocha for CS4 but does not have the mocha logo or version number. Can I trash it if Mocha 2 is the newest version? Or is one a stand alone version.
Thanks in advance

Yes, you should be perfectly safe to delete the bundled version (though it may cause installer warnings if you ever need to run a uninstall). mocha 2 is newer. The version bundled with CS4 was mochaAE 1.2. Both the standalone and bundled versions have the same AE export features, the bundled one just doesn't support any other programs beyond that (you should see exports for Fusion, Nuke etc. also in your standalone).
Mylenium

PP CS4 crash - because of magic bullet stabilizer??

I'm using PP CS4 and I have a wedding video that I've been working on and it all of the sudden crashed on me. I used time machine to pull up an older version which opened fine but I lost the hours of work I put in. So I tried again to open the file that crashed and it worked. I sent it to the media encoder to render out but woke up to an "unknown error" message. I'm back to being unable to open the file with all the work.
My hunch is that the problem is an effect, more specifically Magic Bullet Stabilizer. This is only a guess but I remember it acting funny when I dropped it on the video layer. (It didn't seem to work and it would freeze up a little.) I could be wrong, other effects I'm using are Magic Bullet Denoiser and a bunch of standard color effects.
When I try to open the file I see what looks like chopped up pieces of an error message and my desktop background in the project window and then it crashes. I'm unable to do anything before PP crashes.
If anyone can help, please do...
Thanks...

Hi there,
I have seen crashes using Magic Bullet Denoiser in Premiere Pro CS5. Red Giant says Denoiser is currently unsupported for CS5, and I assume that goes the same for CS4. The Denoiser compatibility notes are here:
http://www.redgiantsoftware.com/products/all/magic-bullet-denoiser/compatibility/
Unfortunately, I don't have compatibility info on Magic Bullet Steady for CS4. I know it is discontinued for CS5. Perhaps you could contact Red Giant directly to ask them. Even better, if you could post back your results for other users who may have the same question.
Cheers,
Zac

How to use Premiere Pro CS4 and AE together to stabilize a shaky video.

Hello,
I know where to find and apply the stabilization tool in AE CS4, problem is I don't really understand compositions. I have a very very basic understanding of AE in general, more so the workflow and what some of the buttons here and there do.
Maybe this will be easier to answer.
I have my raw footage in Premiere Pro Cs4 right now, before I edit it I want to stabilize it. How to a connect PP and AE?
Will AE change the quality of my video? I need to keep it HD. I'm in a professional setting.
I do I take the stabilized video from AE and put it back into PP for further editing?
And finally, maybe this is redundant, but do I have to export out of AE or can I put the edited work back into PP for the rendering (exporting) process?
I can clarify on anything you need if I'm not making sense.
Thanks in advance for you the help!
-Mark

The "Working with After Effects and Premiere Pro" page gives an overview of the ways to move data back and forth between Premiere Pro and After Effects, and it also includes links to a few basic video tutorials on the subject.
It sounds like you need to learn the basics of After Effects first. I suggest starting on this page.

Adobe CS4 Deployment - Mocha Issue

Hi
I'm deploying Adobe CS4 Masters Collection to 250 machines. I've followed through the Deployment Toolkit and have managed to get the suite installed on a test machine.
The only problem i'm having is, when you launch 'Mocha for After Effects' it prompts for Registration details. I was hoping there might be a way to disable this screen however, i've tried googling and have drawn a blank.
Is there any way to either disable this screen or is there a tweak I can use to trick it into thinking it's already registered and so, does not prompt the user ?
Thanks a lot

I've had similar frustrations with the Deployement Toolkit. I created a network location for the installation files used the toolkit to create the installer. It lookes like an application is created that reads the xml script for installation details. The problem I'm having is that installer runs silently, and you don't know when it completes, but I give it 2 hours just to be sure. The major flaw is that the Photoshop is not being installed. The only changes I made were to not install the Bridge server. I'm tempted to make a full blown installation and see if I can get Photoshop to successfully install. I'm using CS4 Design Premium site licensing and I need to install this on dozens of computers. Close is not good enough I'm afraid. Didn't adobe test this a little better? Apparently they are expecting the client's to test this software for them. Grrr! I'll try some more and post any successes. I'm looking through the technotes now for clues.

Stabilize a sequence of images

I know how to stabilize a video when the reference point remains within the viewer.
But how do you stabilize a sequence of images (not video) or a video where the reference point disappears?
any advice would be appreciated, thank you.

Well 2 solutions for you:
either use the same methode as you do while the tracking points are in the field, and then do another tracking with new points when your first points are out of sight, and then parent the null with tracked data together. Andrew Kramer have a very good tutorial about this on Video Copilot: Set Extentions
Or you can try with Mocha planar tracking, included in CS4 & CS5. It can handle this kind of problem.
Hope that helps

AE motion stabilizing (not Mocha)

I am tracking motion in a clip in order to stabilize it. I'm using AE CS4's motion stabilizer (not Mocha). It's an aerial shot and so eventually the tracking box goes off screen.
How do I continue to track the shot? The help manual is not clear (at least to me) on exactly what I need to do next.
Can anyone advise me? Thanks.

If you do a search, you should be able to find a post about a technique involving Null objects and parenting to stitch multiple tracks together. Basically you do one track, but apply the motion to the Null, parent the layer to be tracked to it to get the motion, then track the second segment. The reasonb here is, that appended tracks will often have completely different values, so directly continuing almost never works. Another classic tip is, to place multiple duplicates of the clip side by side in a pre-comp, but with differnt time offsets, so it looks like one big panorama. then this pre-comp could be tracked and the result used with some manual intervention...
Mylenium

Problem with Encore CS4 (and Windows 7, possibly)

Greetings:
Anybody else having this problem? First I'll get my system blood work out of the way. It's a brand new HP Pavillion.
Windows 7 Home Premium (64 bit)
8GB RAM
Over 700GB of FREE harddrive
Intel Core 2 Quad Q8300 @ 2.5 GHz
Video Chip Set: Intel G45/G43 Express Chipset
I have ensured that everything is updated. This includes:
All CS4 Applications
Windows 7
My Graphics Card Driver
My Display Driver
I have also updated the Roxio PX Engine to V4.18.16a. I had read on a forum that Encore uses this driver and it should be up to date.
OK, the problem, which I can reproduce with the simplest Encore project:
1.     Start Encore
2.     Create a new project - specify DVD - everything else id default.
3.     Create a timeline
4.     Import asset. It is a simple Standard Video AVI file, 720x480.
5.     Select timeline for editing
Here's what happens:
A) Monitor window behaves normally. I can click play and watch the imported video. Sound is fine, everything is fine. I can start and stop the play back freely. All is well.
B) Now, I can do a number of things to create the problem I am having. The simplest is to just go to the timeline editor, select the AVI asset that has just been there, running fine, and remove it from the time line. At this point, the monitor window's internal frame that used to represent the video view port area, disappears. By "disappears", I mean that the Monitor window goes to the background color which is used for empty, unused window regions. What had been there before was a jet-black frame representing the video view area
Now, if I go to the project window and re-select the AVI asset that I was just viewing and put it BACK into the timeline, the Monitor does not restore. If I play the timeline, the monitor is still blank, although I can hear sound.
In addition to this, I also find that Encore has slowed so that response to the simplest operation is extremely slow. It doesn't crash, although, it might if I hang around long enough - but I don't. If I shut down Encore and restart it, it will work OK until I start manipulating video assets again and then the same thing will happen.
I should mention that, yes, I have this new computer but I was using Encore on an older and much slower XP system with less memory and drive space and I had no trouble with encore. I should also point out that the AVI assets that I use to produce this problem are the same ones I had used successfully on the older system.
Is there anyone out there that would find this problem familiar? Anyone find a solution?
Thanks in advance to anyone that responds.
Mark Roberts
Toronto, Canada

Hi John:
Thanks but, I had already done this. I was having THAT problem with Encore (could not even initialize before tanking) when I first installed it and that's when I updated the Roxio engine. I don't know what else there is to update or correct at this point.
There was one thing that occurred to me: When I was using XP, I had to disable Open GL in order to get Encore to stabilize. I've heard one recommendation for Encore that one must disable graphics acceleration. I would like try that here except I can't figure out how to do that in Windows 7.
I've been Googling "Windows 7 Disable Graphics Accel" and have come up with nothing useful.
Thanks for your help though and if you have any other ideas, I'm all ears.
Mark

DW CS4 Horizontal Spry drop down menu not displaying correctly in Internet Explorer 8

Hi,
I have created a horizontal Spry drop down menu in Dreamweaver CS4 with my own background images. I have done various modifications to the CSS script to accommodate the style and feel needed; including making the main buttons' height twice the size of the sub menu buttons and some alignments. It seems to work different depending which browser is used.
It works well in Google Chrome.
It works well in Firefox with the exception that if any of the buttons are clicked, thereafter a thin black line is diplayed horizontally across center of the top main buttons when the mouse rolls over them. I would like to correct this but is not nearly as bad as the problem I'm having in Internet Explorer 8.
Here is my biggest concern and I would greatly appreciate if anyone can shed some light on this matter.
Once opened in Internet Explorer 8 the main navigation buttons appear as they should. IE8 prompts me the following: "To help protect your security, Internet Explorer has restricted this webpage from running scripts or ActiveX controls that could access your computer. Click here for options..". Once I allow IE8 to run scripts or ActiveX controls, the background image disappears and only shows on any menu or submenu button when the mouse rolls over that particular button. Can someone please help.
The menu can be seen at work by clicking on this link:
www.bargainxchange.com/BXC Main Navigation Spry Drop Menu.html
Below are all the scrips involved.
Here is the CSS script named "SpryMenuBarHorizontal4.css" in use :
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 10;
    padding: 0;
    list-style-type: none;
    font-size: 80%;
    cursor: default;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    /*whole menu moves*/
    margin-left: 100px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* My Note --Top buttons' background, height and font size adjust-- */
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    /* My note --I added the height and background-image as Main-Buttons.jpg-- */
    height: 55px;
    background-image: url(../Main-Buttons.jpg);
    margin: -2;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: center;
    /*text-align: left;*/
    cursor: pointer;
    width: 99px;
    float: left;
/* My note --Submenu font size adjust-- */
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    /*height:38px;*/
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 87%;
    z-index: 1020;
    cursor: default;
    width: 160px;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    /* My note --this margin alligns the drop buttons up and down-- */
    margin-top: 24px;
    height: 25px;
    left: auto;
/* My note --drop menu size adjustments-- */
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    height: 25px;
    width: 160px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position:absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    /*border: 1px solid #CCC;*/
/* My note --Text Allignment global-- */
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    /*height: 40px;*/
    text-align: center;
    /*vertical-align: center;*/
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    text-decoration: none;
    /*zzzzzzzz Text Color*/
    color: #333;        /*background-color: #CCC;*/
    letter-spacing: -0.00px;
    margin-left: 1px;
    margin-right: 0px;
    /*alligns text up or down globally*/
    margin-top: 1px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    /*background-color: #33C;
    color: #FFF;*/
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-image: url(../Main-Buttons-mouse-over.jpg);    /*background-color: #33C;
    color: #FFF;*/
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* My note --mouse over-- */
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
Here is the JavaScrip file named "SpryMenuBar.js" that has not been modified in any way:
// SpryMenuBar.js - version 0.12 - Spry Pre-Release 1.6.1
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//   * Redistributions of source code must retain the above copyright notice,
//     this list of conditions and the following disclaimer.
//   * Redistributions in binary form must reproduce the above copyright notice,
//     this list of conditions and the following disclaimer in the documentation
//     and/or other materials provided with the distribution.
//   * Neither the name of Adobe Systems Incorporated nor the names of its
//     contributors may be used to endorse or promote products derived from this
//     software without specific prior written permission.
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
SpryMenuBar.js
This file handles the JavaScript for Spry Menu Bar. You should have no need
to edit this file. Some highlights of the MenuBar object is that timers are
used to keep submenus from showing up until the user has hovered over the parent
menu item for some time, as well as a timer for when they leave a submenu to keep
showing that submenu until the timer fires.
var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.BrowserSniff = function()
    var b = navigator.appName.toString();
    var up = navigator.platform.toString();
    var ua = navigator.userAgent.toString();
    this.mozilla = this.ie = this.opera = this.safari = false;
    var re_opera = /Opera.([0-9\.]*)/i;
    var re_msie = /MSIE.([0-9\.]*)/i;
    var re_gecko = /gecko/i;
    var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
    var r = false;
    if ( (r = ua.match(re_opera))) {
        this.opera = true;
        this.version = parseFloat(r[1]);
    } else if ( (r = ua.match(re_msie))) {
        this.ie = true;
        this.version = parseFloat(r[1]);
    } else if ( (r = ua.match(re_safari))) {
        this.safari = true;
        this.version = parseFloat(r[2]);
    } else if (ua.match(re_gecko)) {
        var re_gecko_version = /rv:\s*([0-9\.]+)/i;
        r = ua.match(re_gecko_version);
        this.mozilla = true;
        this.version = parseFloat(r[1]);
    this.windows = this.mac = this.linux = false;
    this.Platform = ua.match(/windows/i) ? "windows" :
                    (ua.match(/linux/i) ? "linux" :
                    (ua.match(/mac/i) ? "mac" :
                    ua.match(/unix/i)? "unix" : "unknown"));
    this[this.Platform] = true;
    this.v = this.version;
    if (this.safari && this.mac && this.mozilla) {
        this.mozilla = false;
Spry.is = new Spry.BrowserSniff();
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
    this.init(element, opts);
Spry.Widget.MenuBar.prototype.init = function(element, opts)
    this.element = this.getElement(element);
    // represents the current (sub)menu we are operating on
    this.currMenu = null;
    this.showDelay = 250;
    this.hideDelay = 600;
    if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
        // bail on older unsupported browsers
        return;
    // Fix IE6 CSS images flicker
    if (Spry.is.ie && Spry.is.version < 7){
        try {
            document.execCommand("BackgroundImageCache", false, true);
        } catch(err) {}
    this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
    this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
    this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
    this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
    this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;
    this.hoverClass = 'MenuBarItemHover';
    this.subHoverClass = 'MenuBarItemSubmenuHover';
    this.subVisibleClass ='MenuBarSubmenuVisible';
    this.hasSubClass = 'MenuBarItemSubmenu';
    this.activeClass = 'MenuBarActive';
    this.isieClass = 'MenuBarItemIE';
    this.verticalClass = 'MenuBarVertical';
    this.horizontalClass = 'MenuBarHorizontal';
    this.enableKeyboardNavigation = true;
    this.hasFocus = false;
    // load hover images now
    if(opts)
        for(var k in opts)
            if (typeof this[k] == 'undefined')
                var rollover = new Image;
                rollover.src = opts[k];
        Spry.Widget.MenuBar.setOptions(this, opts);
    // safari doesn't support tabindex
    if (Spry.is.safari)
        this.enableKeyboardNavigation = false;
    if(this.element)
        this.currMenu = this.element;
        var items = this.element.getElementsByTagName('li');
        for(var i=0; i<items.length; i++)
            if (i > 0 && this.enableKeyboardNavigation)
                items[i].getElementsByTagName('a')[0].tabIndex='-1';
            this.initialize(items[i], element);
            if(Spry.is.ie)
                this.addClassName(items[i], this.isieClass);
                items[i].style.position = "static";
        if (this.enableKeyboardNavigation)
            var self = this;
            this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
        if(Spry.is.ie)
            if(this.hasClassName(this.element, this.verticalClass))
                this.element.style.position = "relative";
            var linkitems = this.element.getElementsByTagName('a');
            for(var i=0; i<linkitems.length; i++)
                linkitems[i].style.position = "relative";
Spry.Widget.MenuBar.KEY_ESC = 27;
Spry.Widget.MenuBar.KEY_UP = 38;
Spry.Widget.MenuBar.KEY_DOWN = 40;
Spry.Widget.MenuBar.KEY_LEFT = 37;
Spry.Widget.MenuBar.KEY_RIGHT = 39;
Spry.Widget.MenuBar.prototype.getElement = function(ele)
    if (ele && typeof ele == "string")
        return document.getElementById(ele);
    return ele;
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
    if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
        return false;
    return true;
Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
    if (!ele || !className || this.hasClassName(ele, className))
        return;
    ele.className += (ele.className ? " " : "") + className;
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
    if (!ele || !className || !this.hasClassName(ele, className))
        return;
    ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
    try
        if (element.addEventListener)
            element.addEventListener(eventType, handler, capture);
        else if (element.attachEvent)
            element.attachEvent('on' + eventType, handler);
    catch (e) {}
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
    var layer = document.createElement('iframe');
    layer.tabIndex = '-1';
    layer.src = 'javascript:""';
    layer.frameBorder = '0';
    layer.scrolling = 'no';
    menu.parentNode.appendChild(layer);
    layer.style.left = menu.offsetLeft + 'px';
    layer.style.top = menu.offsetTop + 'px';
    layer.style.width = menu.offsetWidth + 'px';
    layer.style.height = menu.offsetHeight + 'px';
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu)
    var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
    while(layers.length > 0)
        layers[0].parentNode.removeChild(layers[0]);
// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
    var menus = root.getElementsByTagName('ul');
    for(var i=0; i<menus.length; i++)
        this.hideSubmenu(menus[i]);
    this.removeClassName(this.element, this.activeClass);
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
    return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
    if(this.currMenu)
        this.clearMenus(this.currMenu);
        this.currMenu = null;
    if(menu)
        this.addClassName(menu, this.subVisibleClass);
        if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
            if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
                menu.style.top = menu.parentNode.offsetTop + 'px';
        if(Spry.is.ie && Spry.is.version < 7)
            this.createIframeLayer(menu);
    this.addClassName(this.element, this.activeClass);
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
    if(menu)
        this.removeClassName(menu, this.subVisibleClass);
        if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
            menu.style.top = '';
            menu.style.left = '';
        if(Spry.is.ie && Spry.is.version < 7)
            this.removeIframeLayer(menu);
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
    var opentime, closetime;
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    if(menu)
        this.addClassName(link, this.hasSubClass);
    if(!Spry.is.ie)
        // define a simple function that comes standard in IE to determine
        // if a node is within another node
        listitem.contains = function(testNode)
            // this refers to the list item
            if(testNode == null)
                return false;
            if(testNode == this)
                return true;
            else
                return this.contains(testNode.parentNode);
    // need to save this for scope further down
    var self = this;
    this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
    this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);
    if (this.enableKeyboardNavigation)
        this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false);
        this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false);
Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
    this.lastOpen = listitem.getElementsByTagName('a')[0];
    this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
    this.hasFocus = true;
Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
    this.clearSelection(listitem);
Spry.Widget.MenuBar.prototype.clearSelection = function(el){
    //search any intersection with the current open element
    if (!this.lastOpen)
        return;
    if (el)
        el = el.getElementsByTagName('a')[0];
        // check children
        var item = this.lastOpen;
        while (item != this.element)
            var tmp = el;
            while (tmp != this.element)
                if (tmp == item)
                    return;
                try{
                    tmp = tmp.parentNode;
                }catch(err){break;}
            item = item.parentNode;
    var item = this.lastOpen;
    while (item != this.element)
        this.hideSubmenu(item.parentNode);
        var link = item.getElementsByTagName('a')[0];
        this.removeClassName(link, this.hoverClass);
        this.removeClassName(link, this.subHoverClass);
        item = item.parentNode;
    this.lastOpen = false;
Spry.Widget.MenuBar.prototype.keyDown = function (e)
    if (!this.hasFocus)
        return;
    if (!this.lastOpen)
        this.hasFocus = false;
        return;
    var e = e|| event;
    var listitem = this.lastOpen.parentNode;
    var link = this.lastOpen;
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    var hasSubMenu = (menu) ? true : false;
    var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')];
    if (!opts[3])
        opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == 'li')?listitem.parentNode.parentNode:null;
    var found = 0;
    switch (e.keyCode){
        case this.upKeyCode:
            found = this.getElementForKey(opts, 'y', 1);
            break;
        case this.downKeyCode:
            found = this.getElementForKey(opts, 'y', -1);
            break;
        case this.leftKeyCode:
            found = this.getElementForKey(opts, 'x', 1);
            break;
        case this.rightKeyCode:
            found = this.getElementForKey(opts, 'x', -1);
            break;
        case this.escKeyCode:
        case 9:
            this.clearSelection();
            this.hasFocus = false;
        default: return;
    switch (found)
        case 0: return;
        case 1:
            //subopts
            this.mouseOver(listitem, e);
            break;
        case 2:
            //parent
            this.mouseOut(opts[2], e);
            break;
        case 3:
        case 4:
            // left - right
            this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
            break;
    var link = opts[found].getElementsByTagName('a')[0];
    if (opts[found].nodeName.toLowerCase() == 'ul')
        opts[found] = opts[found].getElementsByTagName('li')[0];
    this.addClassName(link, opts[found].getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
    this.lastOpen = link;
    opts[found].getElementsByTagName('a')[0].focus();
        //stop further event handling by the browser
    return Spry.Widget.MenuBar.stopPropagation(e);
Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e)
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    var hasSubMenu = (menu) ? true : false;
    if (this.enableKeyboardNavigation)
        this.clearSelection(listitem);
    if(this.bubbledTextEvent())
        // ignore bubbled text events
        return;
    if (listitem.closetime)
        clearTimeout(listitem.closetime);
    if(this.currMenu == listitem)
        this.currMenu = null;
    // move the focus too
    if (this.hasFocus)
        link.focus();
    // show menu highlighting
    this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
    this.lastOpen = link;
    if(menu && !this.hasClassName(menu, this.subHoverClass))
        var self = this;
        listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay);
Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e)
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    var hasSubMenu = (menu) ? true : false;
    if(this.bubbledTextEvent())
        // ignore bubbled text events
        return;
    var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
    if(!listitem.contains(related))
        if (listitem.opentime)
            clearTimeout(listitem.opentime);
        this.currMenu = listitem;
        // remove menu highlighting
        this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
        if(menu)
            var self = this;
            listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay);
        if (this.hasFocus)
            link.blur();
Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling)
    var child = element[sibling];
    while (child && child.nodeName.toLowerCase() !='li')
        child = child[sibling];
    return child;
Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir)
    var found = 0;
    var rect = Spry.Widget.MenuBar.getPosition;
    var ref = rect(els[found]);
    var hideSubmenu = false;
    //make the subelement visible to compute the position
    if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible))
        els[1].style.visibility = 'hidden';
        this.showSubmenu(els[1]);
        hideSubmenu = true;
    var isVert = this.hasClassName(this.element, this.verticalClass);
    var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false;
    for (var i = 1; i < els.length; i++){
        //when navigating on the y axis in vertical menus, ignore children and parents
        if(prop=='y' && isVert && (i==1 || i==2))
            continue;
        //when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents
        if(prop=='x' && !isVert && !hasParent && (i==1 || i==2))
            continue;
        if (els[i])
            var tmp = rect(els[i]);
            if ( (dir * tmp[prop]) < (dir * ref[prop]))
                ref = tmp;
                found = i;
    // hide back the submenu
    if (els[1] && hideSubmenu){
        this.hideSubmenu(els[1]);
        els[1].style.visibility = '';
    return found;
Spry.Widget.MenuBar.camelize = function(str)
    if (str.indexOf('-') == -1){
        return str;
    var oStringList = str.split('-');
    var isFirstEntry = true;
    var camelizedString = '';
    for(var i=0; i < oStringList.length; i++)
        if(oStringList[i].length>0)
            if(isFirstEntry)
                camelizedString = oStringList[i];
                isFirstEntry = false;
            else
                var s = oStringList[i];
                camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
    return camelizedString;
Spry.Widget.MenuBar.getStyleProp = function(element, prop)
    var value;
    try
        if (element.style)
            value = element.style[Spry.Widget.MenuBar.camelize(prop)];
        if (!value)
            if (document.defaultView && document.defaultView.getComputedStyle)
                var css = document.defaultView.getComputedStyle(element, null);
                value = css ? css.getPropertyValue(prop) : null;
            else if (element.currentStyle)
                    value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];
    catch (e) {}
    return value == 'auto' ? null : value;
Spry.Widget.MenuBar.getIntProp = function(element, prop)
    var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);
    if (isNaN(a))
        return 0;
    return a;
Spry.Widget.MenuBar.getPosition = function(el, doc)
    doc = doc || document;
    if (typeof(el) == 'string') {
        el = doc.getElementById(el);
    if (!el) {
        return false;
    if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
        //element must be visible to have a box
        return false;
    var ret = {x:0, y:0};
    var parent = null;
    var box;
    if (el.getBoundingClientRect) { // IE
        box = el.getBoundingClientRect();
        var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
        var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;
        ret.x = box.left + scrollLeft;
        ret.y = box.top + scrollTop;
    } else if (doc.getBoxObjectFor) { // gecko
        box = doc.getBoxObjectFor(el);
        ret.x = box.x;
        ret.y = box.y;
    } else { // safari/opera
        ret.x = el.offsetLeft;
        ret.y = el.offsetTop;
        parent = el.offsetParent;
        if (parent != el) {
            while (parent) {
                ret.x += parent.offsetLeft;
                ret.y += parent.offsetTop;
                parent = parent.offsetParent;
        // opera & (safari absolute) incorrectly account for body offsetTop
        if (Spry.is.opera || Spry.is.safari && Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute')
            ret.y -= doc.body.offsetTop;
    if (el.parentNode)
            parent = el.parentNode;
    else
        parent = null;
    if (parent.nodeName){
        var cas = parent.nodeName.toUpperCase();
        while (parent && cas != 'BODY' && cas != 'HTML') {
            cas = parent.nodeName.toUpperCase();
            ret.x -= parent.scrollLeft;
            ret.y -= parent.scrollTop;
            if (parent.parentNode)
                parent = parent.parentNode;
            else
                parent = null;
    return ret;
Spry.Widget.MenuBar.stopPropagation = function(ev)
    if (ev.stopPropagation)
        ev.stopPropagation();
    else
        ev.cancelBubble = true;
    if (ev.preventDefault)
        ev.preventDefault();
    else
        ev.returnValue = false;
Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
    if (!optionsObj)
        return;
    for (var optionName in optionsObj)
        if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
            continue;
        obj[optionName] = optionsObj[optionName];
And last, here is the HTML code that has also not been modified in any way:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="../BXC Main Navigation Spry Drop Menu/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../BXC Main Navigation Spry Drop Menu/SpryAssets/SpryMenuBarHorizontal4.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Buy</a>
    <ul>
      <li><a href="#">Shop from Private Owner</a></li>
      <li><a href="#">Shop Direct from Stores</a></li>
      <li><a href="#">Help Buying</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Bid</a>
    <ul>
      <li><a href="#">Shop from Auction</a></li>
      <li><a href="#">Help Bidding</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Trade</a>
    <ul>
      <li><a href="#">Shop for Trades</a></li>
      <li><a href="#">Help Trading</a></li>
    </ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">List Items</a>
    <ul>
      <li><a href="#">List Items in Auction</a></li>
      <li><a href="#">List Items for Sale</a></li>
      <li><a href="#">List Items for Trade</a></li>
      <li><a href="#">Help Listing Items</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Intro</a>
    <ul>
      <li><a href="#">Flash Site &amp; Intro</a></li>
      <li><a href="#">About Us</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">My Xchange</a>
    <ul>
      <li><a href="#">Activity</a></li>
      <li><a href="#">Account</a></li>
      <li><a href="#">Mail</a></li>
    </ul>
</li>
<li><a href="#">Contact Us</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Help</a>
    <ul>
      <li><a href="#">Main Help</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
</li>
</ul>
<script type="text/javascript">

</script>
</body>
</html>
Thanks in advance for any of your help.
Jose H.

Hello Nancy,
I was troubleshooting For the next 8 hours after my post here and eventually I got it right, I uploaded the files to the test server and at the time did not have the chance to post the solution here. This is why, as you saw, it is working correctly now. Both the CSS and HTML files needed modifications. While working on the code I had to run IE8, Chrome and Firefox simultaneously and refresh all three after every change in the code because what would fix the problem in one would cause a problem for the other.
In addition to the problems listed in my original post, there were also other graphical issues in IE8, such as; the main menu buttons without sub-menus would only display at half their size vertically. The border around the buttons would not display despite that the background images were rendered in Photoshop as flattened JPEGs with boarders as part of the background image. Being so, I removed all borders from the CSS script.
By the way.. the IE8 security measure did pop up while working from the server.
Anyhow for those of you who are experiencing similar problems you can take a look at the working code bellow and compare it to the initial code. I've included detail comments on every line I have changed, modified or added.
Good luck.. as I know it can become a complicated task when creating custom Spry menus.
<b>Here is the finished CSS script</b>
<code>@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 10;
    padding: 0;
    list-style-type: none;
    /* font size for top menu*/
    font-size: 80%;
    cursor: default;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    /*whole menu moves*/
    margin-left: 100px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* My Note --Top buttons' background, height and font size adjust-- */
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    /* My note --I added the height and background-image as Main-Buttons.jpg-- */
    height: 55px;
    background-image: url(../Main-Buttons.jpg);
    margin: -2;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: center;
    /*text-align: left;*/
    cursor: pointer;
    width: 99px;
    float: left;
/* My note --Submenu font size adjust-- */
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 87%;
    z-index: 1020;
    cursor: default;
    width: 160px;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    /* My note --this margin alligns the drop buttons up and down-- */
    margin-top: 0px;
    height: 25px;
    left: auto;
/* My note --drop menu size adjustments-- */
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    height: 25px;
    width: 162px;
    /* New addition */
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position:absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    /*border: 1px solid #CCC;*/
/* My note --Text Allignment global-- */
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    /*My note -- took out borders & changed text color to #333(black)& added my own mouse not over image-- */
    /*border: 0px solid #333332;*/
    background-image: url(../Main-Buttons.jpg);
    /*height: 40px;*/
    text-align: center;
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    text-decoration: none;
    /*My note --Text Color-- */
    color: #333;        /*background-color: was #CCC;*/
    letter-spacing: -0.00px;
    margin-left: 1px;
    margin-right: 0px;
    /*alligns text up or down globally*/
    margin-top: 1px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    /* My note --took out all backgound & text color for mouse over-- */
    /*background-color: #33C;
    color: #FFF;*/
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    /*My note -- took out background & text & added my own mouse over image-- */
    background-image: url(../Main-Buttons-mouse-over.jpg);
    /*background-color: #33C;
    color: #FFF;*/
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    /* My note --!!!!!This height setting adjusts the main buttons' background height in IE8!!!!-- */
    height: 40px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* My note --mouse over-- */
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        /* My note --The backgound color below was changed here to the same color #3e6487 as the darkest tone in the background image graphic to mimic the original image borders; dark blue, since IE8 for some reason would cut them out. This change allows this dark blue background to display around the main top buttons in IE8 giving the appearance of borders*/
        background: #3e6487;
</code>
<b>Here is the modified HTML script</b>
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="/SpryAssets/SpryMenuBarHorizontal4.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Buy</a>
    <ul>
      <li><a href="#">Shop from Private Owner</a></li>
      <li><a href="#">Shop Direct from Stores</a></li>
      <li><a href="#">Help Buying</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Bid</a>
    <ul>
      <li><a href="#">Shop from Auction</a></li>
      <li><a href="#">Help Bidding</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Trade</a>
    <ul>
      <li><a href="#">Shop for Trades</a></li>
      <li><a href="#">Help Trading</a></li>
    </ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">List Items</a>
    <ul>
      <li><a href="#">List Items in Auction</a></li>
      <li><a href="#">List Items for Sale</a></li>
      <li><a href="#">List Items for Trade</a></li>
      <li><a href="#">Help Listing Items</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Intro</a>
    <ul>
      <li><a href="#">Flash Site &amp; Intro</a></li>
      <li><a href="#">About Us</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">My Xchange</a>
    <ul>
      <li><a href="#">Activity</a></li>
      <li><a href="#">Account</a></li>
      <li><a href="#">Mail</a></li>
    </ul>
</li>

<li><a href="#" class="MenuBarItemSubmenu">Contact Us</a>
<li><a href="#" class="MenuBarItemSubmenu">Help</a>
    <ul>
      <li><a href="#">Main Help</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
</li>
</ul>
<script type="text/javascript">

</script>
</body>
</html>
</code>
And Richard.. Thanks again for the time and your help, truly appreciated.
Jose H.

Progressbar on Mac AE CS3 & CS4

Hey guys. Weird problem here. Seems Progressbar update in CS3 and CS4 (not sure about CS5) doesn't work properly on MAC. But I guess this is a known issues.
Any ways, I am building my progress bar window like this:
var PBWin = new Window ('palette', 'Progress Window', undefined);
var ProgressBar = PBWin.add('progressbar', undefined, 0, 100);
and later in my code in some for/loop I am incrementing ProgressBar values.
All works nice on CS6 and above, but cannot figure out how to make them work on CS3 and CS4. Any ideas?
I searched forum and found Update() option. But this only works for Window objects. However, if I change my "Palette" to "Window" that problem still appeas.
So is the a workaround with ProgressBars on MAC specific that work on CS3 and CS4?
From Peter Kahrel document scriptui-2-2.pdf if says:
Note: in scripts that use progress bars, you cannot set app.scriptPreferences.enableRedraw to false. If you do, the progress bar doesn't display correctly. This is on Macs only.
But that's irrelevant to AE, is it? Becouse it throws me an error when I try to add app.scriptPreferences.enableRedraw = true.

He didn't use Mocha, these clips aren't too recent...
Well, I know that the animated parts were done literally by hand, stop-motions, then saved as little transparent movies or animated gifs then loaded onto the filmed video..
So you think there isn't tracking really?? How could I make something pop up a book like this, when you look at it in slow motion, the animated shapes actually change perpectives and sort of disappear into the book... Does simple motion tracking tweek the "tracking object" as its tracking area interpolates??
Thanks

Can anyone stabilize this video that has some minor, key camera jumps?

I have around fifteen seconds of video that forms a flashback in my short. Unfortunately, the recording suffered from some tiny bouncing in our floorboards which we couldn't pick up on the monitor.
I've tried the standard warp stabilizer in Premiere CS6 and even the motion tracking using points in After Effects, but either my skills aren't up to it or there just aren't enough points in the footage to track.
The closest I can get is separating the footage into three sections, correcting them individually and then trying to realign them using scale and position - but given that it's a fixed frame and is being shown on a large screen, even the tiniest of remaining movements are visible. It looks fixed in the preview screen but shows up on the HD export. Is anyone able to shed some light on this one?
This is the take that would be ideal to correct:
http://speedy.sh/uvtep/MVI-0410.MOV
Or failing that, there's this one:
http://speedy.sh/zDk2F/MVI-0404.MOV
There's a second or two of shake at the very beginning and end, but that can be completely jetissoned. The audio featured in these clips also won't be used, as'll be obvious when you see it.
If anyone can suggest where I can cut this and what settings I can use on the warp stabilizer to get this perfect, I'll be forever in your debt.
Thanks to you all as always and have a great night,
Lee

I haven't tried anything yet but at first look the little glitch in the first shot only lasts a frame or two. Have you tried time remapping to remove the offending frames? This is the wrong kind of motiion for Warp Stabilizer to help with. AE's point tracker or Mocha is far better suited to the job.
Second, I noticed the shots have not been trimmed. It's usually a good standard practice to trim your shots before stabilizing. I always leave a few frames at each end to facilitate editing but it's usually a waste of production time to stabilize an entire take.
OK, I took about 2 minutes to use the point tracker on about 10 frames where the camera jumps around a bit. Worked perfectly by simply selecting the top right corner of the card and using stabilize motion.
Here's an AEP with the fixed shot. You can adjust the in and out points as needed and scale the shot up if you need to fix the edges of the frame. You'll have to replace the footage with your first shot.
As I was cleaning up my desktop I took a last look and noticed that the jitter is not uniform. If you stabilize the corner of the card then the package stills moves a bit. I had the best luck tracking the intersection of the package and the card. and the corner of the card by stabilizing scale and rotation. This tells me that it is more likely that the table rocked changing perspective than the camera was bumped. Either way, there is no way to make the shot absolutely perfect without warping the image. I'm not sure it would be worth it.
The hardest part about video production is deciding when you're done.

CS4 Acrobat 9 Pro invalid serial number

I have Adobe Creative Suite 4 Master Collection Student Version. I bought it back in 2009. I recently uninstalled everything except Acrobat 9 Pro because I wanted to keep it. I opened Acrobat today and it asked me for a serial number. I typed in the long code that was printed under the "Product Name" on my paper with all of my information, but it said that the number is invalid. I researched and found that a student license NEVER expires, so what's the deal? Another spot asked for my "Coupon Code" saying that it started with 5 letters and 17 numbers, but my coupon code is "8Z24-....." Please help me.

I managed to clean my registry, then reinstalled Acrobat 9 Pro using the Master Collection discs and succeeded. But, now it is giving me crap about "Product is part of a suite and must be opened after opening another program, such as Photoshop." Are you kidding me? I did NOT install anything except Acrobat 9 Pro. However, a few other programs managed to sneek themselves in: Mocha for After Effects CS4, Distiller 9, and LiveCycle Designer ES 8.2. I'm pretty sure that I did NOT check mark the boxes for this crap, so I don't know why I now have it. I'm really thinking about uninstalling the whole thing and just using the trial version of the new Adobe Acrobat XI Pro, for 30 days, of course.

Time-lapse flicker unchanged after Color Stabilizer

I shot a sequence of still photos of a cluster of roses blooming in front of a blue screen for creating a time-lapse clip, my first time to try that. I have an NTSC-sized comp that fills the frame nicely with just one of the roses. As expected, there is flicker due to imprecision in the camera's aperture, and the rumor is that AE's Color Stabilizer effect should fix that. I have Keylight to key out the blue, and also TimeWarp to speed it up because the rose took longer than I thought to open (although that's optional, as I can just make the clip at its original length and speed it up in PPro when I combine it with backgrounds), but I made sure to put the Color Stabilizer below those other effects in the timeline - that should mean it is applied first, right? The Color Stabilizer in is "Brightness" mode, and because the rose's petals move, I put the "Black Point" on the blue screen. But it still flickers - it doesn't look like there is any improvement over not using the effect at all. Am I doing something wrong? Naturally, if the Color Stabilizer was being applied after Keylight, it wouldn't work because the background would already be erased, but I think it should be applying it first. If I have to put the Black Point on some part of the rose, I will have to chase it with a bunch of keyframes, and it may still not work right. Recommendations?
I wish there was an effect that would simply look at the whole frame's brightness and smooth each frame to a running average of several frames in a row, but as far as I know, such an effect doesn't exist.
Additional info: AE CS4 on Windows XP. The photos were for 1 second each @ f-8 with a Canon Powershot S3-IS, if that matters.

If the lighting and background are constant, there's nothing for Color
Stabilizer to do, you should not have needed it at all.
That would be true if I was shooting with my video camera (which I have done for many a sunrise or other less-than-one-hour time-lapses. But the problem is that most still cameras do not keep their aperture set while waiting between shots, and even in manual shooting mode with a specific f-stop, there will be slight variations. The flicker isn't caused by my subject matter, but by my camera.
In my case, I'm actually pretty pleased that my camera did as well as it did, considering that it's not an SLR. The flicker is not nearly as bad as some examples I have seen on the web. For your benefit, I made two half-resolution Quicktime file of the same 4 seconds of the middle of the sequence - this one has no effects at all, and this one has not just one but two effects added that are rumored to be helpful in reducing flicker: Color Stabilizer in "brightness" mode with the "black point" on the background, and Auto Levels with a Temporal Smoothing setting of 1 second. (Even at half-resolution and only four seconds, the files are still over 14MB each, because they contain the full frame rate of 29.97 fps, so be patient with the download.) To my naked eye, I can't see much difference.
I'd have
processed the individual stills in a batch in Photoshop first, leveling
all variables.
How does one do that? I do have Photoshop (CS2), but I'm not much of a Photoshop expert and have no idea how to get it to compare levels between even two files, much less do such comparison in an batch fashion between thousands of files.
Thanks for the link. I didn't see anything directly relevent at first glance (deflicker discussions center around using VirtualDub on a progressive video file, but my source is 3000 still photos, my destination is interlaced DV-encoded video, and I don't really want to process and resave it multiple times if I can avoid it). But when I have more time, I'm sure I could learn lots about time-lapse in general by reading the forum threads.

Mocha stabilize CS4

Similar Messages

Maybe you are looking for