//
//  Colorize!
//  
//
//  Created by Dave Ferner on 31/07/2010.
//  Copyright 2010 Supermono Ltd. All rights reserved.
//

var palette = new Array(0,1,2);

function colorize(currentPage)
{
	/* get any palettes from the url if there are any */
	var argPalsFound = false;
	var arguments = window.location.search.split('?');
	if (arguments.length > 1)
	{
		arguments = arguments[1].split(',');
		

		var i = 0;
		for (i;i < arguments.length; i++)
		{
			var parts = arguments[i].split('=');
			if (parts.length==2)
			{
				var iPal = 0;
				var nPals = 3;
				var nPalsFound = 0;
				for (iPal; iPal < nPals; iPal++)
				{
					if (parts[0] == ('c' + iPal))
					{
						palette[iPal] = parts[1];
						nPalsFound++;
					}
				}
			}
			
		}
		if (nPalsFound == 3)
		{
			argPalsFound = true;
		}
		/*alert('palettes: ' + palette[0] + ', ' + palette[1] + ', ' + palette[2]);*/	
	}

	var pal = 0;
	if (currentPage < palette.length)
	{
		pal = palette[currentPage];
	}
	else
	{
		pal = currentPage;
	}
		
	/* load the correct stylesheet */
	document.write("<link rel = \"stylesheet\" type = \"text/css\" href = \"css/palette_00" + pal + ".css\" /> ");
}

function generateButtons(currentPage)
{
	var palString = '?c0=' + palette[0] + ',c1=' + palette[1] + ',c2=' + palette[2];
	document.write('<ul id ="display-inline-block-example">');
	document.write('<li><a href = "' + (currentPage==0?'#':'index.shtml' + palString) + '"><img src = "images/graphics/supermono_00' + palette[0] + '_button1.png" alt = "Games" title="Check out our games!"/></a></li>');
	document.write('<li><a href = "' + (currentPage==1?'#':'news.shtml'  + palString) + '"><img src = "images/graphics/supermono_00' + palette[1] + '_button2.png" alt = "News"  title="See the latest Supermono news!"/></a></li>');
	document.write('<li><a href = "' + (currentPage==2?'#':'info.shtml'  + palString) + '"><img src = "images/graphics/supermono_00' + palette[2] + '_button3.png" alt = "Info"  title="Info &amp; Contact details"/></a></li>');
	document.write('</ul>');
}

// get DHTML shit
var DHTML = (document.getElementById || document.all || document.layers);
if (!DHTML)
{
	alert("browser does not support dhtml");
}
else
{
	//alert("Got DHTML, id is ", DHTML);
}



/* each palette comes in 4 parts: the main bit, and one bit for each tab icon */