/*var mousePosX;
var mousePosY;

$(document.body).addEvent('mousemove',function(event){
    mousePosX = event.page.x;
    mousePosY = event.page.y;
});*/
/***SORTING******/
function checkOrder()
{
  var sort_order = '';
  $$('#roomList li').each(function(li) 
  {
    sort_order = sort_order +  li.get('alt')  + '|'; 
  });
  return sort_order;
}
function oldOrder()
{
  var old_order = '';
  $$('#roomList li').each(function(li) 
  {
    old_order = old_order +  li.get('rel')  + '|'; 
  });
  return old_order;
}
function stopSorting(){
    $$('#roomList li').setStyle('border','none');
	$('stop').setStyle('display','none');
}
function sorting(detach){
  //new Fx.Slide('ajax_loader').hide().slideOut();; 
  var url = "http://" + document.domain;
  url += "/cms/booking/ajax_handlers/sort.php";
  //alert(url)
  $('stop').setStyle('display','block');
  $$('#roomList li').setStyle('border','1px solid #CCCCCC');
  var mySort = new Sortables($('roomList'), {
	clone: true,
	opacity: 0.6,
	revert: true,
	
	//onStart: function(el){el.setStyle('border','1px solid #CCCCCC');},
	onComplete: function(){
		var order = checkOrder();
		var old_order = oldOrder();
		var req = new Request.HTML({  
		url:url,  
        method:'post',  
        autoCancel:true,  
        data:'sort_order=' + order + '&old_order=' + old_order,  
		//update: $('test'),  
        onRequest: function() {  
        //$('message-box').set('text','Updating the sort order in the database.');
                   },  
        onSuccess: function() {//$('message-box').set('text','Database has been updated.');
		}  
       }).send();  
	}
  });
  if(detach==1){
	mySort.detach();
	$$('#imageList li').setStyle('border','none');
	$('stop').setStyle('display','none');  
  }
}


/*********************************/
function changeStyle(id){
	//alert(id);
	var div = document.getElementById(id);
	var display = div.style.display;
	if(display == 'none'){
		div.style.display='block';
	}else{
		div.style.display='none';
	}
}
function myToggle(el){
	//alert (el);
	el = $(el);
	if(el.style.diplay != 'block')el.style.display = 'block';
	var myFx = new Fx.Slide(el).toggle();
	
}

function fill(year,month,day,room,duration,price,id){
	var date =  year + '-' + month + '-' + day; 
    //var nofp = $('people')[$('people').selectedIndex].value;
	/*$('roomtype_text').set('text',room);
	$('start_date_text').set('text',date);
	$('duration_text').set('text',duration + " days");
	$('price_text').set('text',price);
	*/
	$('duration').set('value',duration);
	$('roomtype').set('value',room);
	$('start_date').set('value',date);
	$('price').set('value',price);
	//$('nofp').set('value',nofp);
	$('date_id').set('value',id);
	$('start').submit();
	//var myFx = new Fx.Scroll(window).toBottom();
}
/*
function loading(){
  document.getElementById('innerWrapper').className = "opacity";
  document.getElementById('loader').style.display = "block";
}
function done(){
  document.getElementById('innerWrapper').className = "";
  document.getElementById('loader').style.display = "none";	
}
*/
function get_tables(){
	
  var start = $('startdate')[$('startdate').selectedIndex].value;
  var end = $('enddate')[$('enddate').selectedIndex].value;
  //var end = $('enddate').value;
  //this.options[this.selectedIndex].value
  var duration = $('duration').value;
  var rooms = $('rooms').value;
  var price = $('price').value;
  
  var domain = "http://" + document.domain;
  var url = domain +'/cms/booking/ajax_handlers/dates_handler.php';
  //alert(url);
  //var myHTMLRequest = new Request.HTML({url:'http://test.clockwork5.co.uk/booking/ajax_handlers/dates_handler.php'}).post("start=" + start + "&end=" + end);
  //var myHTMLRequest = new Request.HTML({url:url}).get({"start" : start }.onSuccess(alert(response)));
  //myHTMLRequest.onSuccess()=function (response){alert(response);};
	var req = new Request.HTML({  
		method: 'get',  
		url: url,  
		data: { 'start' : start , 'end' : end , 'duration' : duration , 'rooms' : rooms , 'price' : price },  
		onRequest: function() { /*$('wrapperOuter').className = "opacity";*/$('loader').style.display = "block"; },  
		update: $('ajaxContent'),  
		onComplete: function(response) { /*$('wrapperOuter').className = "";*/$('loader').style.display = "none";}
							  
	}).send();
}
function get_tables_new(){
	
  var start = $('startdate')[$('startdate').selectedIndex].value;
  var end = $('enddate').value;
  //this.options[this.selectedIndex].value
  //var duration = $('duration').value;
  var rooms = $('rooms').value;
  var price = $('price').value;
  
  var domain = "http://" + document.domain;
  var url = domain +'/cms/booking/ajax_handlers/dates_handler.php';
  //alert(url);
  //var myHTMLRequest = new Request.HTML({url:'http://test.clockwork5.co.uk/booking/ajax_handlers/dates_handler.php'}).post("start=" + start + "&end=" + end);
  //var myHTMLRequest = new Request.HTML({url:url}).get({"start" : start }.onSuccess(alert(response)));
  //myHTMLRequest.onSuccess()=function (response){alert(response);};
	var req = new Request.HTML({  
		method: 'get',  
		url: url,  
		data: { 'start' : start , 'end' : end , 'rooms' : rooms , 'price' : price },  
		onRequest: function() { $('wrapperOuter').className = "opacity";$('loader').style.display = "block"; },  
		update: $('ajaxContent'),  
		onComplete: function(response) { $('wrapperOuter').className = "";$('loader').style.display = "none";}
							  
	}).send();
}

