image scroll and xml links

Hi, I´m all new to this, so I´m maybe not explaning this very good.. but I´ll give it a try...

I have made an image scroll in flash/xml... and it looks like this:http://kunst.no/mariusmellebye/test.html

I want the images that are loaded in the polaroid (the big ones) to be clickable so when clicked it opens the picture in a new fixed size window, and sometimes, I need it to opens a fixed size html document...

how should I do something like that? the xml code looks like this for now:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>http://static.flickr.com/48/149711442_a436404a76.jpg</image>
<caption>Bronze</caption>
<thumbnail>http://static.flickr.com/24/119893521_2c4799fda5_s.jpg</thumbnail>
</pic>
<pic>
<image>http://static.flickr.com/50/149715554_091b8556ef_o.jpg</image>
<caption>Hand</caption>
<thumbnail>http://static.flickr.com/50/149715554_091b8556ef_s.jpg</thumbnail>
</pic>

etc...

thanks in advance :-)

Marius

Sine you are already sending the values to the larger clip holder, we'll need the actionscript for that to see how best to handle it. Otherwise we are forced to code from scratch which makes this more of a "code on demand" thing than supporting your current routine or advancing what you have.

the "large" pictures is 320 pixels x 240 pixels... the ones I want to open in a new fixed siez window is going to be hi res. and a lot larger then that... I´m also making the same setup for some movies that I have made music for... so when clicked the "large" movie picture, it should opens a new fixed size html document with the move.. if it is possible :-)

if I understand you right... the action script is flash goes like this:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("marius.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._heig ht)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

No sweat. I'll dink around with it later when I get back (if it isn't solved that is ;)). When you click the larger image in the example movie...and it loads the full res, full size pic...I have a question. Are all the pics the same size? If not we will have to send in the dimensions as part of each entry as an element so they can be passed to the code to popup the window.

I'll post back either way. Sorry I'm not faster today...getting slammed ;)

For now the high res. pictures are the same size... (almost) but I think in the future, I´m not only taking horizontal pictures.. :-) so I guess it would be bether to have the dimensions as part of each entry. And in those cases when I need to open a fixed size html document (for the movies that I have made music for).. the html documents may be different sizes...

thanks for your help, I´ll be arround :-)

Sorry for the delay....I'm really bogged today ;(

http://actionscript.hobby-site.com/examples/marius.html

Using these additions, I send in some bogus window dimension values and a path to load which adds three new variables and 3 new nodes to each child.

mypath = the path to load....doesn't matter what...html...swf...php...etc etc
mywidth = the width of the popup (should add 10 to each for fit)
myheight = height of popup (same as above)

Since you use an onEnterFrame in the _root, we bypass trying to script the "picture" clip as a button from the _root (as a function) and instead just paste this on the clip itself making it a button:

Code:

---

on(press){
getURL("javascript:window.open('"+_root.foo1+"','newWin','width="+_root.foo2+",height="+_root.foo3+"');void(0);");

 }

---

This fires the popup right from flashplayer without need for an html script. You can of course tie it to one if you wish and structure the command different.

The foo1, foo2 and foo3 variables are simply declared as if I am targeting a textfield...just without the textfield ;)

So using this new XML structure:

Code:

---

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>http://static.flickr.com/48/149711442_a436404a76.jpg</image>
<caption>Bronze</caption>
<thumbnail>http://static.flickr.com/24/119893521_2c4799fda5_s.jpg</thumbnail>
<mypath>http://static.flickr.com/48/149711442_a436404a76.jpg</mypath>
<mywidth>400</mywidth>
<myheight>300</myheight>
</pic>
<pic>
<image>http://static.flickr.com/50/149715554_091b8556ef_o.jpg</image>
<caption>Hand</caption>
<thumbnail>http://static.flickr.com/50/149715554_091b8556ef_s.jpg</thumbnail>
<mypath>http://static.flickr.com/50/149715554_091b8556ef_o.jpg</mypath>
<mywidth>300</mywidth>
<myheight>200</myheight>
</pic>
</images>

---

Along with the button code for the "picture" clip pasted above and this as your new load routine:

Code:

---

