function newImage(newImg, colorID) {
	document.images['roxor'].src = "/designer/images/preview_images/" + newImg;
	document.getElementById('color_id').value = colorID;
}

function all_preview(key, id) {
	set_color(key, id)
}

o_toggle = false
function set_color(color, cid) {
	document.getElementById('color_friend').value = color;
	document.getElementById('color_id').value = cid;
	show_preview();
}

function set_font(font) {
	document.getElementById('font').value = font;
	show_preview();
}


function set_art_left(art, aid) {
    document.getElementById('art_left_friend').value = art;
    document.getElementById('art_left_id').value = aid;
    show_preview();
	document.getElementById('light').style.display="none";
	document.getElementById('fade').style.display="none";
}

function set_art_left_back(art, aid) {
    document.getElementById('art_left_friend_back').value = art;
    document.getElementById('art_left_id_back').value = aid;
    show_preview();
	document.getElementById('light2').style.display="none";
	document.getElementById('fade2').style.display="none";
	
}

function set_art_right(art, aid) {
    document.getElementById('art_right_friend').value = art;
    document.getElementById('art_right_id').value = aid;
    show_preview();
	document.getElementById('light1').style.display="none";
	document.getElementById('fade1').style.display="none";
}

function set_art_right_back(art, aid) {
    document.getElementById('art_right_friend_back').value = art;
    document.getElementById('art_right_id_back').value = aid;
    show_preview();
	document.getElementById('light3').style.display="none";
	document.getElementById('fade3').style.display="none";
}


function change_font() {
	show_preview();
}

function get_font() {
	var font_array = document.forms[0].elements['wristband[font]'];
	var font="arial";
	for (i=0; i<font_array.length;i++) {
		if (font_array[i].checked) {
			font = font_array[i].value;
			break;
		}
	}

	return font;
}
 
   function encodeMyHtml(pTexto) {
     encodedHtml = escape(pTexto);
     encodedHtml = encodedHtml.replace(/\//g,"%2F");
     encodedHtml = encodedHtml.replace(/\?/g,"%3F");
     encodedHtml = encodedHtml.replace(/=/g,"%3D");
     encodedHtml = encodedHtml.replace(/&/g,"%26");
     encodedHtml = encodedHtml.replace(/@/g,"%40");
     return encodedHtml;
   } 
function show_preview() {
	//var font = get_font();
    var font = document.getElementById('font').value;
	var msg;
	
	msg_back = encodeMyHtml(document.getElementById('wristband_other_message').value);		
	msg_front = encodeMyHtml(document.getElementById('wristband_front_message').value);		
	
	var color = document.getElementById('color_friend').value;
	var art_left = document.getElementById('art_left_friend').value;
	var art_left_back = document.getElementById('art_left_friend_back').value;
    var art_right = document.getElementById('art_right_friend').value;
	 var art_right_back = document.getElementById('art_right_friend_back').value;
	/*
	var co_select = document.forms[0].elements['color_fill'];
	var co_fill = co_select.options[co_select.selectedIndex].value;
	*/
	
	var co_fill = "none";
	
	cl_image = "designer/gd_test.php?color=" + color + "&font=" + font + "&text=" + encodeURI(msg_front) + "&artwork_left=" + art_left + "&artwork_right=" + art_right + "&rand=" + Math.floor(Math.random()*9999);
	document.getElementById('awesome_image').src = cl_image;
    
    cl_image = "designer/gd_test.php?color=" + color + "&font=" + font + "&text=" + encodeURI(msg_back) + "&artwork_left=" + art_left_back + "&artwork_right=" + art_right_back + "&rand=" + Math.floor(Math.random()*9999);
    document.getElementById('awesome_image_back').src = cl_image;
}

function show_preview1() {
	//var font = get_font();
    //var font = document.getElementById('font').value;
	var msg;
	
	msg_back = document.getElementById('wristband_other_message').value;		
	
//    cl_image = "designer/gd_test1.php?text=" + encodeURI(msg_back);
    cl_image = "designer/test-im.php?text=" + encodeURI(msg_back);
    document.getElementById('awesome_image_back').src = cl_image;
}

function toggle_back_msg() {
	if (o_toggle) {
		o_toggle = false
		document.getElementById('other_link').innerHTML = "Show";	
	} else {
		o_toggle = true
		document.getElementById('other_link').innerHTML = "Hide";
	}
	show_preview();
}