Comunidad de diseño web y desarrollo en internet online

Configuración para Galería de Imagenes Flash y XML

Citar            
MensajeEscrito el 27 Oct 2010 05:31 am
Hola Amigos del foro tengo un inconveniente con una galeria de imagenes que estoy creando

Utilizo la plantilla df_xmlgallery y tengo dos interrogantes básicos que consultarles ya que no cuento con experiencia en el manejo de variables de actionscript y control con xml

1. Como configuro el script para organizar la galería en categorías y subcategorías así:

Categoría1
Subcategoría1, Subcategoría2, Subcategoría3, Subcategoría4
Imagenes
Categoría2
Subcategoría1, Subcategoría2, Subcategoría3, Subcategoría4
Imagenes

ya que solo va a categorias y fotos (slideshow)

2. Necesito en <desc> colocar una URL que enlace a una ficha tecnica de la imagen en mención publicada en un web externa www.urlexterna.com/imagen.pdf, he intentado por medio de CDATA y no ha sido posible (No se como hacer que el script interprete etiquetas como Link, o URL)

El codigo Actionscript en Flash el siguiente:


// include assets
#include "mc_tween2.as"
#include "xmlsa.as"
#include "timer.as"


// two views ? catView : thumbView
var viewMode = "catView"; // when page is first viewed show all the categories.
var viewRand = true; // on/off random preview
var catCol = 4; // number of columns for category
var numCatDisplay = 12; // max number of categories to show per page
var numThumbDisplay = 12; // max number of thumbnails to show per page
var catColXgap = 8; // gap between categories
var catColYgap = 180;
var dropDown = false;

var curImage = 0;
var curCat = 0;

// slideshow switch
var autoSlide = true;
// default transition speed
var defTranSpeed = 300;

catView_btn._alpha = 0;

// load the xml data
gallery = new XMLSA();
gallery.load("semenbovino.xml");
gallery.onLoad = function(ok){
if (ok) {
parseXml();
} else {
// error branch
trace("error");
}
}


/* loading stylesheet // not being used for image gallery but can be added later
function loadCss() {
styles = new TextField.StyleSheet();
css = "styles.css";
styles.load(css);
styles.onLoad = function(loaded) {
if (loaded) {
cssLoaded = true;
} else {
cssLoaded = false;
}
parseXml();
}
}
*/


function parseXml() {
//DEBUG
//trace(gallery.dump());

myGallery = new Array();

// gallery title
galleryTitle = gallery.attributes.title;
title_txt.text = galleryTitle;

// thumbanil directory
thumbDir = gallery.attributes.thumbDir;
// image directory
imageDir = gallery.attributes.imageDir;
// random ? true : false
viewRandom = gallery.attributes.random;
if(viewRandom == "true") {
viewRand = true;
} else {
viewRand = false;
}
// parse information
catTotal = gallery.category.length;

for(var i=0; i<catTotal; i++) { //looping through categories
myGallery[i] = new Array();
myGallery[i]["name"] = gallery.category[i].attributes.name;
myGallery[i]["image"] = new Array();
//trace(myGallery[i]["name"]);
var imageCount = gallery.category[i].image.length;
for(var k=0; k<imageCount; k++) { //looping through images
myGallery[i]["image"][k] = new Array();
myGallery[i]["image"][k]["date"] = gallery.category[i].image[k].date.getValue();
myGallery[i]["image"][k]["title"] = gallery.category[i].image[k].title.getValue();
myGallery[i]["image"][k]["desc"] = gallery.category[i].image[k].desc.getValue();
myGallery[i]["image"][k]["thumb"] = gallery.category[i].image[k].thumb.getValue();
myGallery[i]["image"][k]["img"] = gallery.category[i].image[k].img.getValue();

//trace(myGallery[i]["image"][k]["date"]);
}
}

// determine the number of pages needed
if(catTotal > numCatDisplay) {
catNumPages = Math.ceil(catTotal/numCatDisplay);
} else {
// if categories are less than the limit only one page is needed
catNumPages = 1;
}

// start from first page
catPageCounter = 1;

// start from 0;
var pos = 0;

// output page status
page_txt.text = catPageCounter+" de "+catNumPages;

prevBtn(catPageCounter);
nextBtn(catPageCounter, catNumPages);

//disable catViewBtn
catView_btn.enabled = false;

loadCat(pos);
loadDropDown();

catView_btn.onRelease = function() {
catPageCounter = 1;

_root.viewMode = "catView";

loadCat(0);
catView_btn.enabled = false;
catView_btn.alphaTo(0, 1);
dropDownBtn_mc.catName_txt.text = "Escoja una categoría";
if(dropDown) {
doDropDown();
}
// output page status
page_txt.text = catPageCounter+" de "+catNumPages;
prevBtn(catPageCounter);
nextBtn(catPageCounter, catNumPages);
}
}



function enableCatViewBtn() {
catView_btn.enabled = true;
catView_btn.alphaTo(100, 1);
}




function loadDropDown() {

// if less than 7 categories, shorten the dropdown bg
if(catTotal < 8) {
// height of each category buttons
var catBtnHeight = 20+3; // include the gaps
var bgHeight = catTotal * catBtnHeight;
bgHeight += 20; //include the top padding
dropDown_mc.bg_mc.tween("_height", bgHeight, 1);
}


var temp = dropDown_mc.createEmptyMovieClip("temp", _root.getNextHighestDepth());

var i=0;

temp.onEnterFrame = function(){
if(catTotal>i){

//trace(i);
var DropDownBtn = dropDown_mc.catBtn_mc.attachMovie("dropDownBtn", "dropDownBtn_mc"+i, i);

DropDownBtn._alpha = 0;
DropDownBtn.alphaTo(100, 3);

DropDownBtn._y = Math.round(Number(DropDownBtn._height+3) * i);

DropDownBtn.catName_txt.text = myGallery[i]["name"];

DropDownBtn.onRollOver = function() {
this.bg_mc.colorTo(0x617bb1, 0.2);
this.catName_txt.colorTo(0xffffff, 0.2);
}

DropDownBtn.onRollOut = function() {
this.bg_mc.colorTo(0xebeeef, 3);
this.catName_txt.colorTo(0x24a92, 0.2);
}

var totalImg = myGallery[i]["image"].length;

// when user clicks on one the categories, show thumbanils of that category
DropDownBtn.total = total;
DropDownBtn.chosenCat = i;
DropDownBtn.onRelease = function() {
dropDownBtn_mc.catName_txt.text = myGallery[this.chosenCat]["name"];
activateCat(this, this.chosenCat);
viewMode = "thumbView"; // change mode to thumb view
showTnView(this.chosenCat, totalImg);

enableCatViewBtn();
}

i++
} else {
delete this.onEnterFrame;
this.removeMovieClip();
}
}
}






// function determining whether to enable page buttons or not // if more than one page is needed enable the buttons