function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
mypath = [];
mywidth = [];
myheight = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
mypath[i] = xmlNode.childNodes[i].childNodes[3].firstChild.nodeValue;
mywidth[i] = xmlNode.childNodes[i].childNodes[4].firstChild.nodeValue;
myheight[i] = xmlNode.childNodes[i].childNodes[5].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("http://actionscript.hobby-site.com/examples/marius.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {

picture.addListener(plistener);
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}

}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
_root.foo1 = mypath[p];
_root.foo2 = mywidth[p];
_root.foo3 = myheight[p];
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
_root.foo1 = mypath[p];
_root.foo2 = mywidth[p];
_root.foo3 = myheight[p];
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
_root.foo1 = mypath[0];
_root.foo2 = mywidth[0];
_root.foo3 = myheight[0];
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}


function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;

//getURL("javascript:window.open('"+image[p]+"','newWin','width=310,height=310');");
nextImage();
};


target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};


target_mc.onRollOut = function() {
this._alpha = 100;
};
};

image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

---

You should be styling :thumbsup: Also be sure to make the window sizes what you want...mine were just quick entries and not even meant to match the examples...I just wanted to show two different sizes. Hope this helps!


Chris

thanks a lot chris :-) this is so greek to me, but I´ll try to figure it out.. I´m off to see a couple of exhibitions.. one about turbonegro (a norwegian rock band), and another about children at war... I´ll look at it when I get home, but there is a slight posebilletie that I have to ask for more help if it´s ok :-)

I really presiate youre time and help :-)

Marius

No sweat Marius....anytime man. Have fun at the exhibitions!

I´m so confused :-)

this code I copied and pasted and replaced the existing action code (and I changed back to my xml document)

Code:

---

function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
mypath = [];
mywidth = [];
myheight = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
mypath[i] = xmlNode.childNodes[i].childNodes[3].firstChild.nodeValue;
mywidth[i] = xmlNode.childNodes[i].childNodes[4].firstChild.nodeValue;
myheight[i] = xmlNode.childNodes[i].childNodes[5].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {

picture.addListener(plistener);
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}

}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
_root.foo1 = mypath[p];
_root.foo2 = mywidth[p];
_root.foo3 = myheight[p];
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
_root.foo1 = mypath[p];
_root.foo2 = mywidth[p];
_root.foo3 = myheight[p];
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
_root.foo1 = mypath[0];
_root.foo2 = mywidth[0];
_root.foo3 = myheight[0];
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}


function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;

//getURL("javascript:window.open('"+image[p]+"','newWin','width=310,height=310');");
nextImage();
};


target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};


target_mc.onRollOut = function() {
this._alpha = 100;
};
};

image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

---

I replaced this code to my xml document:

Code:

---

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>http://static.flickr.com/48/149711442_a436404a76.jpg</image>
<caption>Bronze</caption>
<thumbnail>http://static.flickr.com/24/119893521_2c4799fda5_s.jpg</thumbnail>
<mypath>http://static.flickr.com/48/149711442_a436404a76.jpg</mypath>
<mywidth>400</mywidth>
<myheight>300</myheight>
</pic>
<pic>
<image>http://static.flickr.com/50/149715554_091b8556ef_o.jpg</image>
<caption>Hand</caption>
<thumbnail>http://static.flickr.com/50/149715554_091b8556ef_s.jpg</thumbnail>
<mypath>http://static.flickr.com/50/149715554_091b8556ef_o.jpg</mypath>
<mywidth>300</mywidth>
<myheight>200</myheight>
</pic>
</images>

---

but this code I´m not sure where to put :-)

Code:

---

on(press){
getURL("javascript:window.open('"+_root.foo1+"','newWin','width="+_root.foo2+",height="+_root.foo3+"');void(0);");

 }

---

maybe I have taken too much water above my head. :-) but it´s fun and interesting tho... :-)

You must have a clip onstage with an instance name of "picture". It is most likely an empty clip so it might be hard to find but it's there. Highlight it onstage and enter that code in the actions panel ;)

check this out... http://bildr.no/thumb/2924.jpeg

if it´s right, I have tried to put the action when highlighted... but nothing happens..

do you still have the .fla you made to show me the example? :-) please dont kill me ;-)

Mine isn't flash ;) I'm probobly the only mod here who's primary app is not flash (though I do use it from time to time). I'm a scripter so I'm platform independent and all I need is a program to support actionscript.

Attach your fla (MX2004)....I'll square it away.

thanks a lot!! :-) I sent the .fla as a private message :-)

