var mainColor		= prepareColor(getStyle("maincolor").color);
	var mainAlternate	= prepareColor(getStyle("mainalternate").color);
	var mainHeading		= prepareColor(getStyle("mainheading").color);
	var mainText		= prepareColor(getStyle("maintext").color);
	var mainLink		= prepareColor(getStyle("mainlink").color);
    
	var secondaryColor		= prepareColor(getStyle("secondarycolor").color);
	var secondaryAlternate	= prepareColor(getStyle("secondaryalternate").color);
	var secondaryHeading	= prepareColor(getStyle("secondaryheading").color);
	var secondaryText		= prepareColor(getStyle("secondarytext").color);
	var secondaryLink		= prepareColor(getStyle("secondarylink").color);

	getStyle("body").backgroundColor =  secondaryColor;
	getStyle("tablebg").backgroundImage = colorizeStyleImage("/so4/internal/site/t103/en/image/bgcolor.gif", mainColor, "&output=gif");


 	getStyle("table").backgroundColor = mainColor;
 	getStyle("border").borderColor = mainColor;
	getStyle("line").backgroundColor = mainColor;
    getStyle("navline").backgroundColor = shadeColor(secondaryColor, 0.20);
 	getStyle("sale").backgroundColor = secondaryAlternate;
	getStyle("prodrow").backgroundColor = shadeColor(secondaryColor, 0.10);

	getStyle("subpagelist").backgroundColor = secondaryColor;
	getStyle("subpagelist").borderColor = mainColor;

    getStyle("text").color = secondaryText;
    getStyle("heading").color = mainHeading;
    getStyle("textmain").color = mainText;
    getStyle("saletext").color = secondaryColor;
    getStyle("textsale").color = secondaryAlternate;
	getStyle("textcolor").color = secondaryAlternate;
	getStyle("sechead").color = secondaryHeading;
	getStyle("mainhead").color = mainHeading;
	getStyle("borderlinkelements").borderColor = secondaryLink;

	getStyleBySelector("a:link").color = secondaryLink;
	getStyleBySelector("a:active").color = secondaryLink;
	getStyleBySelector("a:visited").color = secondaryLink;
	getStyleBySelector("a:hover").color = shadeColor(secondaryLink, 0.5);

	getStyleBySelector(".subpagelist a:link").color = secondaryLink;
	getStyleBySelector(".subpagelist a:active").color = secondaryLink;
	getStyleBySelector(".subpagelist a:visited").color = secondaryLink;
	getStyleBySelector(".subpagelist a:hover").color = shadeColor(secondaryLink, 0.5);

	getStyleBySelector(".linkelements a:link").color = secondaryLink;
	getStyleBySelector(".linkelements a:active").color = secondaryLink;
	getStyleBySelector(".linkelements a:visited").color = secondaryLink;
	getStyleBySelector(".linkelements a:hover").color = shadeColor(secondaryLink, 0.5);

	getStyleBySelector(".mainlinkelements a:link").color = mainLink;
	getStyleBySelector(".mainlinkelements a:active").color = mainLink;
	getStyleBySelector(".mainlinkelements a:visited").color = mainLink;
	getStyleBySelector(".mainlinkelements a:hover").color = shadeColor(mainLink, 0.5);


    
	function drawCurves(imagePath)
	{
        attributes =  "output=gif";
        attributes += "&stage.color=" + secondaryColor;
        attributes += "&cache=none";

        colorizeImage(imagePath, mainColor, "", attributes);
	}

    function drawPageName(inText, inExtra)
	{  
		attributes =  "background.fill.color=" + secondaryColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + secondaryHeading;
		attributes += "&stage.color=" + secondaryColor;
    
		drawImage("/images/site/t103/en/image/pagename.img", attributes, inExtra);
	}

	function drawNumber(inText, inExtra, inBackground, inLabel)
	{  
		attributes =  "background.fill.color=" + inBackground;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + inLabel;
		attributes += "&stage.color=" + inBackground;
    
		drawImage("/images/site/t103/en/image/number.img", attributes, inExtra);
	}  
    
	function drawLabel(inText)
	{  
		attributes =  "background.fill.color=" + mainColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + mainText;
		attributes += "&stage.color=" + mainColor;

		drawImage("/images/site/t103/en/image/label.img", attributes);
	}

    function drawOptionButtons(inText, inExtra, inSpace)
	{
		attributes =  "rule.fill.color=" + mainAlternate;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + mainText;
		attributes += "&stage.color=" + mainColor;

		drawImage("/images/site/t103/en/image/optbuttons.img", attributes, inExtra);
	}

	function drawBigInputButtons(inText, inName, inExtra)
	{
		attributes =  "stroke.fill.color=" + mainColor;
		attributes += "&button.fill.color=" + secondaryColor;
		attributes += "&fix.fill.color=" + secondaryColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + secondaryHeading;
		attributes += "&stage.color=" + secondaryColor;

		drawInputImage("/images/site/t103/en/image/bigbuttons.img", attributes, inName, inExtra);
	}

	function drawBigButtons(inText, inExtra, inExtraAttributes)
	{  
		attributes =  "stroke.fill.color=" + mainColor;
		attributes += "&button.fill.color=" + secondaryColor;
		attributes += "&fix.fill.color=" + secondaryColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + secondaryHeading;
		attributes += "&stage.color=" + secondaryColor;
		attributes += "&label.opacity=" + inExtraAttributes;

		drawImage("/images/site/t103/en/image/bigbuttons.img", attributes, inExtra);
	}

	function drawSmallButtons(inText, inExtra, inExtraAttributes)
	{  
		attributes =  "stroke.fill.color=" + mainColor;
		attributes += "&button.fill.color=" + secondaryColor;
		attributes += "&fix.fill.color=" + secondaryColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + secondaryHeading;
		attributes += "&stage.color=" + secondaryColor;
		attributes += "&label.opacity=" + inExtraAttributes;

		drawImage("/images/site/t103/en/image/smallbuttons.img", attributes, inExtra);
	}

    function drawSmallInputButtons(inText, inName, inExtra, inExtraAttributes)
	{
		attributes =  "stroke.fill.color=" + mainColor;
		attributes += "&button.fill.color=" + secondaryColor;
		attributes += "&fix.fill.color=" + secondaryColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + secondaryHeading;
		attributes += "&stage.color=" + secondaryColor;
		attributes += "&label.opacity=" + inExtraAttributes;

        drawInputImage("/images/site/t103/en/image/smallbuttons.img", attributes, inName, inExtra);
	}

    function drawGoButtons(inName, inExtra)
	{
		attributes =  "button.fill.color=" + shadeColor(mainColor, 0.3);
		attributes += "&arrow.fill.color=" + secondaryColor;
		attributes += "&stroke.fill.color=" + secondaryColor;
		attributes += "&stage.color=" + mainColor;

        drawInputImage("/images/site/t103/en/image/gobuttons.img", attributes, inName, inExtra);
	}

	function drawNavButtons()
	{
		attributes = "&stage.color=" + secondaryColor;
		attributes += "&label.fill.color=" + secondaryHeading;
		attributes += "&label.fill.color.over=" + secondaryAlternate;
		attributes += "&label.fill.color.selected=" + mainColor;
		attributes += "&label.fill.color.selectedover=" + secondaryHeading;
		attributes += "&arrow.fill.color=" + shadeColor(secondaryColor, 0.40);
		attributes += "&arrow.fill.color.over=" + shadeColor(secondaryColor, 0.99);
		attributes += "&arrow.fill.color.selected=" + mainColor;
		attributes += "&arrow.fill.color.selectedover=" + shadeColor(secondaryColor, 0.40);
		attributes += "&line.fill.color=" + shadeColor(secondaryColor, 0.20);

        drawTabs("vertical", 0, 0, "VSPACE=5 BORDER=0", attributes, "/images/site/t103/en/image/btn.img");
	}
	
	function drawBorderBox (inText)
    {
		attributes = "&stage.color=" + secondaryColor;
		attributes += "&label.fill.color=" + secondaryHeading;
		attributes += "&label.text=" + inText;
		attributes += "&border.stroke.color=" + mainColor;

        drawBorderStart("124", attributes, "/images/site/t103/en/image/border.img");
    }