import csv

class TartanColour(object):
	def __init__(self, row):
		self.abbrev = row[0];
		self.name = row[1];
		self.modernColour = (row[2], row[3], row[4]);
		self.fadedColour = (row[5], row[6], row[7]);
	def __str__(self):
		outText = "abbrev: %s\nname: %s\nmodern: %s\nfaded: %s\n" % (self.abbrev, self.name, self.modernColour, self.fadedColour)
		return outText

	def outModernHTML(self):
		outText = """<div class="box float_left" title="%s" style="background:rgb(%s,%s,%s);" onmouseover="this.style.cursor='pointer';" onclick="javascript:pickcolour('%s', '%s', '%s', '%s', '%s');">&nbsp;</div>""" % (self.name, self.modernColour[0], self.modernColour[1], self.modernColour[2], self.modernColour[0], self.modernColour[1], self.modernColour[2], self.name, self.abbrev)
		return outText

	def outFadedHTML(self):
		outText = """<div class="box float_left" title="%s" style="background:rgb(%s,%s,%s);" onmouseover="this.style.cursor='pointer';" onclick="javascript:pickcolour('%s', '%s', '%s', '%s', '%s');">&nbsp;</div>""" % (self.name, self.fadedColour[0], self.fadedColour[1], self.fadedColour[2], self.fadedColour[0], self.fadedColour[1], self.fadedColour[2], self.name, self.abbrev)
		return outText


reader = csv.reader(open("colours.csv", "r"))
colourList = [];
for row in reader:
	colourList.append(TartanColour(row))

outText = """
\t\t\t\t\t\t<!--    begin modern colour chooser     -->
\t\t\t\t\t\t<div id="modern" class="normal">
\t\t\t\t\t\t\t<div class="outline">

"""

for colour in colourList:
	outText += "\t\t\t\t\t\t\t%s\n\n" % colour.outModernHTML()

outText += """
\t\t\t\t\t\t\t\t<div class="clear_left">&nbsp;</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!--    end modern colour chooser       -->


\t\t\t\t\t\t<!--    begin faded colour chooser     -->
\t\t\t\t\t\t<div id="faded" class="normal">
\t\t\t\t\t\t\t<div class="outline">
"""

for colour in colourList:
	outText += "\t\t\t\t\t\t\t%s\n\n" % colour.outFadedHTML()

outText += """
\t\t\t\t\t\t\t\t<div class="clear_left">&nbsp;</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!--    end faded colour chooser       -->
"""

print outText