var clicks = 0;
var cd=0;
var timeout = 0;
var curcolor = "";
var newA = "";
var menuClicks=0;
var walls=[];
// JavaScript Document
$(document).ready(function() {
	Cufon.replace('#menulist li a, #menulist li span, #tooltip h3 span',{'fontFamily':'Futura Std','hover':'true'});
	Cufon.replace('.textblock h1, #formholder h1, .worldbutton, .sendForm, .loginbtn',{'fontFamily':'Futura Std Medium', 'hover':'true'});
	
	$('a[rel=external], form[rel=external]').attr('target','_blank');
	
	if($('.reftitle').length > 0){
		var reft = $('.reftitle').text();
		$('.rt_detail a').each(function() {
			var act = $(this).text();
			if(reft == act){
				$(this).parent().addClass('active');
			}
		});
	}
	
	$('input[type=text],input[type=password],textarea').each(function(){
		if($(this).attr('fail') != 1){
			$(this).attr('textvalue', $(this).val());
		}
	})
	$('input[type=text],input[type=password],textarea').bind('focus', function(){
		//$(this).val('');
		if($(this).val() == $(this).attr('textvalue')){
			$(this).val('');
			if($(this).is('.textField') || $(this).is('.textArea')){
				$(this).css('color', '#353434');
			}
		}
	})
	
	$('input[type=text],input[type=password], textarea').bind('blur', function(){
		//$(this).val('');
		if($(this).val() == ''){
			$(this).val($(this).attr('textvalue'));
			if($(this).is('.textField') || $(this).is('.textArea')){
				$(this).css('color', '#7d7b7a');
			}
		}
	})
	
	$('#langlist span').html($('#langs li.active a').text());
	
	$('#langlist span').bind('mouseover',function() {
		menuClicks++;
		
		if(menuClicks %2 == 0){
			$('#langlist').fadeTo('fast',1, function() {
				$('#lang').fadeOut('fast');
			});
		}else{
			$('#langlist').fadeTo('fast',0.35, function() {
				$('#lang').fadeIn('fast');
			});
		}
	});
	
	$(document).click(function() {
		if($('#lang').attr('style') == "display: block;"){
			//menuClicks++;
			$('#langlist').fadeTo('fast',1, function() {
				menuClicks++;
				$('#lang').fadeOut('fast');
			});
		}
	});
	
	$('.loginbtn').click(function() {
		$(this).parent().parent().submit();
	});
	
	if($('#referenceholder').length > 0){
		$('#arrows').fadeTo('fast',1);
		
		// stop alle referenties in een array
		var refs = new Array();
		$('.hthumb').each(function() {
			var name = $(this).find('.ht_detail').find('a').attr('rel');
			refs.push(name.replace(/[ ]/g,'_'));
		});
		
		var path = window.location.pathname;
		var url = path.split("/");
		var lastVar = url[url.length-1];;
		
		for(var j=0;j<refs.length;j++){
			if(lastVar != ""){
				if(lastVar == refs[j]){
					$('.hthumb').removeClass('active');
					$('.hthumb:nth('+j+')').addClass('active');
					
					reposition(j);
					newImage();
				}
			}
		}
	}
	
	$('p.readMore').bind('click', function(){
		$(this).hide();
		$(this).parent('.textblock').find('.moreInfo').show('fast', function(){
			$(this).css('display', 'inline');
		});		
	})
	$('p.closeMore').bind('click', function(){
		$(this).parent('div.moreInfo').hide('fast', function(){
			$(this).css('display', 'none');
		});		
		$(this).parent('div.moreInfo').parent('.textblock').find('p.readMore').show();
	})
	
	if($('.slidecycle').length>0){
		$('.slidecycle').cycle({
		
			fx: 'fade',
			speed: '1000',	
			timeout: '7000',
			pager: '#nav',
			activePagerClass: 'active'
			
		});
	}
	
	$('#nav a').live('click',function(){$('.slidecycle').cycle('pause');});
	
	if($('#woodrange').length > 0){$('#woodrange img').tooltip({delay: 500, track: true, showURL: false});}
	
	if(!iStuff()){$('.tooltip').tooltip({delay: 0, track: true, showURL: false, fade:100, extraClass:'plank'});}
	
	$('.refdetail a').prettyPhoto({
			social_tools: ''
	});
	
	$('#awards_overlay').bind('click',function(e) {
		clicks++;
		
		if(clicks %2 == 1){
			var btnY = $('#awardsholder').height()-40;
			$('#awardsholder').animate({'top':'46px'},500);
			$('#awards_overlay').animate({'top':btnY+'px'},500);
			$('#foot').animate({'height':(btnY+100)+'px'},500);
		}else{
			$('#awardsholder').animate({'top':'-185px'},500);
			$('#awards_overlay').animate({'top':'0px'},500);
			$('#foot').animate({'height':'99px'},500);
		}
	});
	
	if($('#hthumbs').length > 0 && $('#slidesholder').length > 0){
		setTimeout(function() {
			var i=0;
			$(".hthumb .ht_detail").each(function(){
				var cur =$(this);
				setTimeout(function(){
				cur.animate({'bottom':'-30px'},500);
				},i*120);
				
				i++;
			});
			
			// voeg hover toe
			$('.hthumb').hover(function() {
				$(this).find('.ht_detail').stop().animate({'bottom':'0px'},250);
			}, function() {
				$(this).find('.ht_detail').stop().animate({'bottom':'-30px'},250);
			});
		},1000);
	}
	
	if($('#slidesholder').length > 0){
		setTimeout(function() {
			var i=0;
			$(".slide .sdetail").each(function(){
				var cur =$(this);
				setTimeout(function(){
				cur.animate({'bottom':'-30px'},500);
				},i*120);
				
				i++;
			});
			
			// voeg hover toe
			$('.slide').hover(function() {
				$(this).find('.sdetail').stop().animate({'bottom':'0px'},250);
			}, function() {
				$(this).find('.sdetail').stop().animate({'bottom':'-30px'},250);
			});
		},1000);
	}
	
	if($('#hthumbs').length > 0 && $('#referenceholder').length > 0){
		
		$('.hthumb').click(function() {
			$('.hthumb').removeClass('active');
			$(this).addClass('active');
			
			reposition($(this).index());
			newImage();
		});
		
		// voeg hover toe
		$('.hthumb').hover(function() {
			$(this).addClass('hover');
		}, function() {
			$(this).removeClass('hover');
		});
		
		$('#referenceholder').hover(function() {
			if($('#arrows').is(':animated')){
				$('#arrows').stop();
			}
			$('#arrows').fadeTo('fast',1);
		}, function() {
			if($('#arrows').is(':animated')){
				$('#arrows').stop();
			}
			$('#arrows').fadeOut('medium');
		});
		
		$('#rightarrow').click(function() {
			if($('.hthumb.active').index() < ($('.hthumb').length-1)){
				newA = $('.hthumb.active').next();
				$('.hthumb.active').removeClass('active');
				newA.addClass('active');
				
				reposition(newA.index());
			}else{
				reposition(0);
				
				$('.hthumb.active').removeClass('active');
				$('.hthumb:first').addClass('active');
			}
			newImage();
		});
		
		$('#leftarrow').click(function() {
			if($('.hthumb.active').index() > 0){
				newA = $('.hthumb.active').prev();
				$('.hthumb.active').removeClass('active');
				newA.addClass('active');
				
				reposition(newA.index());
			}else{
				reposition(($('.hthumb').length-3));
				
				$('.hthumb.active').removeClass('active');
				$('.hthumb:last').addClass('active');
			}
			newImage();
		});
	}
	
	if($('#rthumbs').length > 0){
		var i=0;
		$(".rthumb .rt_detail").each(function(){
			var cur =$(this);
			setTimeout(function(){
			cur.animate({'bottom':'0px'},700);
			},i*168);
			
			i++;
		});
		
		// voeg hover toe
		$('.rthumb').hover(function() {
			$(this).find('.rt_detail').stop().animate({'bottom':'-30px'},250);
		}, function() {
			$(this).find('.rt_detail').stop().animate({'bottom':'0px'},250);
		});
	}
	
	if($('#woodrange').length > 0){
		var i=0;
		$('#woodrange div').each(function() {
			var leftpos = i*(45);
			var z = i+500;
			$('#woodrange div:nth('+i+')').css({'left':leftpos+'px', 'z-index':z});
			$('#woodrange img:nth('+i+')').attr('rel',i);
			
			i++;
		});
		
		$('#woodrange img').each(function() {
			
			$(this).hover(function() {
				
				Cufon.refresh();
				

				var cur=$(this);
				_counter = setInterval(function(){
					var hoverindex = cur.attr('rel');
					if(hoverindex < $('#woodrange div').length){
						for(var slideindex=(($('#woodrange div').length)-1);slideindex>hoverindex;slideindex--){
							var curpos = slideindex*45;
							var newpos = curpos+215;
							$('#woodrange div:nth('+slideindex+')').animate({'left':newpos+'px'}, {queue:false});
						}
					}
					clearInterval(_counter);
				},100);
				
			},function(){
				var m=0;
				clearInterval(_counter);
				$('#woodrange div').each(function() {
						var leftpos = m*(45);
						var z = m+500;
					
						$('#woodrange div:nth('+m+')').animate({'left':leftpos+'px'}, {queue:false}).css({'z-index':z});
						m++;
				});
				
			});
			
		});
	}
	
	$('.shinnokipicked').live('click',function() {	
		
		sindex = $(this).index();
		surcolor = $(this);
		oldWood = $('.shinnokipicked img:nth('+sindex+')').attr('rel');
		$('.shinnokipicker').css({'left':+(sindex*39)+10+'px'}).fadeIn('slow');
		
		$('.sholder').click(function() {
			$('.shinnokipicked img:nth('+sindex+')').attr('src',$(this).find('img').attr('src'));
			$('.shinnokipicker').fadeOut('slow');

			document['designtoolswf'].sendToActionScript2(oldWood,$(this).find('img').attr('alt'));
		});
		
		$('.sholder').hover(function() {
			$(this).addClass('hover');
		},function() {
			$('.sholder').removeClass('hover');
		});
		
	});
	
	$('.color').live('click',function() {
		cindex = $(this).index();
		curcolor = $(this);
		$('#colorpicker').css({'left':+(cindex*39)+10+'px'}).fadeIn('slow');
		
		$('#colorpicker a').click(function() {
			$('#colorpicker').fadeOut('slow');
			$('#colorpicker a').removeClass('active');
			$(this).addClass('active');
			
			var rgbString = $(this).css('background-color');
			//alert(rgbString);
			
			if (jQuery.browser.msie) {
    			// do sth.
				var newString = rgbString.substring(1,7)
				document['designtoolswf'].sendToActionScript1(newString);
			}else{
				var parts = rgbString.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
				
				delete (parts[0]);
				for (var i = 1; i <= 3; ++i) {
					parts[i] = parseInt(parts[i]).toString(16);
					if (parts[i].length == 1) parts[i] = '0' + parts[i];
				}
				var hexString = parts.join('');
	
				document['designtoolswf'].sendToActionScript1(hexString);
			}
		});
	});
	
	$('#chooseroom').click(function() {
		$('#designtool').animate({'left':'0'},700);
	});
	
	if($('#overzicht').length > 0){
		updateCharts(0);
	}
	
	$('#overzicht img').click(function() {
		$('#overzicht img.active').removeClass('active');
		$(this).addClass('active');
		
		if($(this).index() == 0){
			embedDesigntool();
		}
		if($(this).index() == 1){
			embedDesigntool2();
		}
		if($(this).index() == 2){
			embedDesigntool3();
		}
		
		$('#pickedholder').empty();
		$('#colorholder').empty();
		
		updateCharts($('#overzicht img.active').index());
		
		setTimeout(function() {
			$('#designtool').animate({'left':'-685px'},700);
		},1000);
	});
	
	// print button
	$('#print').click(function() {
        var chosenWood = '';
		if($('html').attr('lang') == 'nl')
		{
			chosenWood = "Geselecteerde houtsoorten: \r\n";
			$('.shinnokipicked').each(function() {
				chosenWood += $(this).find('img').attr('title') +  "\r";
			});
		}
		
		document['designtoolswf'].sendToActionScript3(chosenWood);
	})
	
	$(document).click(function() {
		if($('#colorpicker').css('display') == "block"){
			if(!$('#colorpicker').is(':animated')){
				$('#colorpicker').fadeOut('slow');
			}
		}
		
		if($('#shinnokipicker').css('display') == "block"){
			if(!$('#shinnokipicker').is(':animated')){
				$('#shinnokipicker').fadeOut('slow');
			}
		}
	});
	
	if($('#refdata').length>0){
		var hTemp = $('#refdata').height();
		if(hTemp>450){
			$('.refdetail').css('height',(hTemp+5)+'px');
		}
	}
	
	if($('#designtool').length > 0){
		embedDesigntool();
	}
	
	//set books
	setBooks();
	
	//set youtubes
	setUT();
	
	//set popups
	$("a[rel='prettyPhoto']").prettyPhoto({social_tools: ''});
	
	
	$('#dealersend').bind('click', function(){
		//alert(country);
		var c = $(this).parent('div').parent('div').parent('div').parent('div').attr('rel');
		//alert(c);
		getDealerByPostalCode(c, $('#postalCode').val())
	})
});

