function numberBaseConverter (number,oldBase,newBase) {
        number = number + "";
        number = number.toUpperCase();
        var characters = "0123456789ABCDEF";
        var dec = 0;
        for (var no = 0; no <=  number.length; no++) {
                dec += (characters.indexOf(number.charAt(no))) * (Math.pow(oldBase , (number.length - no - 1)));
        }
        number = "";
        var magnitude = Math.floor((Math.log(dec))/(Math.log(newBase)));
        for (var no = magnitude; no >= 0; no--) {
                var amount = Math.floor(dec/Math.pow(newBase,no));
                number = number + characters.charAt(amount);
                dec -= amount*(Math.pow(newBase,no));
        }
        if(number.length==0)number=0;
        return number;
}

// Converts a RGB color to HSV
function toHSV(rgbColor){
        rgbColor = rgbColor.replace('#','');

        red = numberBaseConverter(rgbColor.substr(0,2),16,10);
        green = numberBaseConverter(rgbColor.substr(2,2),16,10);
        blue = numberBaseConverter(rgbColor.substr(4,2),16,10);
        if(red.length==0)red=0;
        if(green.length==0)green=0;
        if(blue.length==0)blue=0;
        red = red/255;
        green = green/255;
        blue = blue/255;

        maxValue = Math.max(red,green,blue);
        minValue = Math.min(red,green,blue);

        var hue = 0;

        if(maxValue==minValue){
                hue = 0;
                saturation=0;
        }else{
                if(red == maxValue){
                        hue = (green - blue) / (maxValue-minValue)/1;
                }else if(green == maxValue){
                        hue = 2 + (blue - red)/1 / (maxValue-minValue)/1;
                }else if(blue == maxValue){
                        hue = 4 + (red - green) / (maxValue-minValue)/1;
                }
                saturation = (maxValue-minValue) / maxValue;
        }
        hue = hue * 60;
        valueBrightness = maxValue;

        if(valueBrightness/1<0.5){
                //saturation = (maxValue - minValue) / (maxValue + minValue);
        }
        if(valueBrightness/1>= 0.5){
                //saturation = (maxValue - minValue) / (2 - maxValue - minValue);
        }


        returnArray = [hue,saturation,valueBrightness];
        return returnArray;
}

function toRgb(hue,saturation,valueBrightness){
        Hi = Math.floor(hue / 60);
        if(hue==360)Hi=0;
        f = hue/60 - Hi;
        p = (valueBrightness * (1- saturation)).toPrecision(2);
        q = (valueBrightness * (1 - (f * saturation))).toPrecision(2);
        t = (valueBrightness * (1 - ((1-f)*saturation))).toPrecision(2);

        switch(Hi){
                case 0:
                        red = valueBrightness;
                        green = t;
                        blue = p;
                        break;
                case 1:
                        red = q;
                        green = valueBrightness;
                        blue = p;
                        break;
                case 2:
                        red = q;
                        green = valueBrightness;
                        blue = t;
                        break;
                case 3:
                        red = p;
                        green = q;;
                        blue = valueBrightness;
                        break;
                case 4:
                        red = t;
                        green = p;
                        blue = valueBrightness;
                        break;
                case 5:
                        red = valueBrightness;
                        green = p;
                        blue = q;
                        break;
        }

        if(saturation==0){
                red = valueBrightness;
                green = valueBrightness;
                blue = valueBrightness;
        }

        red*=255;
        green*=255;
        blue*=255;

        red = Math.round(red);
        green = Math.round(green);
        blue = Math.round(blue);

        red = numberBaseConverter(red,10,16);
        green = numberBaseConverter(green,10,16);
        blue = numberBaseConverter(blue,10,16);

        red = red + "";
        green = green + "";
        blue = blue + "";

        while(red.length<2){
                red = "0" + red;
        }
        while(green.length<2){
                green = "0" + green;
        }
        while(blue.length<2){
                blue = "0" + "" + blue;
        }
        rgbColor = "#" + red + "" + green + "" + blue;
        return rgbColor.toUpperCase();
}

function findColorByDegrees(rgbColor,degrees){
        rgbColor = rgbColor.replace('#','');
        myArray = toHSV(rgbColor);
        myArray[0]+=degrees;
        if(myArray[0]>=360)myArray[0]-=360;
        if(myArray[0]<0)myArray[0]+=360;
        return toRgb(myArray[0],myArray[1],myArray[2]);
}

