// JavaScript Document
	var theData;
	var aJewels;
	var aSize = 0;
	var aIx = 0;	

	$('document').ready(function(){
		$('#slideshow').css('display','block');
		$.ajax({	type:	'GET',
					url:	'/jewels/jewels_prod.xml',
					data:	's=' + Math.random() * 77777,
					dataType:	'xml',
					success: function(xml){
						var html;
						
						theData = xml;
						aJewels = $(xml).find('jewels');
						aSize = aJewels.length;
						
						slideSwitch();
					}
		});	//ajax
	});
	

	/*** 
		Simple jQuery Slideshow Script
		Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
	***/
	
	function slideSwitch() {
		var $active = $('#slideshow DIV.active');

		if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
				
		// use this to pull the divs in the order they appear in the markup
		var $next =  $active.next().length ? $active.next()
			: $('#slideshow DIV:first');
	
		// uncomment below to pull the divs randomly
		// var $sibs  = $active.siblings();
		// var rndNum = Math.floor(Math.random() * $sibs.length );
		// var $next  = $( $sibs[ rndNum ] );
	
		// switch the image to the next in the list
		$next.find('img').attr('src', '/jewels/images/' + aJewels.get(aIx).getAttribute('img'));
		$next.find('span').text(aJewels.get(aIx).getAttribute('img'));
		window.status = '[' + aIx + '] ' + aJewels.get(aIx).getAttribute('img');
	
		$active.addClass('last-active');
	
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {
				$active.removeClass('active last-active');
			});
			
		aIx++;
		if(aIx == aSize) aIx = 0;
	}	// slideSwitch()
	
	$(function() {
		setInterval( "slideSwitch()", 2000 );
	});