function checkCurrentHover(img){
	return img.attr('rel');
}

function reposition(index){
	if(index > 1 && index < ($('.hthumb').length)-2){
		//$('#thumbholder').css({'left':((index-1)*((-215)+(-20)))+'px'});
		$('#thumbholder').stop().animate({'left':((index-1)*((-215)+(-20)))+'px'},'slow');
	}
	if(index==1 || index == 0){
		//$('#thumbholder').css({'left':'0'});
		$('#thumbholder').stop().animate({'left':'0'},'slow');
	}
	if(index == ($('.hthumb').length-2) && $('#thumbholder').position().left == (($('.hthumb').length-5)*((-215)+(-20)))){
		//$('#thumbholder').css({'left':((index-2)*((-215)+(-20)))+'px'});
		$('#thumbholder').stop().animate({'left':((index-2)*((-215)+(-20)))+'px'},'slow');
	}
	
	/* reposition via link */
	if(index == ($('.hthumb').length-2) && $('#thumbholder').position().left == 0 ){
		//$('#thumbholder').css({'left':((index-2)*((-215)+(-20)))+'px'});
		$('#thumbholder').stop().animate({'left':((index-2)*((-215)+(-20)))+'px'},'slow');
	}
	if(index == ($('.hthumb').length-1) && $('#thumbholder').position().left == 0){
		$('#thumbholder').stop().animate({'left':((index-3)*((-215)+(-20)))+'px'},'slow');
	}
}

