var mypantone = { 
	swatch : {} ,
	post : {} 
};

mypantone.showRecent = function(arg)
{
	var recent = $('recentrollover');
	
	if(arg == false)
	{
		recent.hide();
		return;
	}
	
	var sender = $(arg);
	var spans = sender.getElementsBySelector('span');
	
	recent.getElementsBySelector('div.color')[0].setStyle({ backgroundColor: sender.style.backgroundColor });
	recent.getElementsBySelector('div.name')[0].innerHTML = spans[0].innerHTML;
	recent.getElementsBySelector('div.more')[0].innerHTML = spans[1].innerHTML;
	
	recent.setStyle({ left: (sender.parentNode.offsetLeft + sender.getWidth()) + 'px', top: (sender.parentNode.offsetTop - 25) +'px' });
	recent.show();
}

mypantone.footerLink = function(sender)
{
    if(sender.selectedIndex > 0)
		window.top.location = sender.options[sender.selectedIndex].value;
}

mypantone.swatch.click = function(sender)
{
	var swatch = sender;
	var selected = document.getElementById('colorsample');
	var meta = Element.getElementsBySelector(swatch, 'span');
	
	mypantone.swatch.__setDark(swatch, selected);
	
	selected.innerHTML = meta[0].innerHTML;
	selected.style.display = 'block';
	selected.style.backgroundColor = swatch.style.backgroundColor;
	
	mypantone.post.colorId.value = meta[1].innerHTML;
	$$('#colorselecterror')[0].hide();
	
	return false;
}

mypantone.swatch.__setDark = function(swatch, target)
{
	if(swatch.className.indexOf('dark') >= 0)
		target.className += ' dark';
	else
		target.className = target.className.replace('dark', '');
}

mypantone.dropDownList = function(sender)
{
	if(sender.selectedIndex == 0)
		return;
	
	window.top.location = 'Details.aspx?id=' + sender.options[sender.selectedIndex].value;
}

mypantone.post.validate = function()
{
	var v1 = ValidatorOnSubmit();
	var v2 = (mypantone.post.colorId.value != "");
	
	if(!v2)
		$$('#colorselecterror')[0].show()
	else
		$$('#colorselecterror')[0].hide();
	
	return v1 && v2;
}