function prevBtn(counter) {
trace(counter);
if(counter > 1) {
prev_btn.enabled = true;
prev_btn.gotoAndStop(2);

} else if(counter == 1) {
prev_btn.btn_mc.icon_mc.colorTo(0x333333, 0.5);
prev_btn.btn_mc.bg_mc.colorTo(0xffffff, 0.5);
prev_btn.enabled = false;
prev_btn.gotoAndStop(1);


}

}

function nextBtn(counter, pages) {


if(counter < pages) {
next_btn.enabled = true;
next_btn.gotoAndStop(2);

} else if(counter == pages) {
next_btn.btn_mc.icon_mc.colorTo(0x333333, 0.5);
next_btn.btn_mc.bg_mc.colorTo(0xffffff, 0.5);
next_btn.enabled = false;
next_btn.gotoAndStop(1);
}

}



prev_btn.onRelease = function() {
// hide the dropdown if it's open
if(dropDown) {
doDropDown();
}

if(viewMode == "catView") {
if(catPageCounter > 1) {
catPageCounter--;
}

prevBtn(catPageCounter);
nextBtn(catPageCounter, catNumPages);
//trace(catPageCounter);

// recaculate the start position
var pos = (catPageCounter*numCatDisplay)-numCatDisplay;
//trace(pos);
// output page status
page_txt.text = catPageCounter+" de "+catNumPages;

loadCat(pos);
} else if(viewMode == "thumbView") {
// hide the dropdown if it's open
if(dropDown) {
doDropDown();
}


if(thumbPageCounter > 1) {
thumbPageCounter--;
}
//trace(thumbPageCounter);

// recaculate the start position
var pos = (thumbPageCounter*numThumbDisplay)-numThumbDisplay;

// output page status
page_txt.text = thumbPageCounter+" de "+thumbNumPages;

// enable/disable page buttons
prevBtn(thumbPageCounter);
nextBtn(thumbPageCounter, thumbNumPages);

remove();
showThumbs(curCat, pos);
}

}
prev_btn.onRollOver = function() {
this.btnRollOver();
}
prev_btn.onRollOut = function() {
this.btnRollOut();
}




next_btn.onRelease = function() {



// hide the dropdown if it's open
if(dropDown) {
doDropDown();
}



if(viewMode == "catView") {

trace('12313');

if(catPageCounter < catNumPages) {
catPageCounter++;
}
//trace(catPageCounter);
prevBtn(catPageCounter);
nextBtn(catPageCounter, catNumPages);
// recaculate the start position
var pos = (catPageCounter*numCatDisplay)-numCatDisplay;
//trace(pos);
// output page status
page_txt.text = catPageCounter+" de "+catNumPages;
loadCat(pos);
} else if(viewMode == "thumbView") {
trace('aaa');

// hide the dropdown if it's open
if(dropDown) {
doDropDown();
}



if(thumbPageCounter < thumbNumPages) {
thumbPageCounter++;
}

// recaculate the start position
var pos = (thumbPageCounter*numThumbDisplay)-numThumbDisplay;

// output page status
page_txt.text = thumbPageCounter+" de "+thumbNumPages;

// enable/disable page buttons
prevBtn(thumbPageCounter);
nextBtn(thumbPageCounter, thumbNumPages);

remove();
showThumbs(curCat, pos);
}

}
next_btn.onRollOver = function() {
this.btnRollOver();
}
next_btn.onRollOut = function() {
this.btnRollOut();
}






// function to initialize the category buttons
function loadCat(pos) {

catWrap_mc.removeMovieClip();
imgWrap_mc.removeMovieClip();

var catWrap = _root.createEmptyMovieClip("catWrap_mc", _root.getNextHighestDepth());
var imgWrap = _root.createEmptyMovieClip("imgWrap_mc", _root.getNextHighestDepth());
catWrap._x = 61;
catWrap._y = 120;
imgWrap._x = 58;
imgWrap._y = 120;

dropDown_mc.swapDepths(_root.getNextHighestDepth());
dropDownBtn_mc.swapDepths(_root.getNextHighestDepth());


//get the total number of rows
var numRows = catTotal/catCol;

var xnum = catCol;
var ynum = numRows;

var xgap = catColXgap;
var ygap = catColYgap;
var ox = 0
var oy = 0
var total = xnum*ynum

var i=pos;
var j=0; // used to reset the position

var taco = i+numCatDisplay;
//trace(pos);

var temp = _root.createEmptyMovieClip("temp", _root.getNextHighestDepth());
temp.onEnterFrame = function(){
if(i<taco && i<catTotal){

//trace(i);
var myCat = catWrap.attachMovie("cat", "cat_mc"+i, i);
var myImg = imgWrap.attachMovie("thumb", "thumb_mc"+i, i);

// mc covering thumbnails to hide dynamic text
myImg.tnHider_mc.alphaTo(0, 3);

myCat._alpha = 0;
myImg._alpha = 0;
myCat.alphaTo(100, 3);
myImg.alphaTo(100, 3);

myCat._x = Math.round(ox + (j%xnum)*(xgap + myCat._width));
myCat._y = Math.round(oy + int(j/xnum)*ygap);

myImg._x = Math.round(ox + (j%xnum)*(xgap + myImg._width-4)); // subtract 9 : because of drop shadow it adds to the width of box
myImg._y = Math.round(oy + myCat._y + 25);

var totalImg = myGallery[i]["image"].length;

if(viewRand) {
//get a random number between total number of images from each categories
var RandImgNum = random(myGallery[i]["image"].length);
var CurImage = RandImgNum;
var ImgDate = myGallery[i]["image"][RandImgNum]["date"];
var ImgTitle = myGallery[i]["image"][RandImgNum]["title"];
var ImgDesc = myGallery[i]["image"][RandImgNum]["desc"];
var ImgThumb = myGallery[i]["image"][RandImgNum]["thumb"];
var ImgFull = myGallery[i]["image"][RandImgNum]["img"];

} else {
var CurImage = 0;
// 0 == most recently added image <- controlled by php
var ImgDate = myGallery[i]["image"][0]["date"];
var ImgTitle = myGallery[i]["image"][0]["title"];
var ImgDesc = myGallery[i]["image"][0]["desc"];
var ImgThumb = myGallery[i]["image"][0]["thumb"];
var ImgFull = myGallery[i]["image"][0]["img"];
}

//trace(ImgDesc);

myCat.cat_txt.text = myGallery[i]["name"];
myCat.total_txt.text = totalImg;

myImg.title_txt.text = ImgTitle;
myImg.date_txt.text = ImgDate;

//need to send these to display thumbnails when user clicks the thumbnail from cat view
myImg.empty_mc.total = total;
myImg.empty_mc.curCat = i;

myImg.empty_mc.curImage = CurImage;

myImg.empty_mc.imgDesc = ImgDesc;
myImg.empty_mc.thumbToLoad = ImgThumb;
myImg.empty_mc.imgToLoad = ImgFull;
myImg.empty_mc.loadThumb();


myCat.onRollOver = function() {
this.catBG_mc.colorTo(0x1b4d70, 0.5);
this.cat_txt.colorTo(0xb5d9f2, 0.5);
}

myCat.onRollOut = function() {
this.catBG_mc.colorTo(0x024a92, 6);
this.cat_txt.colorTo(0xffffff, 0.5);
}

// when user clicks on one the categories, show thumbanils of that category
myCat.total = total;
myCat.chosenCat = i;
myCat.onRelease = function() {
dropDownBtn_mc.catName_txt.text = myGallery[this.chosenCat]["name"];
activateCat(this, this.chosenCat);
viewMode = "thumbView"; // change mode to thumb view
showTnView(this.chosenCat, totalImg);

enableCatViewBtn();
}

j++
i++
} else {
delete this.onEnterFrame;
this.removeMovieClip();
}
}
}



