/*
CA_SKU_SwatchesBin_SwatchModule (default) -- displays Big swatch and text
CA_SKU_SwatchesBin_SwatchModule-SansBigSwatch -- shows name only (doesn't show the Big swatch)

Each have an active, inactive states and each of these also has a roll state. (could do without the roll state if hover was supported properly in quirks mode... but it is not, so we need it)

These are the states:
.CA_SKU_SwatchesBin_SwatchModule-Active,
.CA_SKU_SwatchesBin_SwatchModule-Active-Hover, (only used by javascript)
.CA_SKU_SwatchesBin_SwatchModule-Inactive,
.CA_SKU_SwatchesBin_SwatchModule-Inactive-Hover, (only used by javascript)
*/


//regex var test for -Active state
	var VarTestActiveState = /-Active$/;

//regex var test for -Active-Hover state
	var VarTestActiveHoverState = /-Active-Hover$/;
	
//regex var test for -Inactive state
	var VarTestInactiveState = /-Inactive$/;
	
//regex var test for -Inactive-Hover state
	var VarTestInactiveHoverState = /-Inactive-Hover$/;
	

function SwatchModuleMouseOverEvent(obj) {

	// test states onmouseover and onmouseout 

//:::: -Active & -Active-Hover :::::::::::::::::::::::::::::::::::::::::::
	// if -Active -> -Active-Hover
	// toggles to this on onmouseover
	if (VarTestActiveState.test(obj.className)) {
		//change -Active to Active-Hover state
		obj.className = 'CA_SKU_SwatchesBin_SwatchModule-Active-Hover';
	}
	
	// if -Active-Hover -> -Active
	// toggles to this on onmouseout
	else if (VarTestActiveHoverState.test(obj.className)) {
		//change -Active to Active-Hover state
		obj.className = 'CA_SKU_SwatchesBin_SwatchModule-Active';
	}

//:::: -Inactive & -Inactive-Hover :::::::::::::::::::::::::::::::::::::::::::
	// if -Inactive -> -Inactive-Hover
	// toggles to this on onmouseover
	else if (VarTestInactiveState.test(obj.className)) {
		//change -Active to Active-Hover state
		obj.className = 'CA_SKU_SwatchesBin_SwatchModule-Inactive-Hover';
	}
	
	// if -Inactive-Hover -> -Inactive
	// toggles to this on onmouseout
	else if (VarTestInactiveHoverState.test(obj.className)) {
		//change -Active to Active-Hover state
		obj.className = 'CA_SKU_SwatchesBin_SwatchModule-Inactive';
	}
	
	else {
		alert('error with SwatchModuleMouseOverEvent in javascript')
	}


} // END SwatchModuleMouseOverEvent