function get_dates(){
	
  var start = $('startdate')[$('startdate').selectedIndex].value;
  var end = $('enddate')[$('enddate').selectedIndex].value;
  //this.options[this.selectedIndex].value
  var duration = $('duration').value;
  var rooms = $('rooms').value;
  var price = $('price').value;
  var room = $('room')[$('room').selectedIndex].value;
  var domain = "http://" + document.domain;
  var url = domain +'/cms/booking/ajax_handlers/dates_handler.php';
  //alert(url);
  //var myHTMLRequest = new Request.HTML({url:'http://test.clockwork5.co.uk/booking/ajax_handlers/dates_handler.php'}).post("start=" + start + "&end=" + end);
  //var myHTMLRequest = new Request.HTML({url:url}).get({"start" : start }.onSuccess(alert(response)));
  //myHTMLRequest.onSuccess()=function (response){alert(response);};
	var req = new Request.HTML({  
		method: 'get',  
		url: url,  
		data: { 'start' : start , 'end' : end , 'duration' : duration , 'rooms' : rooms , 'price' : price , 'bool' : 1 , 'room' : room },  
		onRequest: function() { $('wrapperOuter').className = "opacity";$('loader').style.display = "block"; },  
		update: $('ajaxContent'),  
		onComplete: function(response) { $('wrapperOuter').className = "";$('loader').style.display = "none";}
							  
	}).send();


}

function sort_dates(order){
	
  var name = $('name').value;
  var status = $('status')[$('status').selectedIndex].value;
  var month = $('month')[$('month').selectedIndex].value;
  //this.options[this.selectedIndex].value
  var room = $('room')[$('room').selectedIndex].value;
  var domain = "http://" + document.domain;
  var url = domain +'/cms/booking/ajax_handlers/sort_dates.php';
	var req = new Request.HTML({  
		method: 'get',  
		url: url,  
		data: { 'name' : name , 'status' : status , 'month' : month , 'room' : room,'order' : order },  
		update: $('Ajax')
							  
	}).send();


}

/******************/
/*<script>
window.addEvent('domready', function(){
	var t = new Tips('.tip',{className : 'mytip'});
	$$('.tip').each(function(tip){
	var content = tip.retrieve('tip:text');
	
	tip.store('tip:text', content);
	});

	
});

</script>
*/
function WindowSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return myWidth;
  //window.alert( 'Width = ' + myWidth );
  //window.alert( 'Height = ' + myHeight );
}

