function displayColorsPalette(){
    gid("colorspalette").style.display = "block";
}

function showImage(){
    gid('loadnotiftext').style.visibility = 'hidden';
    gid('loadnotif').style.visibility = 'hidden';
}

function setPrimaryColor(key, title){
    gid('loadnotiftext').style.visibility = 'visible';
    gid('loadnotif').style.visibility = 'visible';

    gid("primary_color").innerHTML = title;
	gid("primary_color_image").innerHTML = '<img src="images/colors/'+key+'.png" border = "0">';

    var strBoardimg = gid("boardimg").innerHTML;
    gid("boardimg").innerHTML = strBoardimg.replace( /primary=[\w]+&amp;/g, 'primary='+key+'&amp;');
}

function setLedColor(key, title){
    gid('loadnotiftext').style.visibility = 'visible';
    gid('loadnotif').style.visibility = 'visible';

    gid("led_color").innerHTML = title;
	gid("led_color_image").innerHTML = '<img src="images/colors/'+key+'.png" border = "0">';
	
    var strBoardimg = gid("boardimg").innerHTML;
    gid("boardimg").innerHTML = strBoardimg.replace( /leds=[\w]+&amp;/g, 'leds='+key+'&amp;');
}

function setAccentColor(key, title){
    gid('loadnotiftext').style.visibility = 'visible';
    gid('loadnotif').style.visibility = 'visible';

    gid("accent_color").innerHTML = title;
	gid("accent_color_image").innerHTML = '<img src="images/colors/'+key+'.png" border = "0">';
	
    var strBoardimg = gid("boardimg").innerHTML;
    gid("boardimg").innerHTML = strBoardimg.replace( /accent=[\w]+/g, 'accent='+key);
}

function closeColorsPalette(){
    gid("colorspalette").style.display = "none";
}