/*
	Based on Prototype
*/


//expand a comment form
function showOrHideById(id, title){
	var elm = $(id);
	
	if(elm.visible()){
		elm.hide();
	}else{
		elm.show();
		$('page_title').update(title);
		if(title != "EMAIL TO MY FRIEND"){
			$('post_type').value = "comments"
			loadComments();
		}else{
			$('post_type').value = "email"
			if($('comments_list')){
				$('comments_list').hide();
			}
		}
	}
}

function showComments(){
	if(self.document.location.hash.substring(1) == 'comments'){
		showOrHideById('comments_div', 'POST A COMMENT')
		
	}else if(self.document.location.hash.substring(1) == 'email'){
		showOrHideById('comments_div', 'EMAIL TO MY FRIEND')
		$('comments_div').scrollTo();
		
	}
}

function createCalendar(){
	var mycal = new scal('samplecal', '', {
		oncalchange: function(event){
			clicked = Event.element(event);
			
			//alert(clicked.title);
			postCellBG(mycal, 1 , clicked.innerHTML);
		}
	});
	
	
	postCellBG(mycal, 0, "");
}

function postCellBG(mycal, isonchange, btnStr){
	var url = 'calendar';
	var elm = mycal.getTitleElement();
	var date = elm.innerHTML;
	if(btnStr == "<< PREV"){
		btnStr = "PREV";
	}else if(btnStr == "NEXT >>"){
		btnStr = "NEXT";
	}
	
	var pars = 'sendtype=postCellBG&selectedDate='+date+"&isonchange="+isonchange+"&btnStr="+btnStr;
	var target = '';	
	$('cal_loader').innerHTML = '<img src="/html/images/loader.gif" />';
	var myAjax = new Ajax.Updater(
		target, url, 
		{
			method: 'post', 
			parameters: pars,
			onSuccess: function(){			
			},
			onComplete: function(transport){
				var data = transport.responseText;
				var tempArr = data.split('$');
				if(tempArr.length>1){
					var dateArr = tempArr[0].split('|');
					var valueArr = tempArr[1].split('|');
					for(var k=0; k<(dateArr.length-1); k++ ){
						var dayElement = mycal.getElementByDate(new Date(dateArr[k]));
						if(dayElement){
							if(Number(valueArr[k]) == 1 ){
								dayElement.style.background = "url(/html/images/carlendar/cell_red.jpg) no-repeat left top";
							}else if(Number(valueArr[k]) == 2 ){
								dayElement.style.background = "url(/html/images/carlendar/cell_green.jpg) no-repeat left top";
							}else if(Number(valueArr[k]) == 3 ){
								dayElement.style.background = "url(/html/images/carlendar/cell_both.jpg) no-repeat left top";
							}
						}
					}
				}
				$('cal_loader').innerHTML = "";
			},
			onFailure: function(){
				alert("Error");
			}
		});

}