function activateCat(item, num) {
if (currentItem != false) {
deactivateCat(num);
}

// hide the dropdown if it's open
if(dropDown) {
doDropDown();
}

currentItem = item;

currentItem.catBG_mc.colorTo(0x1b4d70, 0.5);
currentItem.cat_txt.colorTo(0xb5d9f2, 0.5);

currentItem.bg_mc.colorTo(0x617bb1, 0.2);
currentItem.catName_txt.colorTo(0xddfaff, 0.2);

/*
dropDown_mc.catBtn_mc["dropDownBtn_mc"+num].bg_mc.colorTo(0x10bddc, 0.2);
dropDown_mc.catBtn_mc["dropDownBtn_mc"+num].catName_txt.colorTo(0xddfaff, 0.2);
dropDown_mc.catBtn_mc["dropDownBtn_mc"+num].enabled = false;
*/
currentItem.enabled = false;
}

function deactivateCat(num) {

// for catView btns
currentItem.catBG_mc.colorTo(0x024a92, 6);
currentItem.cat_txt.colorTo(0xffffff, 0.5);

currentItem.bg_mc.colorTo(0xebeeef, 3);
currentItem.catName_txt.colorTo(0x024a92, 0.2);
// for dropdown buttons
/*
dropDown_mc.catBtn_mc["dropDownBtn_mc"+num].bg_mc.colorTo(0xebeeef, 3);
dropDown_mc.catBtn_mc["dropDownBtn_mc"+num].catName_txt.colorTo(0x333333, 0.2);
dropDown_mc.catBtn_mc["dropDownBtn_mc"+num].enabled = true;
*/
currentItem.enabled = true;
currentItem = undefined;
}


MovieClip.prototype.loadThumb = function() {

var target = this;
var imgDesc = this.imgDesc;
var thumbToLoad = this.thumbToLoad;
var imgToLoad = this.imgToLoad;
var curImage = this.curImage;
var curCat = this.curCat;
var thumbTotal = this.total;

this.loadMovie(thumbDir+thumbToLoad);
var temp = this._parent.createEmptyMovieClip("temp", this._parent.getNextHighestDepth());

temp.onEnterFrame = function() {
var loaded = target.getBytesLoaded();
var total = target.getBytesTotal();
var perc = Math.round(loaded/total*100);

target._parent.bar_mc._yscale = perc;

//trace(perc);
if(perc == 100) {
target._parent.bar_mc.alphaTo(0, 5);

target.curCat = curCat;
target.curImage = curImage;
target.imgDesc = imgDesc;
target.imgToLoad = imgToLoad;
target.maxWidth = 179;
target.maxHeight = 55;
target.thumbTotal = thumbTotal;

target.shrinkImg();


delete this.onEnterFrame;
temp.removeMovieClip();
}
}
}


MovieClip.prototype.shrinkImg = function (){

// init pos and alpha of click_txt
this._parent.click_txt._alpha = 100;
//this._parent.click_txt.roundedYSlideTo(15, 0.2);

var orgWidth = this._width;
var orgHeight = this._height;

var orgX = this._x;
var orgY = this._y;


// resizeImg object is returned by resizeToFit prototype function and saved as myImage;
var myImage = this.resizeToFit();
this.tween(["_width", "_height"], [myImage.newWidth, myImage.newHeight], 1);


// slide the image to the middle point y
var yMiddle = -(Number(myImage.newHeight/2)-40);
//trace(yMiddle);
//this.ySlideTo(yMiddle, 2);


this.onRollOver = function() {
//this._parent.click_txt.alphaTo(100, 2);
this._parent.click_txt.roundedYSlideTo(-8, 1);
// make it dark
this._parent.rollover_mc.alphaTo(70, 0.5);
//this.tween(["_width", "_height"], [myImage.newWidth+20, myImage.newHeight+20], 2);
//this.colorTransformTo(200, 0, 200, 0, 200, 0, 200, 0, 0.3, "linear");
//this.colorTransformTo(100, 0, 100, 0, 100, 0, 100, 0, 1, "linear", 0.3);
}
this.onRollOut = function() {
//this._parent.click_txt.alphaTo(0, 2);
this._parent.click_txt.roundedYSlideTo(-24.6, 1);
this._parent.rollover_mc.alphaTo(0, 3);
//this.tween(["_width", "_height"], [myImage.newWidth, myImage.newHeight], 2);
}

this.onRelease = function() {

// hide the dropdown if it's open
if(dropDown) {
doDropDown();
}

// reset current image to this image user just clicked on
_root.curImage = this.curImage;
// reset the category
_root.curCat = this.curCat;

this._parent.rollover_mc.alphaTo(90, 0.5);
//this._parent.viewing_mc.alphaTo(100, 6);

this._parent.click_txt.roundedYSlideTo(-24.6, 1);

//activateItem(this, myImage.newWidth, myImage.newHeight);


// view the image in full scale
showFullImage(this.imgToLoad, this.imgDesc);

}
}



// TIMER FUNCTION
function loadTimer() {

var speed = defTranSpeed;
//var timer = _root.attachMovie("timer", "timer_mc", _root.getNextHighestDepth());

//timer._x = 474;
//timer._y = 15;

myTimer = new Timer();
myTimer.setDelay(5);
myTimer.setAlarm(speed);
var obj = new Object;
myTimer.addListener(obj);

//reset the timer
myTimer.reset();

obj.onTimerStart = function(t){
//trace("Starting countdown::\n" + myTimer.getAlarm());
}
obj.onTimerTick = function(t){

//trace(myTimer.getAlarm() - t);
var curTime = myTimer.getAlarm() - t;
//trace(curTime);

var curScale = -Math.round((((curTime * 100)/speed) - 100));
timer_mc.bar_mc._xscale = curScale;
timer_mc.bar_mc._alpha = 50;
/*
// caculate degrees relative to seconds
// caculate 0 to 360

var curDegree = - Math.round((((curTime * 360)/speed) - 360));
//reset rotation
timer.lhalf_mc._rotation = 0;
if(curDegree < 180) {
timer.fhalf_mc._rotation = curDegree + 180;
}
if(curDegree >= 180) {
timer.lhalf_mc._rotation = curDegree + 180;
}
*/
}
obj.onTimerAlarm = function(){

//trace("Time is up!");

//total of images in chosen category
var totalImages = myGallery[curCat]["image"].length;

// update the counter and load the news using counter
if(curImage == totalImages) { // after last one go back to first image
curImage = 0;
}

if(curImage < totalImages-1) {
showNextImage();
} else {
curImage = -1;
showNextImage();
}
//trace(curImage);

// reset the timer so it loops
myTimer.reset();
}

myTimer.start();

slideshow_mc.onRelease = function() {
timerToggle();
}
}