function newImage(){
	var aSrc = $('.hthumb.active').find('img').attr('src');
	var nSrc = aSrc.split('/');
	var act = $('.hthumb.active');
	
	$('.ref img:first').attr('src','/media/img/pics/_reference/'+nSrc[nSrc.length-1]);
	$('.ref .rdetail').find('p:first').html(act.find('img').attr('title'));
	$('.ref .rdetail').find('a').attr('href',act.find('.ht_detail').find('a').attr('href'));
	$('.ref .rdetail').find('a').html(act.find('img').attr('alt'));
}

function setBooks(){
	
	//set link to flashbook NL
	if(!iStuff()){
		$('a[href=#book_nl]').prettyPhoto({
			social_tools: '',
			custom_markup: '<div id="flashbook"></div>',
			changepicturecallback: function(){
				var wH = $('.pp_content').height()-40;
				//var params = {wmode: "transparent"};
				var flashvars = {datafile: "/media/xml/pages_nl.xml", path: "/media/img/pages/"};
				swfobject.embedSWF("/media/swf/book.swf", 'flashbook', '100%', wH, "9.0.0", "/media/swf/expressInstall.swf", flashvars);
			}
		}).attr('href','#?custom=true&width=100%&height=100%');
		
		$('a[href=#book_en]').prettyPhoto({
			social_tools: '',
			custom_markup: '<div id="flashbook"></div>',
			changepicturecallback: function(){
				var wH = $('.pp_content').height()-40;
				//var params = {wmode: "transparent"};
				var flashvars = {datafile: "/media/xml/pages_en.xml", path: "/media/img/pages/"};
				swfobject.embedSWF("/media/swf/book.swf", 'flashbook', '100%', wH, "9.0.0", "/media/swf/expressInstall.swf", flashvars);
			}
		}).attr('href','#?custom=true&width=100%&height=100%');
		
		$('a[href=#book_fr]').prettyPhoto({
			social_tools: '',
			custom_markup: '<div id="flashbook"></div>',
			changepicturecallback: function(){
				var wH = $('.pp_content').height()-40;
				//var params = {wmode: "transparent"};
				var flashvars = {datafile: "/media/xml/pages_fr.xml", path: "/media/img/pages/"};
				swfobject.embedSWF("/media/swf/book.swf", 'flashbook', '100%', wH, "9.0.0", "/media/swf/expressInstall.swf", flashvars);
			}
		}).attr('href','#?custom=true&width=100%&height=100%');
		
		$('a[href=#book_de]').prettyPhoto({
			social_tools: '',
			custom_markup: '<div id="flashbook"></div>',
			changepicturecallback: function(){
				var wH = $('.pp_content').height()-40;
				//var params = {wmode: "transparent"};
				var flashvars = {datafile: "/media/xml/pages_de.xml", path: "/media/img/pages/"};
				swfobject.embedSWF("/media/swf/book.swf", 'flashbook', '100%', wH, "9.0.0", "/media/swf/expressInstall.swf", flashvars);
			}
		}).attr('href','#?custom=true&width=100%&height=100%');
		
		$('a[href=#book_es]').prettyPhoto({
			social_tools: '',
			custom_markup: '<div id="flashbook"></div>',
			changepicturecallback: function(){
				var wH = $('.pp_content').height()-40;
				//var params = {wmode: "transparent"};
				var flashvars = {datafile: "/media/xml/pages_es.xml", path: "/media/img/pages/"};
				swfobject.embedSWF("/media/swf/book.swf", 'flashbook', '100%', wH, "9.0.0", "/media/swf/expressInstall.swf", flashvars);
			}
		}).attr('href','#?custom=true&width=100%&height=100%');
		
		$('a[href=#book_it]').prettyPhoto({
			social_tools: '',
			custom_markup: '<div id="flashbook"></div>',
			changepicturecallback: function(){
				var wH = $('.pp_content').height()-40;
				//var params = {wmode: "transparent"};
				var flashvars = {datafile: "/media/xml/pages_it.xml", path: "/media/img/pages/"};
				swfobject.embedSWF("/media/swf/book.swf", 'flashbook', '100%', wH, "9.0.0", "/media/swf/expressInstall.swf", flashvars);
			}
		}).attr('href','#?custom=true&width=100%&height=100%');
		
	} else {
		$('a[href=#book_nl]').attr('href','/media/files/BROCHURE_SHINNOKI_NLD_LR.pdf').attr('target','_blank');
		$('a[href=#book_en]').attr('href','/media/files/BROCHURE_SHINNOKI_ENG_LR.pdf').attr('target','_blank');
		$('a[href=#book_fr]').attr('href','/media/files/BROCHURE_SHINNOKI_FRA_LR.pdf').attr('target','_blank');
		$('a[href=#book_de]').attr('href','/media/files/BROCHURE_SHINNOKI_DEU_LR.pdf').attr('target','_blank');
		$('a[href=#book_es]').attr('href','/media/files/BROCHURE_SHINNOKI_SPA_LR.pdf').attr('target','_blank');
		$('a[href=#book_it]').attr('href','/media/files/FOLDER_SHINNOKI_ITA_LR.pdf').attr('target','_blank');
	}
	
}

