//	ajax

//	update calendar availability

//	version 2.1



//	define your default vars here

var update_url		=	'../cal/update_cal.ajax.php';	//	path to ajax file

var image_dir		=	"../cal/images/";				//	path to calendar images

var icon_loading	=	"../cal/icon_loading.gif";			//	loading animation image

var cal_on			=	"cal_on_";					//	start of cal number file name (om/booked)

var cal_num_img_type=	".png";						//	file type extension (include "." before extension)

var num_w			=	"20px";						//	width of numbers

var num_h			=	"20px";						//	height of numbers

var	image_loading=	"<img src='"+image_dir+icon_loading+"' border='0' width='16' height='16'/>";





//	no need to modify below here unless you know what you are doing ;)



var state_elm	=new Object();

var elm_num		=	new Object();

var special_state= new Object();

function ajax_mod_state(id_item,the_date,the_num,e){	

	

	//	2008-03-12

	//	catch client id

	//	NOT USED IN CURRENT VERSION - JUST A TEST

	//id_client=document.getElementById('id_client').value;

	//alert(id_client);

	

	//catch key press

	special_state="";

	the_key=what_key(e)

	if(the_key!="ko")special_state=the_key;

	//alert(event.keyCode);

	

	//	 start class

	ajax 		=	new sack();

	

	//	 define image span to update

	state_elm=document.getElementById("state_"+the_date);

	// set state loading while ajax is executed

	state_elm.innerHTML = image_loading;

	

	//	define number for grahic to show (needed in completion function)

	elm_num	=	the_num;

	

	//	 call ajax file to update state

	var the_url=update_url+"?id_item="+id_item+"&the_date="+the_date+"&special_state="+special_state;

	//alert(the_url);

	

	ajax.requestFile = the_url;

	ajax.onCompletion =reset_state;

	ajax.runAJAX();

	

}

function reset_state(){

	//alert(ajax.response);

	if (ajax.response=="on"

	||  ajax.response=="off"

	||  ajax.response=="am"

	||  ajax.response=="pm"

	){

			state_elm.innerHTML = "<img src='"+image_dir+"cal_"+ajax.response+"_"+elm_num+cal_num_img_type+"' width='"+num_w+"' height='"+num_h+"' border='0'/>";

	}else{

		alert(ajax.response);

	}

}



function what_key(e) {



   if(document.all)e = event; // IE need this

	//alert(e);

   	if(e.ctrlKey)		return "am";

   	else if(e.altKey)	return "pm";

	else return "ko";

}