function showFullImage(imgToLoad, desc) { //<--------------------------------------------------------- SHOW FULL IMAGE // START FROM HERE...

// reset the conditions
transBG_mc._x = 34;
transBG_mc._y = 34;
transBG_mc._visible = true;
transBG_mc.alphaTo(100, 1);
transBG_mc.mask_mc._alpha = 0;

transBG_mc.swapDepths(_root.getNextHighestDepth());
transBG_mc.fake_btn.enabled = false;

transBG_mc.mask_mc.alphaTo(100, 0.7, undefined, 0,
function() {
//load preloader
var myPreloader = transBG_mc.attachMovie("imagePreloader", "preloader_mc", this.getNextHighestDepth());
myPreloader._alpha = 0;
myPreloader.alphaTo(100, 1);
myPreloader._x = transBG_mc._width/2;
myPreloader._y = transBG_mc._height/2-20;
loadFull(imgToLoad, desc);
}
);

/*
transBG_mc.exit_mc.onRelease = function() {
transBG_mc.slideTo(34, -900, 0.1);
}
*/
}

function loadFull(imgToLoad, desc) {

var holder = transBG_mc.picBG_mc.empty_mc;

holder._alpha = 0;
holder.loadMovie(imageDir+imgToLoad);

var temp = holder._parent.createEmptyMovieClip("temp", holder._parent.getNextHighestDepth());

temp.onEnterFrame = function() {
var loaded = holder.getBytesLoaded();
var total = holder.getBytesTotal();
var perc = Math.round((loaded/total)*100);

//trace(perc);

if(perc == 100) {
// hide the preloader
transBG_mc.preloader_mc.alphaTo(0, 1, "linear", 0, function() { transBG_mc.prealoder_mc.removeMovieClip(); });
//trace(holder._width);
checkImageWidth(holder, desc);

delete this.onEnterFrame;
temp.removeMovieClip();
}
}
}

function checkImageWidth(holder, desc) {
var temp = holder._parent.createEmptyMovieClip("temp", holder._parent.getNextHighestDepth());
temp.onEnterFrame = function() {
if(holder._width > 0) {
//trace(holder._width);
displayFullImage(holder, desc);
// start the timer
if(autoSlide) {
loadTimer();
}
delete this.onEnterFrame;
temp.removeMovieClip();
}
}
}


function timerToggle() {
if(autoSlide) {
slideshow_mc.gotoAndStop(2);
myTimer.pause();
autoSlide = false;
} else {
slideshow_mc.gotoAndStop(3);
myTimer.resume();
autoSlide = true;
}
}



function displayFullImage(imageHolder, desc) {


var imageBorder = 20;
var mcW = imageHolder._width;
var mcH = imageHolder._height;


//total of images in chosen category
var totalImages = myGallery[curCat]["image"].length;
curImage_txt.text = Number(_root.curImage+1)+" de "+totalImages;

enableImageNav(true);

//trace(mcW);

if(mcW > 710) {
imageHolder.maxWidth = 710;
var newSize = imageHolder.resizeToFit();
imageHolder.tween(["_width", "_height"], [newSize.newWidth, newSize.newHeight], 0.5, undefined);
var mcW = newSize.newWidth;
var mcH = newSize.newHeight;
}

var xCenter = (transBG_mc.fake_btn._width/2) - (Number(mcW+imageBorder)/2);
var yCenter = (transBG_mc.fake_btn._height/2) - (Number(mcH+imageBorder)/2);

// center the image
transBG_mc.picBG_mc.slideTo(xCenter, yCenter, 0.5);
// resize the background
transBG_mc.picBG_mc.bg_mc.tween(["_width", "_height"], [mcW+imageBorder, mcH+imageBorder], 0.5, undefined, 0, function() { });
transBG_mc.picBG_mc.bg_mc.alphaTo(100, 0.5, "linear", 0, function() { imageHolder.alphaTo(100, 2); });


var descMC = _root.transBG_mc.desc_mc;

// put description
descMC.desc_txt.text = desc;


// resize textfield
var padding = 30;
var myFormat_fmt = new TextFormat();
var textDimension = myFormat_fmt.getTextExtent(desc, 200);
var tWidth = textDimension.textFieldWidth;
var tHeight = textDimension.textFieldHeight+20; // used 20 to prevent it from text get cut off at the end //////////////////////////

descMC.desc_txt._width = tWidth;
descMC.desc_txt._height = tHeight;
// reposition textfield
descMC.desc_txt._x = padding/2;
descMC.desc_txt._y = padding/2;
descMC.descBG_mc._width = tWidth+padding;
descMC.descBG_mc._height = tHeight+padding;
descMC._alpha = 0;

imageHolder.onRollOver = function() {
descMC.alphaTo(100, 1);
}
imageHolder.onRollOut = function() {
descMC.alphaTo(0, 1);
}

// center image description mc
var xDescCenter = ((transBG_mc.fake_btn._width+imageBorder)/2) - ((descMC._width+imageBorder)/2);
var yDescCenter = ((transBG_mc.fake_btn._height+imageBorder)/2) - ((descMC._height+imageBorder)/2);

descMC.slideTo(xDescCenter, yDescCenter, 0.5);

// hide full view
exit_mc.onRelease = function() {
var DisappearW = mcW;
var DisappearH = mcH;
var DisappearXCenter = (transBG_mc.fake_btn._width/2) - (Number(DisappearW+imageBorder/2)/2);
var DisappearYCenter = (transBG_mc.fake_btn._height/2) - (Number(DisappearH+imageBorder/2)/2);

imageHolder.alphaTo(0, 0.2, "linear", 0, function() { imageHolder.unloadMovie() });
//transBG_mc.picBG_mc.slideTo(DisappearXCenter, DisappearYCenter, 0.5, undefined, 0.5);
//transBG_mc.picBG_mc.bg_mc.tween(["_width", "_height"], [DisappearW, DisappearH], 0.5, undefined, 0.5);
transBG_mc.picBG_mc.bg_mc.alphaTo(0, 0.5, "linear", undefined);
transBG_mc.alphaTo(0, 0.5, "linear", undefined, function() { transBG_mc._visible = false;});


// disable image nav
enableImageNav(false);

this.btnRollOut();

// stop the timer
myTimer.pause();

}
exit_mc.onRollOver = function() {
this.btnRollOver();
}
exit_mc.onRollOut = function() {
this.btnRollOut();
}

next_mc.onRelease = function() {
// turn off timer only if autoSlide is true
if(autoSlide) {
timerToggle();
}
showNextImage(imageHolder);
}
next_mc.onRollOver = function() {
this.btnRollOver();
}
next_mc.onRollOut = function() {
this.btnRollOut();
}

prev_mc.onRelease = function() {
// turn off timer only if autoSlide is true
if(autoSlide) {
timerToggle();
}
showPrevImage(imageHolder);
}
prev_mc.onRollOver = function() {
this.btnRollOver();
}
prev_mc.onRollOut = function() {
this.btnRollOut();
}

slideshow_mc.onRelease = function() {
timerToggle();
}
slideshow_mc.onRollOver = function() {
if(!autoSlide) {
this.btnRollOver();
}
}
slideshow_mc.onRollOut = function() {
this.btnRollOut();
}

}