function setUT(){
	if(!iStuff()){
		//alert('should have flash, or my script smells');
		
		if(isIE()){
			var img = 'gif';
		} else {
			var img = 'png';
		}
		
		$('a[href=#youtube]').bind('click',function(){
			var curS = $("html").scrollTop();
			$(this).hide();
			var ID = $(this).find('img').attr('alt');
			$(this).after('<div id="ut'+ID+'"></div>');
			var params = { allowScriptAccess: "always", allowfullscreen: "true" };
			var atts = { id: "ut"+ID };
			swfobject.embedSWF("http://www.youtube.com/e/"+ID+"?enablejsapi=1&playerapiid=ytplayer&autoplay=1",
							   "ut"+ID, "450", "338", "8", null, null, params, atts);
			setTimeout(function(){$("html").scrollTop(curS);},200);
		}).attr('href','javascript:void(0);').append('<img src="/media/img/play.'+img+'" alt="" class="ut_play" />').addClass('ut');
		
	} else {
		//alert('no flash');
		$('a[href=#youtube]').each(function(){
			var ID = $(this).find('img').attr('alt');
			$(this).attr('href','http://www.youtube.com/v/'+ID+'&autoplay=1').attr('target','_blank').append('<img src="/media/img/play.png" alt="" class="ut_play" />').addClass('ut');
		});
		/*$('a[href=#youtube]').bind('click',function(){
			var curS = $("html").scrollTop();
			$(this).hide();
			var ID = $(this).find('img').attr('alt');
			$(this).after('<div id="ut'+ID+'"><iframe type="text/html" width="450" height="338" src="http://www.youtube.com/embed/'+ID+'?rel=0&hd=1&autoplay=1" frameborder="0" allowfullscreen></iframe></div>');
			setTimeout(function(){$("html").scrollTop(curS);},200);
		}).attr('href','javascript:void(0);').append('<img src="/media/img/play.png" alt="" class="ut_play" />').addClass('ut');*/
		
	}
}