function submitPost(){
	
	var item_id = $('item_id').value;
	var post_type=$('post_type').value;
	
	var first_name = $('first_name');
	var last_name = $('last_name');
	var email = $('email');
	var subject = $('subject');
	var message = $('message');
	var isValid = true;	
	var loader = $('comm_loader');
	var page_title = $('curr_page_title');
	
	var page_url = String(self.document.location);
	var num = page_url.indexOf('/',7)+1;
	page_url = page_url.substr(num);
	
	//alert(page_url +" "+ page_title);
	loader.update(" ");
	
	if(!first_name.value.strip()){
		first_name.setStyle({backgroundColor: '#ffb0b7'});
		isValid = false;
	}else{
		first_name.setStyle({backgroundColor: '#FFFFFF'});
	}
	
	if(!last_name.value.strip()){
		last_name.setStyle({backgroundColor: '#ffb0b7'});
		isValid = false;
	}else{
		last_name.setStyle({backgroundColor: '#FFFFFF'});
	}

	if(!email.value.strip()){
		email.setStyle({backgroundColor: '#ffb0b7'});
		isValid = false;
	}else{
		email.setStyle({backgroundColor: '#FFFFFF'});
	}

	if(!subject.value.strip()){
		subject.setStyle({backgroundColor: '#ffb0b7'});
		isValid = false;
	}else{
		subject.setStyle({backgroundColor: '#FFFFFF'});
	}
	
	if(!message.value.strip()){
		message.setStyle({backgroundColor: '#ffb0b7'});
		isValid = false;
	}else{
		message.setStyle({backgroundColor: '#FFFFFF'});
	}
	
	
	if(isValid){
		
	var url = item_id;
	var pars = 'submit_type=postcomments&item_id='+item_id+'&post_type='+post_type+'&first_name='+first_name.value.strip()
				+'&last_name='+last_name.value.strip()+'&email='+email.value.strip()
				+'&subject='+subject.value.strip()+'&message='+message.value.strip()
				+'&page_title='+page_title.value.strip()
				+'&page_url='+page_url;
	var target = '';
	
	loader.update('<img src="/html/images/loader.gif" />');
	
	var myAjax = new Ajax.Updater(
		target, url, 
		{
			method: 'post', 
			parameters: pars,
			onSuccess: function(){			
			},
			onComplete: function(transport){
				var data = transport.responseText;
				loader.innerHTML = post_type + " submited.";
				first_name.value = "";
				last_name.value = ""
				email.value = "";
				subject.value = "";
				message.value = "";
			},
			onFailure: function(){
				alert("Error");
			}
		});
		
	}
	

}

function loadComments(){
	var item_id = $('item_id').value;
	var url = item_id;
	var pars = 'submit_type=getcomments&item_id='+item_id+"&post_type=comments";
	var target = '';	
	$('comments_list').update(' <img src="/html/images/loader.gif" alt="" width=24 height=24/>');
	var myAjax = new Ajax.Updater(
		target, url, 
		{
			method: 'post', 
			parameters: pars,
			onSuccess: function(){			
			},
			onComplete: function(transport){
				var data = transport.responseText;
				$('comments_list').update(data);
				$('comments_list').scrollTo();
				$('comments_list').show();
			},
			onFailure: function(){
				alert("Error");
			}
		});
}


function resetPaymentOptions(){
	$('card_number').value = "";
	$('cvn').value = "";
	
	$('card_type').value = "VI";
	$('expmonth').value = "Month";
	$('expyear').value = "Year";
	
}

function addEventTables(){
	var table = '<table cellpadding="3" cellspacing="3">'+
			'<tr><td colspan="2"><hr class="line1"/></td></tr>'+
			'<tr><td>Name of Event:</td><td><input id="event_name" type="text" size="50" name="event_name[]" maxlength="100" value=""/></td></tr>'+
			'<tr><td>Date of Event:(01/31/2008)</td><td><input id="event_date" type="text" size="20" name="event_date[]" maxlength="20" value=""/></td></tr>'+
			'<tr><td># of Adults Attending</td><td><input id="num_of_adults" type="text" size="3" name="num_of_adults[]" maxlength="3" value=""/></td></tr>'+
			'<tr><td># of Children or Juniors</td><td><input id="num_of_children" type="text" size="3" name="num_of_children[]" maxlength="3" value=""/></td></tr>'+
			'<tr><td># & age of Children admitted Free</td><td><input id="num_of_children_free" type="text" size="3" name="num_of_children_free[]" maxlength="3" value=""/></td></tr>'+
			'<tr><td># Guest Tickets (if applicable)<br/>(and type, event dependent)</td><td><input id="num_of_guest" type="text" size="3" name="num_of_guest[]" maxlength="3" value=""/></td></tr>'+
		'</table>';
	
	var num = Number($('num_events').value);
	$('eventTD').update("");
	var content = "";
	for(var i=0; i<num; i++){
		
		content += table+'\n';
	}
	$('eventTD').update(content);
}

function changePayment(type){

	if(type=="CC"){
		$('payment_options_IO').enable();
		//$('payment_options_IO').removeAttribute('disabled');
	}else if(type=="IO"){
		$('payment_options_IO').disable();
		$('payment_options_IO').checked = false;
		//$('payment_options_IO').addAttribute('disabled', 'disabled');
	}
}