MovieClip.prototype.btnRollOver = function() {
this.btn_mc.bg_mc.colorTo(0x617bb1, 0.1);
this.btn_mc.icon_mc.colorTo(0x333333, 0.1);
}

MovieClip.prototype.btnRollOut = function() {
this.btn_mc.bg_mc.colorTo(0xffffff, 0.1);
this.btn_mc.icon_mc.colorTo(0x333333, 0.1);
}




// enable image navigation buttons
function enableImageNav(showNav) {
if(showNav) {
if(autoSlide) {
slideshow_mc.gotoAndStop(3);
} else {
slideshow_mc.gotoAndStop(2);
}
next_mc.gotoAndStop(2);
prev_mc.gotoAndStop(2);
exit_mc.gotoAndStop(2);
curImage_txt.colorTo(0x333333, 0.5);
slideshow_mc.enabled = true;
next_mc.enabled = true;
prev_mc.enabled = true;
exit_mc.enabled = true;

} else {
slideshow_mc.gotoAndStop(1);
next_mc.gotoAndStop(1);
prev_mc.gotoAndStop(1);
exit_mc.gotoAndStop(1);
curImage_txt.colorTo(0xcccccc, 0.5);
slideshow_mc.enabled = false;
next_mc.enabled = false;
prev_mc.enabled = false;
exit_mc.enabled = false;
}
}

function showNextImage(imageHolder) {
//total of images in chosen category
var totalImages = myGallery[curCat]["image"].length;
if(totalImages-1 > curImage) {

_root.curImage += 1;

} else if(totalImages-1 == curImage) {

_root.curImage = 0;

}

//fade the picture out
imageHolder.alphaTo(0, 0.5, "linear");

var ImgDesc = myGallery[curCat]["image"][curImage]["desc"];
var ImgFull = myGallery[curCat]["image"][curImage]["img"];

/*
// disable thumb
var thumb = imgWrap_mc["thumb_mc"+curImage];
activateItem(thumb);*/

curImage_txt.text = Number(_root.curImage+1)+" de "+totalImages;
showFullImage(ImgFull, ImgDesc);

}


function showPrevImage(imageHolder) {
//total of images in chosen category
var totalImages = myGallery[curCat]["image"].length;
if(curImage > 0) {

_root.curImage -= 1;

} else if(curImage == 0) {

_root.curImage = totalImages-1;

}

//fade the picture out
imageHolder.alphaTo(0, 0.5, "linear");
var ImgDesc = myGallery[curCat]["image"][curImage]["desc"];
var ImgFull = myGallery[curCat]["image"][curImage]["img"];

curImage_txt.text = Number(_root.curImage+1)+" de "+totalImages;
showFullImage(ImgFull, ImgDesc);

}


function activateItem(item, oWidth, oHeight) {
// hide the dropdown if it's open
if(dropDown) {
doDropDown();
}

if (currentItem != false) {
deactivateItem();
}
currentItem = item;

currentItem.oWidth = oWidth;
currentItem.oHeight = oHeight;
currentItem.enabled = false;
}

function deactivateItem() {
currentItem.tween(["_width", "_height"], [currentItem.oWidth, currentItem.oHeight], 2);
currentItem._parent.viewing_mc.alphaTo(0, 1);
currentItem._parent.rollover_mc.alphaTo(0, 3);
currentItem.enabled = true;
currentItem = undefined;
}

/* prototype for resizing an image to defined size while keeping ratio */
/* it returns an object with new width and height */

MovieClip.prototype.resizeToFit = function (){

var pMaxWidth = this.maxWidth;
var pMaxHeight = this.maxHeight;

// determines ratio depends on the width and height
//this._width>=this._height ? ratio=pMaxWidth/this._width : ratio=pMaxHeight/this._height;

// ratio based on width
var ratio=pMaxWidth/this._width;

var resizedImg = new Object();
resizedImg.newWidth = Math.round(this._width*ratio);
resizedImg.newHeight = Math.round(this._height*ratio);

return resizedImg;
}


function showTnView(catNum, totalImg) {
viewMode = "thumbView";
curCat = catNum;


// determine the number of pages needed for viewing thumbnails
if(totalImg > numThumbDisplay) {
trace('true');
thumbNumPages = Math.ceil(totalImg/numThumbDisplay);

} else {
trace('false');
// if categories are less than the limit only one page is needed
thumbNumPages = 1;
}

// start from first page
thumbPageCounter = 1;

// start from 0;
var pos = 0;

// output page status
page_txt.text = thumbPageCounter+" de "+thumbNumPages;

// initialize
prevBtn(thumbPageCounter);
nextBtn(thumbPageCounter, thumbNumPages);

remove();
showThumbs(catNum, pos);

}

function remove() {

hideCat();
/*
// count how many thumbnails are currently sitting inside of imgWrap_mc
var count = 0;
for(var each in imgWrap_mc) {
count++;
}
trace(count);

var i=0;
var temp = _root.createEmptyMovieClip("temp", _root.getNextHighestDepth());
temp.onEnterFrame = function(){
if(i<count){
imgWrap_mc["thumb_mc"+i].tnHider_mc.alphaTo(100, 1, undefined, 0, function() { this._parent.removeMovieClip() });
//catWrap_mc["cat_mc"+i].alphaTo(0, 1, undefined, 0, function() { });
//imgWrap_mc["thumb_mc"+i].alphaTo(0, 1, undefined, 0, function() { this.removeMovieClip() });

i++
} else {
hideCat();
delete this.onEnterFrame;
}
}
*/
}


function hideCat() {
for(var i=0; i<catTotal; i++) {
var eachCat = catWrap_mc["cat_mc"+i];

//eachCat.tween("_x", 0, 1);
//eachCat.tween("_y", Math.round(Number(eachCat._height+1) *i), 1);
eachCat._visible = false;
}
}