Ok. I'm making you do this because you need to know how. My mouse is pointing right at the clip onstage. You may have to move the grey Shape above it in that layer to the right so you can highlight it. Notice my stage, my actions panel and the instance name in the properties ;)

http://actionscript.hobby-site.com/examples/marius.jpg

YUHUU!! I found it.. damn that was hard to hit... there must be an easier way to find that instance? and I lost it again... and found it after 5 minutes of clicking.... :-/

thanks a lot man!! :-)

Yeah...for this preview I just smoked the new scene additions you made. "home" and "film" (both scenes)

http://actionscript.hobby-site.com/e...s/marius2.html

We good Marius? Heading to the basement to bang my drum ;)

ok, now that this works... lets move on ;-)

lets say, I want to open a html document... wich is the same as open an image... but if I want that html document to be opened with NO scrollers... is that some xml code too, or is that decided by something else?

I guess I can´t prevent it to be resized... but I have seen documents that have benn open without scrollers.. possible?

thank you so much for youre help :-)

You can adapt that getURL window code using just about any options javascript allows by editing freely available popup code to match how flash expects it (like mine using the width/height as variable insertions). There are tons of popup generators out there to scarf example structures depending on chosen options.

If I were to paste that on a link in an html document...it would fail....it is structured for flash. Same deal in the other direction...any popup code generated from generators usually has to be edited to work in flash (if using the NO HTML, fire right from flash method shown here).

got this code:

Code:

---

on(press){
getURL("javascript:window.open('"+_root.foo1+"','newWin','width="+_root.foo2+",height="+_root.foo3+",resizable=yes,toolbar=no,location=no,status=no,scrollbars=no,menubar=no');void(0);");
}

---

perfect :-)

Hahaha...see how quick? Now you can pop an xml array and push to a window with ease. Great job!

yeap, and very much thanks to you :-) well, if I understand it all is another thing.. but if I repeat it often enough.. I´ll get there :-)

check out my site now.. http://kunst.no/mariusmellebye/ what do you think? :-)

I even added a movie.. that I made music for... sow now I´m updating it with 4 more movies/comercials :-)

something that would have been really cool, is if that popup window, would launch in the middle of the screen :-)

Quote:

---

Originally Posted by mariusmellebye

something that would have been really cool, is if that popup window, would launch in the middle of the screen :-)

---

Ask and ye shall receive...

Code:

---

on(press){
getURL("javascript:window.open('"+_root.foo1+"','newWin','width="+_root.foo2+",height="+_root.foo3+",top='+((screen.availheight/2)-(400/2))+',left='+((screen.availwidth/2)-(500/2))+',menubar=no,menubar=no,scrollbars=no,status=no,toolbar=no,location=no,directories=no,resizable=no');void(0);");
}

---

I fixed some gaps... but I can´t see any difference... when I click the picture, the popup still opens in the upper left corner... or did I miss out something again? ;-) or did I forget to ask hehe :-)

The code in the textfield is the code on the button. Exact same I posted earlier....gaps and all ;).

http://actionscript.hobby-site.com/e..._CENTERED.html

this is what happens when I click youre button: http://bildr.no/thumb/2941.jpeg

this is how I wanted it to look like: http://bildr.no/thumb/2942.jpeg

but maybe the browser overwrite the code somehow... :-)

Firing fine in IE6and FF 1.5.+

Please don't make me make two screenshots ;(

ok, thanks a lot mate :) I have tested it in Bon Echo, FF1.5, Safari and Opera... IE is the only one I dont have.. hehe I´m on a mac :) so I guess they overwrite the code somehow... anyways, thanks a lot for youre help so far :thumbsup:

hi chris, I have a challenge for you :-) or hrm.. I guess it´s my challenge, but I wonder if this is possible:

take a look at this jave script lightbox

would it be possible to use that in flash.. and instead of opening pictures... it opens a html document.. so I still can show videos.. ? it looks very cool, and it´s centered in the screen, and it doesnt opens a popup window.. now that most browsers have popup blocks..

any idea? :-)

Quote:

---

any idea? :-)

---

Scripting and Backend. :)

I´m not to steady in english... so that means it´s possible? :-)

I know Musicman and Nunomira in the Scripting and Backend forum can shove an elephant through an html page so they would be the javascript gurus to head for. If what you wish is possible...they can do it blindfolded. :)

oh I see.. thanks! I´ll drop them a note and see :-)

