///////////////////
// Pendant colors
var oldSelectedCord = 0;
var oldSelectedCordLen = 0;

function updateText(color, cord, cordLen) {
	var desc=pendantName + " (";
	if(cord!=2) {
		switch(color) {
			case 0: desc+='Maroon Bead'; break;
			case 1: desc+='Red Bead'; break;
			case 2: desc+='Aqua Bead'; break;
			case 3: desc+='Speckle Bead'; break;
			case 4: desc+='Confetti Bead'; break;
			case 5: desc+='Black Bead'; break;
			case 6: desc+='Green Bead'; break;
			case 7: desc+='Purple Bead'; break;
			case 8: desc+='Navy Bead'; break;
		}
	}
	switch(cord) {
		case 0: desc+=', Gold Leather Buckskin'; break;
		case 1: desc+=', Rubber Cording'; break;
		case 2: desc+='Pin Back)'; break;					
	}
	if(cord!=2) {
		switch(cordLen) {	
			case 0: desc+=', 16")'; break;
			case 1: desc+=', 18")'; break;
			case 2: desc+=', 24")'; break;
		}				
	}
	document.getElementById('pendantDesc1').value=desc;
	document.getElementById('pendantDesc2').value=desc;
}

function setColor(n) {
    document.getElementById('string').style.backgroundPosition = "-" + (n * 113) + "px " + (-selectedCord * 215 - 80) + "px";
    for (var i = 0; i < 9; i++) {
        document.getElementById('col' + i).className = i == n ? "colbtn colbtn-sel" : "colbtn";
    }
    selectedColor = n;
	updateText(selectedColor, selectedCord, selectedCordLen);
    return false;
}

function overColor(n) {
    document.getElementById('string').style.backgroundPosition = "-" + (n * 113) + "px " + (-selectedCord * 215 - 80) + "px";
}

function outColor(n) {
    overColor(selectedColor);
}

///////////////////
// Pendant cords

function setCord(n) {
    for (var i = 0; i < 3; i++) {
        document.getElementById('cord' + i).className = i == n ? "cordbtn cordbtn-sel" : "cordbtn";
    }
    document.getElementById('linkimg').className = 'linkimg' + n;
    oldSelectedCord = selectedCord = n;
    overColor(selectedColor);
	updateText(selectedColor, selectedCord, selectedCordLen);	
    return false;
}

function overCord(n) {
    document.getElementById('linkimg').className = 'linkimg' + n;
    selectedCord = n;
    overColor(selectedColor);
}

function outCord(n) {
    overCord(oldSelectedCord);
}

/////////////////////////
// Pendant cord lengths

function setCordLen(n) {
    for (var i = 0; i < 3; i++) {
        document.getElementById('cordlen' + i).className = i == n ? "cordlenbtn cordlenbtn-sel" : "cordlenbtn";
    }
    oldSelectedCordLen = selectedCordLen = n;
    overColor(selectedColor);
	updateText(selectedColor, selectedCord, selectedCordLen);	
    return false;
}

function overCordLen(n) {
	// Not needed
}

function outCordLen(n) {
	// Not needed
}