function showBox(id,div){
	
	$$(".result_wrapper").each(function(el){el.removeEvents('mouseover')});
	//alert($('boxes').length);
	//alert(id);
	
	// This WindowSize is breaking the tooltip...
	//var width = WindowSize();
	
	var box = $('tooltip');
	var data = $(div).get('html');
	if(data == null)data = '';
	//alert (data);
	if(box!=null)box.set('html',data); 
	var pic = $(id);
	var parentCal = pic.getParent('.calendar_table');
	//alert(id);
	boxX = findPosX(pic)
	boxY = findPosY(parentCal)
	//	alert(boxY);
	
	/*if(mousePosX-boxX>200){
	 // posx = boxX + 15;
	 // posy = boxY + 15;
	 posx = boxX - 500;
	 posy = boxY - 375;
	}else{
	  posx = boxX - 200;
	  posy = boxY + 15;
	}*/
	
	//posx-= 500;
	posy = boxY - 240;
	
	//alert(posx + "\n" + posy + "\n" + pic);
	box.style.display="inline-block";
	box.style.left = "410px";
	box.style.top = posy + "px";
	box.addEvent('mouseover', function(){
	  //box.removeEvent('mouseout',a);
	 var a = $$(".result_wrapper").each(function(el){el.addEvent('mouseover', function(){
		hideBox('tooltip');
		$$(".result_wrapper").each(function(el){el.removeEvents('mouseover')});
		
	  })
      });
	});
	/*$$('.result_wrapper').each(function(){
		hideBox('tooltip');								
    })*/

}

function showBox_left(id,div){
	
	$$(".result_wrapper").each(function(el){el.removeEvents('mouseover')});
	//alert($('boxes').length);
	//alert(id);
	
	// This WindowSize is breaking the tooltip...
	//var width = WindowSize();
	
	var box = $('tooltip');
	var data = $(div).get('html');
	if(data == null)data = '';
	//alert (data);
	if(box!=null)box.set('html',data); 
	var pic = $(id);
	var parentCal = pic.getParent('.calendar_table');
	//alert(id);
	boxX = findPosX(pic)
	boxY = findPosY(parentCal)
	//	alert(boxY);
	
	/*if(mousePosX-boxX>200){
	 // posx = boxX + 15;
	 // posy = boxY + 15;
	 posx = boxX - 500;
	 posy = boxY - 375;
	}else{
	  posx = boxX - 200;
	  posy = boxY + 15;
	}*/
	
	//posx-= 500;
	posy = boxY - 0;
	
	//alert(posx + "\n" + posy + "\n" + pic);
	box.style.display="inline-block";
	box.style.left = "0px";
	box.style.top = "-35px";
	box.addEvent('mouseover', function(){
	  //box.removeEvent('mouseout',a);
	  var a = $$(".result_wrapper").each(function(el){el.addEvent('mouseover', function(){
		 //hideBox('tooltip');
		 $$(".result_wrapper").each(function(el){el.removeEvents('mouseover')});
		 
	   })
	
	   });
	});
	
	/*$$('.result_wrapper').each(function(){
		hideBox('tooltip');								
    })*/

}
function close_box(el)
{
  
    jQuery(el).parent().parent().parent().hide()    
   
}

function showBox_tip(id,div){
	
	

}

function hideBox(div){
  	(function(){$(div).style.display = 'none';}).delay(500);
}
<!-- Begin

function findPosX(obj){
	
var curleft = 0;
if (obj.offsetParent){
while (obj.offsetParent){
curleft += obj.offsetLeft
obj = obj.offsetParent;
}
} else if (obj.x){
curleft += obj.x;
}
return curleft;
}
function findPosY(obj){
var curtop = 0;
if (obj.offsetParent){
while (obj.offsetParent){
curtop += obj.offsetTop
obj = obj.offsetParent;
}
} else if (obj.y){
curtop += obj.y;
}
return curtop;
}
//  End -->





/*******************/
window.addEvent('domready', function(){
	
	if($('new_room')!=undefined){
		$('new_room_link').style.cursor = "default";
		var myFx = new Fx.Slide('new_room').hide();
		$('new_room_link').addEvent('click', function(){
		var myFx = new Fx.Slide('new_room').toggle();
		});
	}
	if($('addCharge')!=undefined){
		$('addCharge').style.cursor = "default";
		var myFx = new Fx.Slide('addCharge').slideOut();
		/*$('new_room_link').addEvent('click', function(){
		var myFx = new Fx.Slide('new_room').toggle();
		});*/
	}

	if($('new_room')!=undefined){
		$('new_room_link').style.cursor = "default";
		$('new_room_link').addEvent('click', function(){
		var myFx = new Fx.Slide('new_room').toggle();
		});
	}
	
	/*var tip = new Tips('.tip');
	tip.addEvent('show',function(tip){
		  tip.fade('in');
	});*/

	
});