<!-- 

// Get Selection

var idx = document.URL.indexOf('?');

var param = document.URL.substring(idx+1, document.URL.length)

var point = param.lastIndexOf("=");

sel =(param.substring(point+1,param.length));



montre();

// Set mode, indexes and arrays

currentMode='manual';

currentIndx=0;

maxIndx=0;



imagesPreloaded = new Array();

Images=new Array();

Widths=new Array();

Heights=new Array();

Legends=new Array();



// Set xml load variables

var MWJ_ldD = [];

var oURL = 'gallery.xml';

oFunct = 'runThis';

var opera = false;



var xmlDoc;

function loadPage() {

var ua = navigator.userAgent.toLowerCase();

if (ua.indexOf('safari/') != -1) {

	XmlHTTP = new XMLHttpRequest();

	XmlHTTP.open('get', 'gallery.xml', false);

	XmlHTTP.send('');

	xmlDoc = XmlHTTP.responseXML;

    createPage();

}

else {
	
	if (window.ActiveXObject) {

		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

		xmlDoc.onreadystatechange = function () {

			if (xmlDoc.readyState == 4) createPage()

		};

	}
	else if (document.implementation && document.implementation.createDocument) {

		xmlDoc = document.implementation.createDocument("", "", null);

		xmlDoc.onload = function() {

		   createPage();

		};

 	}

	else if( document.createElement && document.childNodes ) {

//load the XML in an iframe

		var ifr = document.createElement('DIV');

		ifr.style.visibility = 'visible'; ifr.style.position = 'absolute'; ifr.style.top = '0px'; ifr.style.left = '0px';

//onload only fires in Opera so I use a timer for all

		if( !window.MWJ_XML_timer ) {

			window.MWJ_XML_timer = window.setInterval('MWJ_checkXMLLoad();',100); 

		}

		ifr.innerHTML = '<iframe src="'+oURL+'" name="MWJ_XML_loader_'+MWJ_ldD.length+'" height="0" width="0"><\/iframe>';

		MWJ_ldD[MWJ_ldD.length] = oFunct;

		document.body.appendChild(ifr);

		return true;

	}	

	else {

		alert('Your browser cannot handle this script');

		return;

	}

	xmlDoc.async=false;

	xmlDoc.load("gallery.xml");

}



}



function MWJ_checkXMLLoad() {

//check if imported file is available 

	for( var x = 0; x < MWJ_ldD.length; x++ ) { if( MWJ_ldD[x] && window.frames['MWJ_XML_loader_'+x] ) {

		eval( MWJ_ldD[x] + '(window.frames.MWJ_XML_loader_'+x+'.window.document);' );

		MWJ_ldD[x] = false;

	} }

}



function runThis(doc) {

	xmlDoc = doc;

	opera = true;

	createPage();

}



function createPage() {

	var x = xmlDoc.getElementsByTagName('root');

// run thru categories to select

	for (j=0;j<x[0].childNodes.length;j++) 	{

		if (x[0].childNodes[j].nodeType != 1) continue;

		att=x[0].childNodes[j].attributes;

		var cat = att[0].value;

	

// load category selected

		if (cat==sel){

			var list=x[0].childNodes[j].getElementsByTagName('item');

			maxIndx = list.length -1;

			str='';

			for (i=0;i<list.length;i++) {

				if (list[i].nodeType != 1) continue;

				itematt=list[i].attributes;

				for (k=0;k<itematt.length;k++) 	{

					var path = itematt[0].value;

					var width = itematt[1].value;

					var height = itematt[2].value;

					var size = itematt[3].value;

					var name = itematt[4].value;

					var desc = itematt[5].value;



				}

// fill display arrays

				Images[i]=path;

				Widths[i]=width;

				Heights[i]=height;

				

				var leg = '<div><b>'+name+'</b></div>';

				if (desc>'') leg += '<p>'+desc+'</p>';

				Legends[i]=leg;

// build thumbs

				var tw=Math.floor(width/6);

				var th=Math.floor(height/6);

				if (str!='') str += '<br />';

				str += '<img src="'+path+'" width="'+tw+'" height="'+th+'" border="0" alt="'+name+'" onClick="callDisp(\''+i+'\')" class="thumb" />';

				

			}

		} // end if 

	}



// set title, thumbs and call preload

	document.getElementById('subtitle').innerHTML = sel;;

	document.getElementById('scroll').innerHTML = str;



	PreLoad();

}