function showThumbs(catNum, pos) {

imgWrap_mc.removeMovieClip();
var imgWrap = _root.createEmptyMovieClip("imgWrap_mc", _root.getNextHighestDepth());

imgWrap._x = 58;
imgWrap._y = 120;

dropDown_mc.swapDepths(_root.getNextHighestDepth());
dropDownBtn_mc.swapDepths(_root.getNextHighestDepth());

var total;

var totalThumbs = myGallery[catNum]["image"].length;

var numRows = totalThumbs/catCol;

var xnum = catCol;
var ynum = numRows;

var xgap = catColXgap;
var ygap = catColYgap-28;
var ox = 0
var oy = 0

var total = xnum*ynum

var i=pos;
var j=0; // used to reset the position

var taco = i+numThumbDisplay;

var temp = _root.createEmptyMovieClip("temp", _root.getNextHighestDepth());
temp.onEnterFrame = function(){

if(i<taco && i<totalThumbs){
//trace(i);
var myImg = imgWrap_mc.attachMovie("thumb", "thumb_mc"+i, i);

myImg._alpha = 0;
myImg.alphaTo(100, 3);
myImg.tnHider_mc.alphaTo(0, 3);

myImg._x = Math.round(ox + (j%xnum)*(xgap + myImg._width-4)); // subtract 9 : because of drop shadow it adds to the width of box
myImg._y = Math.round(oy + int(j/xnum)*ygap);

var ImgDate = myGallery[catNum]["image"][i]["date"];
var ImgTitle = myGallery[catNum]["image"][i]["title"];
var ImgDesc = myGallery[catNum]["image"][i]["desc"];
var ImgThumb = myGallery[catNum]["image"][i]["thumb"];
var ImgFull = myGallery[catNum]["image"][i]["img"];

myImg.title_txt.text = ImgTitle;
myImg.date_txt.text = ImgDate;

myImg.empty_mc.curCat = catNum;
myImg.empty_mc.curImage = i;
myImg.empty_mc.imgDesc = ImgDesc;
myImg.empty_mc.imgToLoad = ImgFull;
myImg.empty_mc.thumbToLoad = ImgThumb;
myImg.empty_mc.loadThumb();

j++;
i++;
} else {
delete this.onEnterFrame;
this.removeMovieClip();
}
}
} // end of showThumbs()




dropDownBtn_mc.onRelease = function() {
doDropDown();
}


function doDropDown() {
if(!dropDown) {
dropDown_mc.ySlideTo(68, 0.8, "easeOutExpo");
dropDown = true;
} else {
dropDown_mc.ySlideTo(-120, 0.8, "easeOutExpo");
dropDown = false;
}
}

dropDown_mc.mask_mc.onEnterFrame = function() {

//only if btns exceed
if(dropDown_mc.bg_mc.hitTest(_root._xmouse, _root._ymouse, true) && this._parent.catBtn_mc._height > this._height) {
ymin = this._y+this._height-this._parent.catBtn_mc._height;
ymax = this._y;
conv = (this._ymouse-15)*1.3/this._height;
conv>1 ? conv=1 : null;
conv<0 ? conv=0 : null;
this._parent.catBtn_mc.ySlideTo(Math.round(ymax - conv*(ymax-ymin)), 1);
}
}

dropDown_mc._y = -120;
dropDown_mc.catBtn_mc.setMask(dropDown_mc.mask_mc);
dropDown_mc.setMask(dropMask_mc);