function iStuff(){
	
	if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {
		return true;
	} else {
		return false;
	}
	
}

function isIE(){
	
	if (navigator.userAgent.indexOf('MSIE') != -1) {
		return true;
	} else {
		return false;
	}
	
}

function embedDesigntool(){
	var flashvars = {path:'/media/img/'};
	var params = {wmode:"opaque", menu:"false"};
	var attributes = {};

	swfobject.embedSWF("/media/swf/design_tool1.swf","designtoolswf", "685px", "510px","10.0.0","/media/swf/expressInstall.swf",flashvars, params, attributes);
}

function embedDesigntool2(){
	var flashvars = {path:'/media/img/'};
	var params = {wmode:"opaque", menu:"false"};
	var attributes = {};

	swfobject.embedSWF("/media/swf/design_tool2.swf","designtoolswf", "685px", "510px","10.0.0","/media/swf/expressInstall.swf",flashvars, params, attributes);
}

function embedDesigntool3(){
	var flashvars = {path:'/media/img/'};
	var params = {wmode:"opaque", menu:"false"};
	var attributes = {};

	swfobject.embedSWF("/media/swf/design_tool3.swf","designtoolswf", "685px", "510px","10.0.0","/media/swf/expressInstall.swf",flashvars, params, attributes);
}

