var loaded = false;
if (document.images) {
	/* PreCache all images */
	var aryContentImage = new Array();
	aryContentImage[00] = new Image(250,250);
	aryContentImage[01] = new Image(250,250);
	aryContentImage[02] = new Image(250,250);
	aryContentImage[03] = new Image(250,250);
	aryContentImage[04] = new Image(250,250);
	aryContentImage[05] = new Image(250,250);
	aryContentImage[06] = new Image(250,250);
	aryContentImage[07] = new Image(250,250);
	aryContentImage[08] = new Image(250,250);
	aryContentImage[09] = new Image(250,250);
	aryContentImage[10] = new Image(250,250);
	aryContentImage[11] = new Image(250,250);

	/* set image path for each photo */
	aryContentImage[00].src = "images/earrings/citrine.jpg";
	aryContentImage[01].src = "images/earrings/quartz.jpg";
	aryContentImage[02].src = "images/earrings/vanessa.jpg";
	aryContentImage[03].src = "images/earrings/arlene.jpg";
	aryContentImage[04].src = "images/earrings/chalcedony.jpg";
	aryContentImage[05].src = "images/earrings/tara.jpg";
	aryContentImage[06].src = "images/earrings/christina.jpg";
	aryContentImage[07].src = "images/earrings/topazhoops.jpg";
	aryContentImage[08].src = "images/earrings/topaz.jpg";
	aryContentImage[09].src = "images/earrings/chalcedony-drop.jpg";
	aryContentImage[10].src = "images/earrings/chalcedony-dangle.jpg";
	aryContentImage[11].src = "images/earrings/cherry-quartz-hoops.jpg";
	
	loaded = true;
}// end if

var aryContentText = new Array();
	aryContentText[00] = '<b>Citrine Draped Chandelier Hoops</b><br>Golden Citrine stones uniquely framed with draping chain and hoops accented with beads: Citrine Briolette (8x8mm), 14k gold filled, 2" long, $57'; 
	aryContentText[01] = '<b>Rock Crystal Chandelier Earrings</b><br>Elegant chandelier earrings made with clear rock crystal dress up any outfit: Rock crystal (10x10 mm), (12x12mm), Sterling Silver, 3 &frac12;" long and 1" wide, $55 ';
	aryContentText[02] = '<b>Chalcedony and Prenite Draped Chandelier Hoops</b><br/>Peruvian Chalcedony and Prenite stones uniquely framed with draping chain and hoops accented with beads" Peruvian chalcedony (6x10 mm), 2 Prenite (6x6 mm), 14k gold filled, 2" long, $67';
	aryContentText[03] = '<b>Arlene Chandelier</b><br/>';
	aryContentText[04] = '<b>Chalcedony and Carnelian Cascading Drop Earrings</b><br/>Simple and elegant Green Chalcedony with a cascade of faceted leaf-shaped Carnelian stones: Chalcedony (11x11 mm), Carnelian (4x8 mm), Sterling Silver, 1 &frac12; long, $33';
	aryContentText[05] = '<b>Chalcedony Bead Drop Earrings</b><br/>Faceted sea foam chalcedony with Peruvian chalcedony beads: Chalcedony (11x11 mm), Chalcedony beads (4mm), 14k gold filled, 1 &frac12;" long, $25';
	aryContentText[06] = '<b>Clear Iridescent Teardrop Crystal Earrings</b><br/>Simple and elegant bell shaped Austrian crystals that can be worn everyday: Austrian Crystal AB (7mm), Sterling silver , 1" approx, $20';
	aryContentText[07] = '<b>Blue Topaz Wrapped Chandelier Hoops</b><br/>Blue topaz beads wire wrapped on 14K gold filled hoops centered with faceted blue topaz drop. Also available in sterling silver: Blue topaz beads (3 mm), Blue topaz briolette (5x8mm), 14k gold filled, 2 &frac12;" long, $62';
	aryContentText[08] = '<b>Simple Blue Topaz Earrings</b><br/>True luxury, natural icy blue topaz briolette: Blue Topaz (8x8mm), Sterling Silver, 1" drop, $81';
	aryContentText[09] = '<b>Chaledony with Apatite Cascade Drop Earrings</b><br/>Simple and elegant Peruvian Chalcedony with a cascade of teardrop Apatite stones: Peruvian Chalcedony (11x11 mm), Apatite (5x7mm), 14k gold filled, 1 &frac12;" long, $55';
	aryContentText[10] = '<b>Chalcedony Dangle Hoop Earrings</b><br/>Chalcedony briolettes slipped into sterling silver hoops.  Also available in 14K gold filled: Chalcedony (6x10 mm), Sterling Silver, 2 &frac12;" long, $18';
	aryContentText[11] = '<b>Cherry Quartz Medium Hoop</b><br/>Single faceted cherry quartz roundels on 14K GF hoops. Available in rose quartz and/or sterling silver hoops: Cherry Quartz (7 mm), 14k gold filled, 1 &frac12;" wide and long, $16';
	
function swapImage(imageNo) {
	var contentId = document.getElementById('preview');
	var content = "<img src='"+aryContentImage[imageNo].src+"'>";
	contentId.innerHTML = content;
}

function swapText(imageNo) {
	var contentId = document.getElementById('description');
	var content = aryContentText[imageNo];
	contentId.innerHTML = content;
}

function swap(imageNo){
	swapImage(imageNo);
	swapText(imageNo);
	return;
}