hehe that note became three posts... I didn´t know there was a limit for how many words you can post :-)

Can someone help me? my thumbNailScroller cant been show in 1 row!

Below is my script

function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image_p = [];
location_text = [];
pcode_txt = [];
psize_txt = [];
pprice_txt = [];
pcolour_txt = [];
mypath = [];
mywidth = [];
myheight = [];
total = xmlNode.childNodes.length;
for (a=0; a<total; a++) {
location_text[a] = xmlNode.childNodes[a].childNodes[1].firstChild.nodeValue;
image_p[a] = xmlNode.childNodes[a].childNodes[2].firstChild.nodeValue;
pcode_txt[a] = xmlNode.childNodes[a].childNodes[3].firstChild.nodeValue;
psize_txt[a] = xmlNode.childNodes[a].childNodes[4].firstChild.nodeValue;
pprice_txt[a] = xmlNode.childNodes[a].childNodes[5].firstChild.nodeValue;
pcolour_txt[a] = xmlNode.childNodes[a].childNodes[6].firstChild.nodeValue;
mypath[a] = xmlNode.childNodes[a].childNodes[7].firstChild.nodeValue;
mywidth[a] = xmlNode.childNodes[a].childNodes[8].firstChild.nodeValue;
myheight[a] = xmlNode.childNodes[a].childNodes[9].firstChild.nodeValue;
thumbnails_fn(i);
}
CreateMenu(this);
firstImage();
} else {
content = "file not loaded!";
}
}
portfolio_xml = new XML();
portfolio_xml.ignoreWhite = true;
portfolio_xml.onLoad = loadXML;
portfolio_xml.load("ca_wetbikini.xml")

/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
loaded = image_mc.getBytesLoaded();
filesize = image_mc.getBytesTotal();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 50*loaded/filesize;
} else {
preloader._visible = false;
if (image_mc._alpha<100) {
image_mc._alpha += 10;
}
}
};

function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}

function DisplayInfo(){
descriptionbox_mc.content_txt.text = this.location_text;
image_mc.loadMovie(this.image_p);
productcode_txt.text = this.pcode_txt;
size_txt.text = this.psize_txt;
price_txt.text = this.pprice_txt;
colour_txt.text = this.pcolour_txt;
}

var item_spacing = 24;
var item_count = 0;

function CreateMenu(menu_xml){
var items = menu_xml.firstChild.childNodes;
for (var i=0; i<items.length; i++) {
if (items[i].attributes.type == "squirrel") {
var species = items[i].childNodes[0];
var location = items[i].childNodes[1];
var picture = items[i].childNodes[2];
var pcode = items[i].childNodes[3];
var psize = items[i].childNodes[4];
var pprice = items[i].childNodes[5];
var pcolour = items[i].childNodes[6];
var mypath = items[i].childNodes[7];
var mywidth = items[i].childNodes[8];
var myheight = items[i].childNodes[9];
var item_mc = menu_mc.attachMovie("menu_item","item"+item_count, item_count);
item_mc._y = item_count * item_spacing;
item_count++;
item_mc.species_txt.text = species.firstChild.nodeValue;
item_mc.main_btn.location_text = location.firstChild.nodeValue;
item_mc.main_btn.image_p = picture.firstChild.nodeValue;
item_mc.main_btn.pcode_txt = pcode.firstChild.nodeValue;
item_mc.main_btn.psize_txt = psize.firstChild.nodeValue;
item_mc.main_btn.pprice_txt = pprice.firstChild.nodeValue;
item_mc.main_btn.pcolour_txt = pcolour.firstChild.nodeValue;
item_mc.main_btn.mypath = mypath.firstChild.nodeValue;
item_mc.main_btn.mywidth = mywidth.firstChild.nodeValue;
item_mc.main_btn.myheight = myheight.firstChild.nodeValue;
item_mc.main_btn.onRelease = DisplayInfo;
}
}
}

function thumbNailScroller() {
//thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._heig ht)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

function firstImage() {
image_mc.loadMovie(image_p[0], 1);
productcode_txt.text = pcode_txt[0];
size_txt.text = psize_txt[0];
price_txt.text = pprice_txt[0];
colour_txt.text = pcolour_txt[0];
descriptionbox_mc.content_txt.text = location_text[0];
_root.foo1 = mypath[0];
_root.foo2 = mywidth[0];
_root.foo3 = myheight[0];
}