Y el Script XML es el siguiente:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<gallery title="Sémen Bovino" thumbDir="imagenesgaleria/mini/" imageDir="imagenesgaleria/" random="False">
<category name="Semén Bovino Lechero">
<image>
<date>Act.17/10/2010</date>
<title>ESQUIRE</title>
<desc>Nombre: ESQUIRE (HOLSTEIN AMERICANO)</desc>
<thumb>001.jpg</thumb>
<img>001.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>BAXTER</title>
<desc>Nombre: BAXTER (HOLSTEIN AMERICANO)</desc>
<thumb>002.jpg</thumb>
<img>002.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>WILDMAN</title>
<desc>Nombre: WILDMAN (HOLSTEIN AMERICANO)</desc>
<thumb>003.jpg</thumb>
<img>003.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ARMSTEAD</title>
<desc>Nombre: ARMSTEAD (HOLSTEIN AMERICANO)</desc>
<thumb>004.jpg</thumb>
<img>004.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>MONTAGUE</title>
<desc>Nombre: MONTAGUE (HOLSTEIN AMERICANO)</desc>
<thumb>005.jpg</thumb>
<img>005.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ALLEGRO</title>
<desc>Nombre: ALLEGRO (HOLSTEIN AMERICANO)</desc>
<thumb>006.jpg</thumb>
<img>006.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>SOLO</title>
<desc>Nombre: SOLO (HOLSTEIN AMERICANO)</desc>
<thumb>007.jpg</thumb>
<img>007.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>FLASH</title>
<desc>Nombre: FLASH (HOLSTEIN AMERICANO)</desc>
<thumb>008.jpg</thumb>
<img>008.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>CHORAL</title>
<desc>Nombre: CHORAL (HOLSTEIN AMERICANO)</desc>
<thumb>009.jpg</thumb>
<img>009.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ROSWELL</title>
<desc>Nombre: ROSWELL (HOLSTEIN AMERICANO)</desc>
<thumb>010.jpg</thumb>
<img>010.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>BERKELEY-RED</title>
<desc>Nombre: BERKELEY-RED (HOLSTEIN AMERICANO)</desc>
<thumb>011.jpg</thumb>
<img>011.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>WARRANT</title>
<desc>Nombre: WARRANT (HOLSTEIN AMERICANO)</desc>
<thumb>012.jpg</thumb>
<img>012.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>AUBURN-RED</title>
<desc>Nombre: AUBURN-RED (HOLSTEIN AMERICANO)</desc>
<thumb>013.jpg</thumb>
<img>013.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>VEREDICT</title>
<desc>Nombre: VEREDICT (HOLSTEIN AMERICANO)</desc>
<thumb>014.jpg</thumb>
<img>014.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ALL-RED</title>
<desc>Nombre: ALL-RED (HOLSTEIN AMERICANO)</desc>
<thumb>015.jpg</thumb>
<img>015.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>DISCOVER</title>
<desc>Nombre: DISCOVER (HOLSTEIN AMERICANO)</desc>
<thumb>016.jpg</thumb>
<img>016.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>AMERICANA</title>
<desc>Nombre: AMERICANA (HOLSTEIN AMERICANO)</desc>
<thumb>017.jpg</thumb>
<img>017.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>TRIBUTE</title>
<desc>Nombre: TRIBUTE (HOLSTEIN AMERICANO)</desc>
<thumb>018.jpg</thumb>
<img>018.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ONSIDE</title>
<desc>Nombre: ONSIDE (HOLSTEIN AMERICANO)</desc>
<thumb>019.jpg</thumb>
<img>019.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>MINISTER</title>
<desc>Nombre: MINISTER (HOLSTEIN CANADIENSE)</desc>
<thumb>020.jpg</thumb>
<img>020.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>INTRUDER</title>
<desc>Nombre: INTRUDER (HOLSTEIN CANADIENSE)</desc>
<thumb>021.jpg</thumb>
<img>021.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>TANGENT</title>
<desc>Nombre: TANGENT (HOLSTEIN CANADIENSE)</desc>
<thumb>022.jpg</thumb>
<img>022.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>GOLDPLATE</title>
<desc>Nombre: GOLDPLATE (HOLSTEIN CANADIENSE)</desc>
<thumb>023.jpg</thumb>
<img>023.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ICEFYRE</title>
<desc>Nombre: ICEFYRE (HOLSTEIN CANADIENSE)</desc>
<thumb>024.jpg</thumb>
<img>024.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>DEPUTY</title>
<desc>Nombre: DEPUTY (HOLSTEIN CANADIENSE)</desc>
<thumb>025.jpg</thumb>
<img>025.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>RIC-RED</title>
<desc>Nombre: RIC-RED (HOLSTEIN CANADIENSE)</desc>
<thumb>026.jpg</thumb>
<img>026.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>OLIVER</title>
<desc>Nombre: OLIVER (HOLSTEIN HOLANDÉS)</desc>
<thumb>027.jpg</thumb>
<img>027.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>LOTHAN</title>
<desc>Nombre: LOTHAN (HOLSTEIN HOLANDÉS)</desc>
<thumb>028.jpg</thumb>
<img>028.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>MINARDI</title>
<desc>Nombre: MINARDI (HOLSTEIN HOLANDÉS)</desc>
<thumb>029.jpg</thumb>
<img>029.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>LEMMER</title>
<desc>Nombre: LEMMER (HOLSTEIN HOLANDÉS)</desc>
<thumb>030.jpg</thumb>
<img>030.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>DARWIN</title>
<desc>Nombre: DARWIN (HOLSTEIN HOLANDÉS)</desc>
<thumb>031.jpg</thumb>
<img>031.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>JETHRO</title>
<desc>Nombre: JETHRO (HOLSTEIN HOLANDÉS)</desc>
<thumb>032.jpg</thumb>
<img>032.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>REDONDO-RED</title>
<desc>Nombre: REDONDO-RED (HOLSTEIN HOLANDÉS)</desc>
<thumb>033.jpg</thumb>
<img>033.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>LOTTO-RED</title>
<desc>Nombre: LOTTO-RED (HOLSTEIN HOLANDÉS)</desc>
<thumb>034.jpg</thumb>
<img>034.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>JOHNNY-RED</title>
<desc>Nombre: JOHNNY-RED (HOLSTEIN HOLANDÉS)</desc>
<thumb>035.jpg</thumb>
<img>035.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>RESTHA</title>
<desc>Nombre: RESTHA (HOLSTEIN HOLANDÉS)</desc>
<thumb>036.jpg</thumb>
<img>036.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>BARON</title>
<desc>Nombre: BARON (FUTURE STARS & G-STAR)</desc>
<thumb>037.jpg</thumb>
<img>037.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>AZZURRI</title>
<desc>Nombre: AZZURRI (FUTURE STARS & G-STAR)</desc>
<thumb>038.jpg</thumb>
<img>038.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>AMAZING</title>
<desc>Nombre: AMAZING (FUTURE STARS & G-STAR)</desc>
<thumb>039.jpg</thumb>
<img>039.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>MELEK</title>
<desc>Nombre: MELEK (FUTURE STARS & G-STAR)</desc>
<thumb>040.jpg</thumb>
<img>040.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>TUFENUF</title>
<desc>Nombre: TUFENUF (FUTURE STARS & G-STAR)</desc>
<thumb>041.jpg</thumb>
<img>041.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ABE</title>
<desc>Nombre: ABE (JERSEY)</desc>
<thumb>042.jpg</thumb>
<img>042.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>MERCHANT</title>
<desc>Nombre: MERCHANT (JERSEY)</desc>
<thumb>043.jpg</thumb>
<img>043.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>CARRIER</title>
<desc>Nombre: CARRIER (JERSEY)</desc>
<thumb>044.jpg</thumb>
<img>044.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>MAX</title>
<desc>Nombre: MAX (JERSEY)</desc>
<thumb>045.jpg</thumb>
<img>045.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ARON</title>
<desc>Nombre: ARON (JERSEY)</desc>
<thumb>046.jpg</thumb>
<img>046.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>FREEZE</title>
<desc>Nombre: FREEZE (JERSEY)</desc>
<thumb>047.jpg</thumb>
<img>047.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>JESTER</title>
<desc>Nombre: JESTER (JERSEY)</desc>
<thumb>048.jpg</thumb>
<img>048.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>TUESDAY</title>
<desc>Nombre: TUESDAY (JERSEY)</desc>
<thumb>049.jpg</thumb>
<img>049.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>SABER</title>
<desc>Nombre: SABER (JERSEY)</desc>
<thumb>050.jpg</thumb>
<img>050.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>DENMARK</title>
<desc>Nombre: DENMARK (PARDO SUIZO)</desc>
<thumb>051.jpg</thumb>
<img>051.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>JOEL</title>
<desc>Nombre: JOEL (PARDO SUIZO)</desc>
<thumb>052.jpg</thumb>
<img>052.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>BON FIRE</title>
<desc>Nombre: BON FIRE (PARDO SUIZO)</desc>
<thumb>053.jpg</thumb>
<img>053.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>CD</title>
<desc>Nombre: CD (PARDO SUIZO)</desc>
<thumb>054.jpg</thumb>
<img>054.jpg</img>
</image>
</category>

<category name="Semén Bovino Corte">
<image>
<date>Act.17/10/2010</date>
<title>ATLAS</title>
<desc>Nombre: ATLAS (SENEPOL)</desc>
<thumb>055.jpg</thumb>
<img>055.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>WC 990B</title>
<desc>Nombre: WC 990C (SENEPOL)</desc>
<thumb>056.jpg</thumb>
<img>056.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>DON MANUEL</title>
<desc>Nombre: DON MANUEL (SENEPOL)</desc>
<thumb>057.jpg</thumb>
<img>057.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>TORA</title>
<desc>Nombre: TORA (SENEPOL)</desc>
<thumb>058.jpg</thumb>
<img>058.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>URUCUM</title>
<desc>Nombre: URUCUM (SENEPOL)</desc>
<thumb>059.jpg</thumb>
<img>059.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>BLACK ERIN 529</title>
<desc>Nombre: BLACK ERIN 529 (ANGUS NEGRO)</desc>
<thumb>060.jpg</thumb>
<img>060.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>BLACK POWER OF 039</title>
<desc>Nombre: BLACK POWER OF 039 (ANGUS NEGRO)</desc>
<thumb>061.jpg</thumb>
<img>061.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>SAV BANDO 6679</title>
<desc>Nombre: SAV BANDO 6679 (ANGUS NEGRO)</desc>
<thumb>062.jpg</thumb>
<img>062.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>LORENZEN MAJOR</title>
<desc>Nombre: LORENZEN MAJOR (ANGUS ROJO)</desc>
<thumb>063.jpg</thumb>
<img>063.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>TALISKER 202T</title>
<desc>Nombre: TALISKER 202T (ANGUS ROJO)</desc>
<thumb>064.jpg</thumb>
<img>064.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>GOOGLE THIS</title>
<desc>Nombre: GOOGLE THIS (ANGUS ROJO)</desc>
<thumb>065.jpg</thumb>
<img>065.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>BAR 5 SA BURNER 825R</title>
<desc>Nombre: BAR 5 SA BURNER 825R (SIMMENTAL)</desc>
<thumb>066.jpg</thumb>
<img>066.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>BHR DRACO SA 628N</title>
<desc>Nombre: BHR DRACO SA 628N (SIMMENTAL)</desc>
<thumb>067.jpg</thumb>
<img>067.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>GRAAL</title>
<desc>Nombre: GRAAL (SIMMENTAL)</desc>
<thumb>068.jpg</thumb>
<img>068.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ESCALADE</title>
<desc>Nombre: ESCALADE (BRANGUS NEGRO)</desc>
<thumb>069.jpg</thumb>
<img>069.jpg</img>
</image>