function PreLoad() {

// preload display images

	for (var z = 0; z < Images.length; z++) {

		imagesPreloaded[z] = new Image(Widths[z],Heights[z]);

		imagesPreloaded[z].src=Images[z];

	}

	document.getElementById('theImage').src=imagesPreloaded[currentIndx].src

	document.getElementById('theImage').width=imagesPreloaded[currentIndx].width;

	document.getElementById('theImage').height=imagesPreloaded[currentIndx].height;

	//document.getElementById('theImage').style.marginTop=(400-imagesPreloaded[currentIndx].height)/2+'px';

	

	document.getElementById('legend').innerHTML = Legends[currentIndx];

}



function Nexter(){

	if (currentIndx<imagesPreloaded.length-1) currentIndx=currentIndx+1;

	else currentIndx=0



	document.getElementById('theImage').src=imagesPreloaded[currentIndx].src

	document.getElementById('theImage').width=imagesPreloaded[currentIndx].width;

	document.getElementById('theImage').height=imagesPreloaded[currentIndx].height;

	//document.getElementById('theImage').style.marginTop=(400-imagesPreloaded[currentIndx].height)/2+'px';



	document.getElementById('legend').innerHTML = Legends[currentIndx];

}



function Backer(){

	if (currentIndx>0) currentIndx=currentIndx-1;

	else currentIndx=maxIndx;



	document.getElementById('theImage').src=imagesPreloaded[currentIndx].src

	document.getElementById('theImage').width=imagesPreloaded[currentIndx].width;

	document.getElementById('theImage').height=imagesPreloaded[currentIndx].height;

	//document.getElementById('theImage').style.marginTop=(400-imagesPreloaded[currentIndx].height)/2+'px';

	

	document.getElementById('legend').innerHTML = Legends[currentIndx];

}



function mode() {

	if (currentMode=='manual') currentMode='automatic';

	else currentMode='manual';

	

	if (currentMode=='manual')  document.getElementById('mode').src='images/but_auto.png';

	else document.getElementById('mode').src='images/but_manual.png';

	

	automaticly();

}



function modenav(status) {

	if (currentMode=='manual') {

		if (status=='on') document.getElementById('mode').src='images/but_auto_on.png';

		else document.getElementById('mode').src='images/but_auto.png';

	}

	else {

		if (status=='on') document.getElementById('mode').src='images/but_manu_on.png';

		else document.getElementById('mode').src='images/but_manu.png';

	}

}



function automaticly() {

//alert(currentMode);

	//if (document.form1.automatic.checked) {

	if (currentMode=='automatic') {

		currentIndx=currentIndx+1;

		if (currentIndx==imagesPreloaded.length) currentIndx=0;



		document.getElementById('theImage').src=imagesPreloaded[currentIndx].src;

		document.getElementById('theImage').width=imagesPreloaded[currentIndx].width;

		document.getElementById('theImage').height=imagesPreloaded[currentIndx].height;

		//document.getElementById('theImage').style.marginTop=(400-imagesPreloaded[currentIndx].height)/2+'px';

		

		document.getElementById('legend').innerHTML = Legends[currentIndx];



		var delay = setTimeout("automaticly()",3000);

	}

}



function callDisp(idx) {

	var max = Images.length -1;

	var ii = idx -1;

	if (ii<0) ii=max;

	if (ii>max) ii=0;

	currentIndx = ii;

	Nexter();

}

//--> 
