/* Nav menu Page colour wheel configuration */
function navPageCW( ) {
this.entity = '#nav-cw-div';
this.label = '#nav-cw-label';
this.xoffset = 140;
this.yoffset = 140;
this.radius = 91;
this.innerRadiusInactive = 20;
this.innerRadiusActive = 26;
this.middleRadiusInactive = 52;
this.middleRadiusActive = 70;
this.outerRadiusInactive = 91;
this.outerRadiusActive = 109;
this.colours = [ 'multicoloured',
'brown',
'black',
'white',
'beige',
'mid-brown',
'red-orange',
'orange',
'light-orange',
'yellow',
'light-green',
'green',
'blue-green',
'blue',
'blue-violet',
'purple',
'pink',
'red'
];
}
navPageCW.prototype.doOverlay = function( section, action ){
if ( section >=0 && section <= this.colours.length ) {
$('#nav-cw-'+section).css( "display", action );
}
}
navPageCW.prototype.GetInnerSection = function( currentPolarCoords ){
return 0;
}
navPageCW.prototype.GetMiddleSection = function( currentPolarCoords ){
if ( currentPolarCoords.degrees <=6 || currentPolarCoords.degrees > 294 )
{
return 1;
}
return 1 + Math.round( ( currentPolarCoords.degrees +29 ) / 72 );
}
navPageCW.prototype.GetOuterSection = function( currentPolarCoords ){
if ( currentPolarCoords.degrees <=15 || currentPolarCoords.degrees > 345 )
{
return 6;
}
return 6 + Math.round( ( currentPolarCoords.degrees - 3) / 30 );
}
navPageCW.prototype.GetNewState = function( oldState, currentPolarCoords ){
var newState = new ColourWheelState();
if ( oldState.innerAreaActive == true )
{
if ( currentPolarCoords.radius <= this.innerRadiusActive ){
newState.active = true;
newState.innerAreaActive = true;
newState.section = this.GetInnerSection( currentPolarCoords );
}
else if ( currentPolarCoords.radius <= this.middleRadiusInactive ){
newState.active = true;
newState.middleAreaActive = true;
newState.section = this.GetMiddleSection( currentPolarCoords );
}
else if ( currentPolarCoords.radius <= this.outerRadiusInactive ){
newState.active = true;
newState.outerAreaActive = true;
newState.section = this.GetOuterSection( currentPolarCoords );
}
}
else if ( oldState.middleAreaActive == true ) {
if ( currentPolarCoords.radius <= this.innerRadiusInactive ){
newState.active = true;
newState.innerAreaActive = true;
newState.section = this.GetInnerSection( currentPolarCoords );
}
else if ( currentPolarCoords.radius <= this.middleRadiusActive ){
newState.active = true;
newState.middleAreaActive = true;
newState.section = this.GetMiddleSection( currentPolarCoords );
}
else if ( currentPolarCoords.radius <= this.outerRadiusInactive ){
newState.active = true;
newState.outerAreaActive = true;
newState.section = this.GetOuterSection( currentPolarCoords );
}
}
else if ( oldState.outerAreaActive == true ) {
if ( currentPolarCoords.radius <= this.innerRadiusInactive ){
newState.active = true;
newState.innerAreaActive = true;
newState.section = this.GetInnerSection( currentPolarCoords );
}
else if ( currentPolarCoords.radius <= this.middleRadiusInactive ){
newState.active = true;
newState.middleAreaActive = true;
newState.section = this.GetMiddleSection( currentPolarCoords );
}
else{
var hoverSection = this.GetOuterSection( currentPolarCoords );
if ( oldState.section == hoverSection ) {
if ( currentPolarCoords.radius <= this.outerRadiusActive ){
newState.active = true;
newState.outerAreaActive = true;
newState.section = this.GetOuterSection( currentPolarCoords );
}
}
else
{
if ( currentPolarCoords.radius <= this.outerRadiusInactive ){
newState.active = true;
newState.outerAreaActive = true;
newState.section = this.GetOuterSection( currentPolarCoords );
}
}
}
}
else
{
if ( currentPolarCoords.radius <= this.innerRadiusInactive ){
newState.active = true;
newState.innerAreaActive = true;
newState.section = this.GetInnerSection( currentPolarCoords );
}
else if ( currentPolarCoords.radius <= this.middleRadiusInctive ){
newState.active = true;
newState.middleAreaActive = true;
newState.section = this.GetMiddleSection( currentPolarCoords );
}
else if ( currentPolarCoords.radius <= this.outerRadiusInactive ){
newState.active = true;
newState.outerAreaActive = true;
newState.section = this.GetOuterSection( currentPolarCoords );
}
}
return newState;
}
navPageCW.prototype.processMovement = function( oldState, newState ){
if( newState.section != oldState.section )
{
$(this.label).html( ' ' );
if ( ( newState.section >= 0 ) && ( newState.section < this.colours.length ) ) {
$(this.label).html( this.colours[newState.section] );
}
this.doOverlay( oldState.section, "none" );
this.doOverlay( newState.section, "block" );
}
}
navPageCW.prototype.addImages = function( target, sectionName, searchType ){
if( sectionName != '' ) {
sectionName = '' + sectionName + ''
}
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
' );
document.write('
');
}