// JavaScript Document
var cp = new ColorPicker();
var cp1 = new ColorPicker1();
//var cp = new ColorPicker('window');
cp.writeDiv()
cp1.writeDiv1()
function pickColor(color) {
	//alert("asdfs");
//	field.value = color;
	$color_code=color;
	document.getElementById('code').value=color;
	document.getElementById('colortd').bgColor=document.getElementById('code').value;
}
function pickColor1(color1) {
	//alert("fsafdsadfsadffs");
//	field.value = color;
	$font_color_code=color1;
	document.getElementById('font_code').value=color1;
	document.getElementById('font_colortd').bgColor=document.getElementById('font_code').value;
}

function chk_counter()
{
	if(document.getElementById('start').value < 0)
	{
		alert("Please enter any numeric value greater then 0.");
		
		return false;
	}

	return true;
}

function update_color(){
	document.getElementById('colortd').bgColor=document.getElementById('code').value;
}
function font_update_color(){
	document.getElementById('font_colortd').bgColor=document.getElementById('font_code').value;
}

function searchbackground(){
	
	var key = document.getElementById("keyword").value;
	var status = AjaxRequest.get(
    {
    'url':'search_background.php?keyword='+key
    ,'onSuccess':displaybackground
	,'onError':function(req){ alert('Error!\nStatusText='+req.statusText+'\nContents='+req.responseText);}
   	}
  );
  return status;
}

function displaybackground(req)
{ 
	
	document.getElementById("background_disp").innerHTML = req.responseText; 
}
function searchicon(){
	
	var key = document.getElementById("icon_keyword").value;
	var status = AjaxRequest.get(
    {
    'url':'search_icon.php?icon_keyword='+key
    ,'onSuccess':displayicon
	,'onError':function(req){ alert('Error!\nStatusText='+req.statusText+'\nContents='+req.responseText);}
   	}
  );
  return status;
}

function displayicon(req)
{ 
	
	document.getElementById("icon_disp").innerHTML = req.responseText; 
}
/* ======================= for edit counter ======================*/
function edit_searchbackground(){
	
	var key = document.getElementById("keyword").value;
	var bg_id = document.getElementById("bg_in_use").value;
	var status = AjaxRequest.get(
    {
    'url':'search_background_edit.php?keyword='+key+'&bg_id='+bg_id
    ,'onSuccess':edit_displaybackground
	,'onError':function(req){ alert('Error!\nStatusText='+req.statusText+'\nContents='+req.responseText);}
   	}
  );
  return status;
}

function edit_displaybackground(req)
{ 
	document.getElementById("background_disp").innerHTML = req.responseText; 
}
function edit_searchicon(){
	
	var key = document.getElementById("icon_keyword").value;
	var icon_id = document.getElementById("icon_in_use").value;
	var status = AjaxRequest.get(
    {
    'url':'search_icon_edit.php?icon_keyword='+key+'&icon_id='+icon_id
    ,'onSuccess':edit_displayicon
	,'onError':function(req){ alert('Error!\nStatusText='+req.statusText+'\nContents='+req.responseText);}
   	}
  );
  return status;
}

function edit_displayicon(req)
{ 
	document.getElementById("icon_disp").innerHTML = req.responseText; 
}