function findColorByBrightness(rgbColor,brightness){

        rgbColor = rgbColor.replace('#','');
        myArray = toHSV(rgbColor);

        myArray[2]+=brightness/100;
        if(myArray[2]>1)myArray[2]=1;
        if(myArray[2]<0)myArray[2]=0;

        myArray[1]+=brightness/100;
        if(myArray[1]>1)myArray[1]=1;
        if(myArray[1]<0)myArray[1]=0;

        return toRgb(myArray[0],myArray[1],myArray[2]);

}
/* You can modify the following javascript variables as you like */

        var initActiveMenuItem = 0; //         If one of the menu items should be initially highlighted.(-1 = none, 0 = first item, 1 = second...)
        var activeSmallSquareColor = '#FFB52D'; // Color of small square at the left of each menu item
        var colorSquareWidth = 3;         // Width of small square;
        var marginSquare = 1;        // Margin at the right of the small color square at the left of each menu item

        var bgColorLinks = "#DDFCBB";        // Background color for menu links
        var degreesToDarkenOrLighten = 5; // How many percent point to darken the color above on mouse over (10-15 percent point is usually enough).
        var darkenOnMouseOver = true;        // Darken or Lighten on mouse over (true = darken, false = lighten)
        /* ABOUT COLORS
        You can use the color schemer at www.dhtmlgoodies.com to find your colors

        We use the HSB color system here, The HSB color system is based on three values

        * Hue = Which color, i.e. degree on color wheel
        * Saturation = Intensity of the color to use
        * Brightness = Brightness of the color


        When you use the color schemer at the site, pick a color from the palett or type it into the RGB text box(format #RRGGBB, example #E2EBED)
        Then adjust the value of brightness by typing in a new value in that text box(label "B").

        */

        var timeStepOpacitySquare = 15;        // Microseconds between each opacity change        -> Lower value = faster
        var opacityChangePerStep = 10;        // Steps - change in opacity - on mouse out        = Higher = faster
        var timeStepSwitchBgColor = 10;        // Microseconds between each text background change(darken or lighten)        -> Lower value = faster
        var bgColorStep  = 0.75;        // lower value = slower bg color fading(Usually, you will always have the value 1 or a little lower)
                                                                // Choose a low value if the number of degrees to darken is low.

        /************************************************************************************************************
        * END OF USER VARIABLES
        *
        * Don't change anything below here
        *
        ************************************************************************************************************/
        var activeMenuItem = false;
        var activeMenuLink = false;
        var menuObj;
        var brightnessLink = false;
        var brightnessLinkMin = false;
        var darkenBrightnessCounter = false; // Darken or lighten - this variable is set manually
        var startHue = false;
        var startSat = false;



        function showMenuItem()
        {
                var hsb = toHSV(this.getAttribute('bgColorItem'));
                if(darkenOnMouseOver){
                        var brightness = hsb[2] - (degreesToDarkenOrLighten/100);
                }else{
                        var brightness = hsb[2] + (degreesToDarkenOrLighten/100);
                }
                if(brightness<0)brightness=0;
                if(brightness>1)brightness=1;
                var rgb = toRgb(hsb[0],hsb[1],brightness);
                this.style.backgroundColor = rgb;
                this.currentBgColorItem = rgb;
                this.setAttribute('currentBgColorItem',rgb);

                var obj = this.parentNode.getElementsByTagName('DIV')[0];
                obj.setAttribute('okToHide','0');
                obj.okToHide = 0;
                this.setAttribute('okToHide','0');
                this.okToHide = 0;
                obj.style.visibility = 'visible';

                obj.style.opacity = 0.98;
                obj.style.filter = 'alpha(opacity=98)';


        }

        function hideMenuItem()
        {
                if(this.getAttribute('initActive')=='1')return;
                if(this.initActive=='1')return;
                var obj = this.parentNode.getElementsByTagName('DIV')[0];
                obj.setAttribute('okToHide','1');
                obj.okToHide = 1;
                this.setAttribute('okToHide','1');
                this.okToHide = 1;
                obj.style.visibility = 'visible';
                if(navigator.userAgent.indexOf('Opera')>=0){
                        obj.style.visibility = 'hidden';
                }else{
                        progressHideSquare(obj.id,(opacityChangePerStep*-1));
                }
                progressShowHideBgColor(this.id);
        }


        function progressShowHideBgColor(inputId)
        {

                var obj = document.getElementById(inputId);
                var currentBgColor = obj.getAttribute('currentBgColorItem');
                if(obj.getAttribute('okToHide')=='0')return;
                if(!currentBgColor)currentBgColor = obj.currentBgColorItem;
                if(currentBgColor){
                        var hsb = toHSV(currentBgColor);
                        var brightness = hsb[2];
                        brightness+=darkenBrightnessCounter;
                        if((brightness>brightnessLink && darkenOnMouseOver) || (brightness<brightnessLink && !darkenOnMouseOver))brightness = brightnessLink;
                        var rgb = toRgb(startHue,startSat,brightness);
                        obj.style.backgroundColor = rgb;
                        obj.currentBgColorItem = rgb;
                        obj.setAttribute('currentBgColorItem',rgb);
                        if((hsb[2]<brightness && darkenOnMouseOver) || (hsb[2]>brightness && !darkenOnMouseOver)){
                                setTimeout('progressShowHideBgColor(\'' + inputId + '\')',timeStepSwitchBgColor);
                        }else{
                                obj.style.backgroundColor = bgColorLinks;
                        }
                }
        }

        function progressHideSquare(inputId,step)
        {

                var obj = document.getElementById(inputId);

                if(obj.getAttribute('okToHide')=='0' && step<0)return;

                if(document.all){
                        var currentOpacity = obj.style.filter.replace(/[^\d]/g,'')/1;

                        if(currentOpacity>=99){

                        }
                        else if(currentOpacity==11){
                                obj.style.visibility='hidden';
                        }else{
                                currentOpacity = currentOpacity + step;
                                if(currentOpacity<1)currentOpacity=1;
                                if(currentOpacity>99)currentOpacity=9;
                                obj.style.filter = 'alpha(opacity=' + currentOpacity + ')';
                                setTimeout('progressHideSquare("' + inputId + '",' + (step) + ')',timeStepOpacitySquare);
                        }
                }else{
                        step = step / 100;
                        var currentOpacity = obj.style.opacity/1;

                        if(currentOpacity>=0.99){

                        }
                        else if(currentOpacity==0.01){
                                obj.style.visibility='hidden';
                        }else{
                                currentOpacity = currentOpacity + step;

                                if(currentOpacity<0.01)currentOpacity=0.01;
                                if(currentOpacity>0.99)currentOpacity=0.99;
                                obj.style.opacity = currentOpacity;
                                setTimeout('progressHideSquare("' + inputId + '",' + (step*100) + ')',timeStepOpacitySquare);
                        }
                }
        }


        function dhtmlgoodies_initMenu()
        {
                menuObj = document.getElementById('dhtmlgoodies_menu');
                var hsbArray = toHSV(bgColorLinks);
                brightnessLink = hsbArray[2];
                startHue = hsbArray[0];
                startSat = hsbArray[1];
                if(darkenOnMouseOver){
                        brightnessLinkMin = Math.max(hsbArray[2] - (degreesToDarkenOrLighten/100),0);
                        darkenBrightnessCounter = bgColorStep/100;
                }else{
                        brightnessLinkMin = Math.min(hsbArray[2] + (degreesToDarkenOrLighten/100),1);
                        darkenBrightnessCounter = (bgColorStep/100)*-1;
                }
                var listItems = menuObj.getElementsByTagName('LI');
                for(var no=0;no<listItems.length;no++){
                        listItems[no].id = 'listItem' + no;

                        var menuLink = listItems[no].getElementsByTagName('A')[0];
                        var height = menuLink.offsetHeight;
                        menuLink.style.display='block';
                        menuLink.style.height=height + 'px';
                        menuLink.style.lineHeight=height + 'px';
                        menuLink.onmouseover = showMenuItem;
                        menuLink.onmouseout = hideMenuItem;
                        menuLink.style.backgroundColor = bgColorLinks;
                        menuLink.setAttribute('bgColorItem',bgColorLinks);
                        menuLink.bgColorItem = bgColorLinks;
                        menuLink.setAttribute('currentBgColorItem',bgColorLinks);
                        menuLink.currentBgColorItem = bgColorLinks;
                        menuLink.id = 'listLink' + no;



                        var colorDiv = document.createElement('DIV');
                        colorDiv.innerHTML = '<span><\/span>';
                        colorDiv.style.height = height + 'px';
                        colorDiv.style.width = colorSquareWidth + 'px';
                        colorDiv.style.backgroundColor = activeSmallSquareColor;
                        colorDiv.style.marginRight = marginSquare + 'px';
                        colorDiv.style.visibility = 'hidden'
                        colorDiv.id = 'colorSquare' + no;
                        colorDiv.style.opacity = 0.99;        // Not possible to use 1 because of JS flickering in Firefox
                        colorDiv.style.filter = 'alpha(opacity=100)';

                        if(initActiveMenuItem==no){
                                colorDiv.style.visibility = 'visible';
                                menuLink.style.backgroundColor = toRgb(startHue,startSat,brightnessLinkMin);
                                menuLink.initActive = '1';
                                menuLink.setAttribute('initActive','1');

                        }

                        listItems[no].appendChild(colorDiv);
                        listItems[no].appendChild(menuLink);

                        var clearDiv = document.createElement('DIV');
                        clearDiv.style.clear='both';
                        listItems[no].appendChild(clearDiv);

                        var currentWidth = (listItems[no].offsetWidth - colorDiv.offsetWidth - marginSquare);
                        menuLink.style.width =  currentWidth + 'px';
                        while(listItems[no].offsetHeight>=(menuLink.offsetHeight*2)){
                                currentWidth--;
                                menuLink.style.width =  currentWidth + 'px';

                        }
                }
        }
        window.onload = dhtmlgoodies_initMenu;