// JavaScript Document

function openevent(x) {

	

	$('#event_holder').load('test_events.php?id='+x,

	

		function() { 

			

			$("#event_holder").dialog({

				autoOpen: false,

				width: 800,

				height:550,

				modal: true,

				buttons: {

				'Add to Cart': function() {

				

				$('#eventmsg').html('');

				

				count = 0;

				

				ticketdate = document.getElementById('date'+x).value;

				

				if (ticketdate == '0') {

					

					$('#eventmsg').html('<p class = "validateTips">Choose the date you would like to attend the event, using the calendar.</p>');

					

				} else {

				

					$('#eventbookings .sel_tickets').each(function(index) { 

					

						ticketdate = document.getElementById('date'+x).value;

						

						if ($(this).val() > 0) {

							

							count++;

	

							ticketname = $('#' + $(this).attr('id') + 'ticketname' ).val();

							

							offername = $('#' + $(this).attr('id') + 'offername' ).val();

							

							var ticketprice = new Number($('#' + $(this).attr('id') + 'price' ).val());

							

							ticketprice = ticketprice.toFixed(2);

							

							rdm_index = Math.floor(Math.random()*1000001)

							

							html = '<li class = "'+rdm_index+'">' + document.getElementById('date'+x).value + ' ' + offername + ' ' + $(this).val() + ' x ' + ticketname + ' (&pound;' + ticketprice + ') <a href = "javascript:rm_event('+rdm_index+')">Remove</a></li>';

							$('#submitall2').show();

							$('#events_cart').append(html);

						

							ticketid = $(this).attr('id');

							

							ticketdate = document.getElementById('date'+x).value;

							

							ticketnum = $(this).val();



							html = '<input type = "hidden" class = "event_tickets" id = "'+rdm_index+'" value = "'+ticketid+'_'+ticketdate+'_'+ticketnum+'"/>';



							$('#events_cart_hidden_inputs').append(html);

														 

						} 

					

					});	

					

					if (count == 0) {

						

						$('#eventmsg').append('<p class = "validateTips">Please select the number of tickets you would like.</p>');

							

					} else {

						

						//alert('ready to close');

						

						$('#event_holder').html('');

						

						$(this).dialog('close');

						

					}

					

				}

				

				},

				Cancel: function() {

				$(this).dialog('close');

				}

				}

			});

			

			$('#event_holder').dialog('open');

			

			

			var availableeventdates = {}; 

			

			$('#dateoffer' + x +' option').slice(0).each(function() { 

			

				var date  = $(this).val(); 

				

				var year  = date.substring(0, 4); 

				

				var month = date.substring(5, 7) - 1; 

				

				var day = date.substring(8, 10); 

				

				availableeventdates[new Date(year, month, day)] = true;

			

			});																									   

																												   

			$('div#eventcal'+x).datepicker({

				

				beforeShowDay: function(date) { 

				

					return [availableeventdates[date],''] 

				

				},

				

				onSelect:function(dateText) {

					

					document.getElementById('date'+x).value = dateText;

					

					$('#eventcalsel'+x).html('<p>Selected '+dateText+'</p>');

					

					},

				

				dateFormat: 'dd-mm-yy'

			

			});

			

			

			

			return;

			

			$.colorbox({ 

				

				width:"450px",

				

				height:"450px", 

				

				inline:true, 

				

				href:"#event_holder",

				

				onComplete:function(){	

																												 

			$('#eventbutton').click( function() { 

					

					count = 0;

					

				$('#eventbookings .sel_tickets').each(function(index) { 

					

					ticketdate = document.getElementById('date'+x).value;

					if (ticketdate == 0) {

						//alert('no ticketdate');

					} else {

						

					if ($(this).val() > 0) {

						

						count++;



						ticketname = $('#' + $(this).attr('id') + 'ticketname' ).val();

						// offername

						offername = $('#' + $(this).attr('id') + 'offername' ).val();

						// ticket price

						

						var ticketprice = new Number($('#' + $(this).attr('id') + 'price' ).val());

						

						ticketprice = ticketprice.toFixed(2);

						

						rdm_index = Math.floor(Math.random()*1000001)

						

						// events_cart is human readable description

						html = '<li class = "'+rdm_index+'">' + document.getElementById('date'+x).value + ' ' + offername + ' ' + $(this).val() + ' x ' + ticketname + ' (&pound;' + ticketprice + ') <a href = "javascript:rm_event('+rdm_index+')">Remove</a></li>';

						

						$('#events_cart').append(html);

						// events_cart_hidden_inputs 

					

						//alert('event id ' + x);

						ticketid = $(this).attr('id');

						ticketdate = document.getElementById('date'+x).value;

						ticketnum = $(this).val();

		  				//						

						//html = '<input type = "hidden" class = "'+rdm_index+'" id = "'+ticketid+'date" value = "'+ticketdate+'"/>';

						html = '<input type = "hidden" class = "event_tickets" id = "'+rdm_index+'" value = "'+ticketid+'_'+ticketdate+'_'+ticketnum+'"/>';

						//$('#events_cart_hidden_inputs').append(html);

						//html = '<input type = "hidden" class = "'+rdm_index+'" id = "'+ticketid+'num" value = "'+ticketnum+'"/>';

						$('#events_cart_hidden_inputs').append(html);

						 

					}

					}

				

				});

				

				$.colorbox.close();	

				

				$('#event_holder').html('');

				

			});	/* end eventbutton click function */

																 

				}

			});

			

			var availableeventdates = {}; 

			

			$('#dateoffer' + x +' option').slice(1).each(function() { 

			

				var date  = $(this).val(); 

				

				var year  = date.substring(0, 4); 

				

				var month = date.substring(5, 7) - 1; 

				

				var day = date.substring(8, 10); 

				

				availableeventdates[new Date(year, month, day)] = true;

			

			});																									   

																												   

			$('div#eventcal'+x).datepicker({

				

				beforeShowDay: function(date) { 

				

					return [availableeventdates[date],''] 

				

				},

				

				onSelect:function(dateText) {

					

					document.getElementById('date'+x).value = dateText;

					},

				

				dateFormat: 'dd-mm-yy'

			

			});

		}

	

	);

	

	

}