im trying to create a dropdown menu with submenus and thumbnails but im not quite sure how to pull it off, i got the basic dropdown working but i cant figure out how to implement the submenu within or get the thumbnails to load correctly
#include "mc_tween2.as"
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
sections = [];
sub = [];
subimage = [];
subdesc = [];
subthumb = [];
subsec = [];
subtotal = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
sub* = xmlNode.childNodes*.childNodes[4].firstChild.nodeValue;
subtotal* = xmlNode.childNodes*.childNodes[5].childNodes.length;
xmlnode2 = xmlNode.childNodes*.childNodes[5].firstChild;
if (sub* == "true") {
for (h=0; h<subtotal*; h++) {
subsec[h] = xmlnode2.childNodes[0].firstChild.nodeValue;
subimage[h] = xmlnode2.childNodes[0].firstChild.nodeValue;
subdesc[h] = xmlnode2.childNodes[1].firstChild.nodeValue;
subthumb[h] = xmlnode2.childNodes[2].firstChild.nodeValue;
}
} else {
//trace("nosub");
}
mnu(i);
}
//firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("menusystem.xml");
aa = 0;
/////////////////////////////////////
function mnu(k) {
var menuvar = holder.attachMovie("menu_mc", "menu_mc"+k, ++aa);
menuvar.cap.m_caption.text = description[k];
menuvar._alpha = 0;
menuvar.msk._xscale = 1;
menuvar.cap.setMask(menuvar.msk);
var menut = Math.round((menuvar._height)*k);
menuvar._y = 0;
menuvar.tween("_alpha", 100, .2, "easeOutExpo", k/total);
menuvar.tween("_y", menut, .3, "easeOutExpo", k/total);
menuvar.msk.tween("_xscale", 100, 1, "easeOutExpo", k/total+.2);
menuvar.bk._alpha = 60;
var xvar = menuvar.cap._x;
var xvaru = menuvar.cap._x+5;
menuvar.onRollOver = function() {
this.bk.glowTo(0xFF7300, 1, 10, 2, 2, false, false, 2);
this.bk._alpha = 100;
this.bk.colorTo(0xFF7300, 0.5, "linear");
this.cap.colorTo(0x000000, 0.5, "linear");
this.swapDepths(1111);
this.streek.play();
this.cap.tween("_x", xvaru, 1, "easeOutExpo");
if (sub[k] == "true") {
tum(k);
target_mc._alpha = 100;
trace("submenu");
}
};
menuvar.onRollOut = function() {
//if (_parent.hitTest(this)) {
this.t[k].tween("_alpha", 0, 1, "easeOutExpo", k/total, function () {
target_mc._alpha = 0;
this.removeMovieClip;
});
this.bk.colorTo(0x000000, 0.5, "linear");
this.cap.colorTo(0xFFFFFF, 0.5, "linear");
this.bk.glowTo(0xFF7300, 0, 0, 0, 0, false, false, 0);
this.bk._alpha = 60;
this.streek.gotoAndStop(1);
this.cap.tween("_x", xvar, 1, "easeOutExpo");
//} else {
//}
};
aa++;
}
function tum(k) {
holder.createEmptyMovieClip("t"+k, holder.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc.glowTo(0xFF7300, 1, 5, 200, 2, true, false, 2);
target_mc._y = (40+5)*k;
target_mc._x = 135;
//trace(target_mc._width+" "+target_mc._parent._rotation)
target_mc.pictureValue = k;
//target_mc._alpha = 0;
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "holder.t"+k);
}
heres the xml
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<menu>
<pic>
<image>kresge.jpg</image>
<caption>Section 1</caption>
<thumbnail>kresge_sm.jpg</thumbnail>
<link>section</link>
<extended>true</extended>
<sub>
<pic>
<image>kresge.jpg</image>
<caption>Section 1</caption>
<thumbnail>kresge_sm.jpg</thumbnail>
<link>section1</link>
<desc>section1 is fantastic</desc>
</pic>
<pic>
<image>kresge.jpg</image>
<caption>Section 1</caption>
<thumbnail>kresge_sm.jpg</thumbnail>
<link>section1</link>
<desc>section1 is fantastic</desc>
</pic>
</sub>
</pic>
<pic>
<image>medialab.jpg</image>
<caption>Media Lab</caption>
<thumbnail>medialab_sm.jpg</thumbnail>
<link>http://www.media.mit.edu/</link>
<extended>false</extended>
</pic>
<pic>
<image>stata.jpg</image>
<caption>Stata Center</caption>
<thumbnail>stata_sm.jpg</thumbnail>
<link>http://web.mit.edu/evolving/projects/kresge/</link>
<extended>false</extended>
</pic>
<pic>
<image>stata_lobby.jpg</image>
<caption>Stata Lobby</caption>
<thumbnail>stata_lobby_sm.jpg</thumbnail>
<link>http://www.eecs.mit.edu/stata-link.html</link>
<extended>false</extended>
</pic>
</menu>