</category>

<category name="Semén Cebú">
<image>
<date>Act.17/10/2010</date>
<title>NOBRE</title>
<desc>Nombre: NOBRE (GYR LECHERO)</desc>
<thumb>070.jpg</thumb>
<img>070.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ESPELHO</title>
<desc>Nombre: ESPELHO (GYR LECHERO)</desc>
<thumb>071.jpg</thumb>
<img>071.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>FARGO</title>
<desc>Nombre: FARGO (GYR LECHERO)</desc>
<thumb>072.jpg</thumb>
<img>072.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>CASPER</title>
<desc>Nombre: CASPER (GYR LECHERO)</desc>
<thumb>073.jpg</thumb>
<img>073.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>UNICO</title>
<desc>Nombre: UNICO (GYR LECHERO)</desc>
<thumb>074.jpg</thumb>
<img>074.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>HARGO</title>
<desc>Nombre: HARGO (GYR LECHERO)</desc>
<thumb>075.jpg</thumb>
<img>075.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>FARAO</title>
<desc>Nombre: FARAO (GYR LECHERO)</desc>
<thumb>076.jpg</thumb>
<img>076.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>EXPOENTE</title>
<desc>Nombre: EXPOENTE (GYR LECHERO)</desc>
<thumb>077.jpg</thumb>
<img>077.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>DOM</title>
<desc>Nombre: DOM (GYR LECHERO)</desc>
<thumb>078.jpg</thumb>
<img>078.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ASTRO</title>
<desc>Nombre: ASTRO (GYR LECHERO)</desc>
<thumb>079.jpg</thumb>
<img>079.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>APACHE</title>
<desc>Nombre: APACHE (GYR LECHERO)</desc>
<thumb>080.jpg</thumb>
<img>080.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>GOLIAS</title>
<desc>Nombre: GOLIAS (GYR LECHERO)</desc>
<thumb>081.jpg</thumb>
<img>081.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>PROCAN</title>
<desc>Nombre: PROCAN (GYR LECHERO)</desc>
<thumb>082.jpg</thumb>
<img>082.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>PIONEIRO</title>
<desc>Nombre: PIONEIRO (GYR LECHERO)</desc>
<thumb>083.jpg</thumb>
<img>083.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>FAUSTO</title>
<desc>Nombre: FAUSTO (GIROLANDO)</desc>
<thumb>084.jpg</thumb>
<img>084.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>NETUNO</title>
<desc>Nombre: NETUNO (GIROLANDO)</desc>
<thumb>085.jpg</thumb>
<img>085.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>FERGUS</title>
<desc>Nombre: FERGUS (GIROLANDO)</desc>
<thumb>086.jpg</thumb>
<img>086.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>CHARMOSO</title>
<desc>Nombre: CHARMOSOS (GIROLANDO)</desc>
<thumb>087.jpg</thumb>
<img>087.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ANJO</title>
<desc>Nombre: ANJO (GUZERA)</desc>
<thumb>088.jpg</thumb>
<img>088.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>AVANTE</title>
<desc>Nombre: AVANTE (GUZERA)</desc>
<thumb>089.jpg</thumb>
<img>089.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>GUARDIAO</title>
<desc>Nombre: GUARDIAO (GUZERA)</desc>
<thumb>090.jpg</thumb>
<img>090.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>OCRE</title>
<desc>Nombre: OCRE (GUZERA)</desc>
<thumb>091.jpg</thumb>
<img>091.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>MR. V8 920/5</title>
<desc>Nombre: MR. V8 920/5 (BRAHMAN)</desc>
<thumb>092.jpg</thumb>
<img>092.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>MR. JS 755/7</title>
<desc>Nombre: MR. JS 755/7 (BRAHMAN)</desc>
<thumb>093.jpg</thumb>
<img>093.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>HAJARAN</title>
<desc>Nombre: HAJARAN (NELORE)</desc>
<thumb>094.jpg</thumb>
<img>094.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>PH UISQUE</title>
<desc>Nombre: PH UISQUE (NELORE)</desc>
<thumb>095.jpg</thumb>
<img>095.jpg</img>
</image>

</category>


<category name="Semén Sexado 511">

<image>
<date>Act.17/10/2010</date>
<title>MYSTIQUE</title>
<desc>Nombre: MYSTIQUE (HOLSTEIN)</desc>
<thumb>096.jpg</thumb>
<img>096.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ZORO</title>
<desc>Nombre: ZORO (HOLSTEIN)</desc>
<thumb>097.jpg</thumb>
<img>097.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>TAILOR-RED</title>
<desc>Nombre: TAILOR-RED (HOLSTEIN)</desc>
<thumb>098.jpg</thumb>
<img>098.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>FOREST</title>
<desc>Nombre: FOREST (JERSEY)</desc>
<thumb>099.jpg</thumb>
<img>099.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>JOEL</title>
<desc>Nombre: JOEL (PARDO SUIZO)</desc>
<thumb>100.jpg</thumb>
<img>100.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>NOBRE</title>
<desc>Nombre: JOEL (GYR LECHERO)</desc>
<thumb>101.jpg</thumb>
<img>101.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ESPELHO</title>
<desc>Nombre: ESPELHO (GYR LECHERO)</desc>
<thumb>102.jpg</thumb>
<img>102.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>CASPER</title>
<desc>Nombre: CASPER (GYR LECHERO)</desc>
<thumb>103.jpg</thumb>
<img>103.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>APACHE</title>
<desc>Nombre: APACHE (GYR LECHERO)</desc>
<thumb>104.jpg</thumb>
<img>104.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>ASTRO DA MORADA</title>
<desc>Nombre: ASTRO DA MORADA (GYR LECHERO)</desc>
<thumb>105.jpg</thumb>
<img>105.jpg</img>
</image>
<image>
<date>Act.17/10/2010</date>
<title>CURIMA I</title>
<desc>Nombre: CURIMA I (GIROLANDO)</desc>
<thumb>106.jpg</thumb>
<img>106.jpg</img>
</image>
</category>
</gallery>

Agradezo la colaboración que me puedan prestar ya que soy novato en este tema.

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

chrome
Citar            
MensajeEscrito el 27 Oct 2010 03:03 pm
Ok... que quede claro que no leí toda la entrada...

entra aquí

Freddie se avnetó un excelente tutorial en XML y puede solucionar tu problema... al menos de los primeros párrafos.

Por Stockman

Claber

145 de clabLevel



 

firefox
Citar            
MensajeEscrito el 27 Oct 2010 08:25 pm
Muchas gracias por tu respuesta... voy a revisar el tutorial para buscarle solución

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.