function updateCharts(index){
	var wall1 = {};
	var wall2 = {};
	var wall3 = {};
	var wall4 = {};
	var wall5 = {};
	walls = [];
	switch(index){
		case 0:		wall1 = {wall:"CHOCOLATEOAK"};
					wall2 = {wall:"CHOCOLATEOAK"};
					wall3 = {wall:"CHOCOLATEOAK"};
					walls = [wall1, wall2, wall3];
					break;
		case 1:		wall1 = {wall:"GRANITEWALNUT"};
					wall2 = {wall:"GRANITEWALNUT"};
					walls = [wall1, wall2];
					break;
		case 2:		wall1 = {wall:"DUSKFRAKE"};
					wall2 = {wall:"DUSKFRAKE"};
					wall3 = {wall:"DUSKFRAKE"};
					wall4 = {wall:"DUSKFRAKE"};
					wall5 = {wall:"DUSKFRAKE"};
					walls = [wall1, wall2, wall3, wall4, wall5];
					break;
	}
	addColors('ffffff');
	addShinnoki(walls);
}

function addShinnoki(walls){
	
	var a = [];
	
	for(var j = 0;j<walls.length;j++)
	{
		for(var i = 0;i<walls.length;i++)
		{
			if(walls[j].wall == walls[i].wall && i != j){
				walls.splice(j,1);
			}
		}
		//a.push(walls[j].wall);
	}
	
	//var a = [walls[0].wall,walls[1].wall,walls[2].wall];
	
	/*var unique = a.filter(function(itm,i,a){
		return i == a.indexOf(itm);
	});*/

	var unique = [];
	for(var k = 0;k<walls.length;k++){
		unique.push(walls[k].wall);
	}

	
	$('#pickedholder').empty();
	
	var title = "";
	

	for(var i=0;i<unique.length;i++){
		switch(unique[i]){
			case 'IVORYASPEN':		title="SHINNOKI Ivory Aspen";
									break;
			case 'BRIGHTMAPLE':		title="SHINNOKI Bright Maple";
									break;
			case 'SANDASH':			title="SHINNOKI Sand Ash";
									break;
			case 'MILKOAK':			title="SHINNOKI Milk Oak";
									break;
			case 'DESERTOAK':		title="SHINNOKI Desert Oak";
									break;
			case 'MYSTERYOAK':		title="SHINNOKI Mystery Oak";
									break;
			case 'DUSKFRAKE':		title="SHINNOKI Dusk Fraké";
									break;
			case 'GRANITEWALNUT':	title="SHINNOKI Granite Walnut";
									break;
			case 'SMOKEDWALNUT':	title="SHINNOKI Smoked Walnut";
									break;
			case 'TEMPEREDFRAKE':	title="SHINNOKI Tempered Fraké";
									break;
			case 'BRONZECURUPIXA':	title="SHINNOKI Bronze Curupixa";
									break;
			case 'SHADOWMACASSAR':	title="SHINNOKI Shadow Macassar";
									break;
			case 'ESPRESSOBEECH':	title="SHINNOKI Espresso Beech";
									break;
			case 'MIDNIGHTASH':		title="SHINNOKI Midnight Ash";
									break;
			case 'CHOCOLATEOAK':	title="SHINNOKI Chocolate Oak";
									break;
			case 'NEROLATI':		title="SHINNOKI Nero Lati";
									break;
		}
		$('#pickedholder').append("<div class='shinnokipicked'><img width='30' height='30' alt='' title='"+title+"' src='/media/img/"+unique[i]+".jpg' rel="+unique[i]+" /></div>");
	}
}

function addColors(color){
	$('#colorholder').empty();
	
	$('#colorholder').append("<div class='color' style='background:#"+color+";'></div>");
}