var fx ;
var myFx;
var myFxArray = Array();
var mySlide ;
var oldSelected = '-1';
var roar;
var overlay;
//Puff
var myrules = {
		'.big-button' :function(element){
			element.onclick = function(evt){
				//$$('.big-button').set('disabled', true);
				if (this.id=='previewBtn')
				{
					$('pageForm').set('target','_blank');
					$('preview').set('value', 1);
				}
				if (this.id=='saveBtn')
				{
					$('pageForm').set('target','_self');
					overlay.open();
				}
				
				return true;
			};
		}
		,
		'.fireElem' : function(element){
			var id_var = element.id;
			var class_var = 'targetElem_' + id_var;
			var myFx = new Fx.Slide($(class_var), {
					duration: 500,
					transition: Fx.Transitions.Pow.easeIn
				});
			if (element.get('type')=='checkbox')
			{
				if (element.checked==true)
					myFx.show();
				else
					myFx.hide();
			}
			else
				myFx.toggle();
			
			element.onclick = function(evt){
				var id_var = element.id;
				var class_var = 'targetElem_' + id_var;
				var myFx = new Fx.Slide($(class_var), {
						duration: 500,
						transition: Fx.Transitions.Pow.easeIn
					});
				myFx.toggle();			
				
				if (element.tagName == 'A')
				{
					Event(evt).stop();
					return false;
				}
			};
		},
		'#nonprofit' : function(element){
			element.onchange = function(evt){
				if (element.value==0 && element.value!='')
				{
					$('nonprofit_other_container').setStyle('display', 'block');
				}
				else
				{
					$('nonprofit_other_container').setStyle('display', 'none');
				}
			}
		},
		'.account_type' : function(element){
			element.onclick = function(evt){
				if (element.id=='interest_rewards')
				{
					$('nonprofit_payment').setStyle('display', 'block');
				}
				else
				{
					$('nonprofit_payment').setStyle('display', 'none');
				}
			}
		},
		'#account_type_rewards' : function(element){
			element.onclick = function(evt){
				if (element.checked==true)
				{
					$('targetelem_rewards').setStyle('display', 'block');
				}
			}
		},
		
		'#account_type_standard' : function(element){
			element.onclick = function(evt){
				if (element.checked==true)
				{
					$('targetelem_rewards').setStyle('display', 'none');
					$('nonprofit_other_container').setStyle('display', 'none');
				}
			}
		},
		'.fireElemMenu' : function(element){
			element.onclick = function(evt){
				var id_var = element.id;
				var class_var = 'targetElem_' + id_var;
				$$('.right_nav_reports li').removeClass('selected').toggleClass('active');
				$(id_var).getParent('li').addClass('selected').toggleClass('active');
				
				$$('.fireElemMenu').removeClass('active');
				$(id_var).toggleClass('active');
				$$('.targetElem').setStyle('display', 'none');
				if ($(class_var).getStyle('display')=='none') $(class_var).setStyle('display', 'block');
				Event(evt).stop();
				return false;
			};
		},
		'.addFileInput' : function(element){
			element.onclick = function(evt){
				var myLi = new Element('li');
				var myInput = new Element('input', {'type': 'file',
    												'name': 'filename[]',
													'class': 'input-other',
													'size': '42'});
				myInput.inject(myLi);
				myLi.inject($('files'));
			};
		},
		'.drawerDown' :  function(element){
			element.onclick  = function(evt){ 
				
				var myFx = new Fx.Slide(element.getParent().id, {
					duration: 500,
					transition: Fx.Transitions.Pow.easeIn
				});
				myFx.toggle();
			 };
		},
		'.drawerRight' :  function(element){
			element.onclick  = function(evt){ 
				
				var myFx = new Fx.Slide(element.getParent().id, {
					duration: 500,
					mode: 'horizontal',
					transition: Fx.Transitions.Pow.easeIn
				});
				myFx.toggle();
			 };
		},
		'#loginUsername' :  function(element){
			element.onblur  = function(evt){ if (this.value == '') this.value = 'email'; };
			element.onfocus = function(evt){ if (this.value == 'email') this.value = ''; }
		},
		'#loginPassword' :  function(element){
			element.onblur  = function(evt){ if (this.value == '') this.value = 'password'; };
			element.onfocus = function(evt){ if (this.value == 'password') this.value = ''; }
		},
		
		'.cancelBtn' : function(element){
			element.onclick = function(evt){
				//var evt = new Event(evt).stop();
				window.location = element.getParent().href;
			}
		},
		'.delete.confirm' : function(element){
			element.onclick = function(evt){
				var str = "Are you sure you want to delete this?";
				if (element.get('title')!='') str = element.get('title');
				if(!confirm(str)) {
					var evt = new Event(evt).stop();
					return;
				}
			}
		},	
		'.thumb' : function(element){
			element.onclick = function(evt){
				//var evt = new Event(evt).stop();
				//element.setStyle("position", "absolute");
				//Puff(element, 0);
			}
		},
		'.typeBtn' : function(element){
			element.onclick = function(evt){
				var evt = new Event(evt).stop();
				var id = element.get('id').replace('Btn', '');
				$(id).set('checked', true);
				if ($('type_'+id).hasClass('selected'))
				{
					_help();
					return false;
				}
				$$('.page_type_block').removeClass('selected');
				$('type_'+id).addClass('selected');
			}
			element.dblclick = function(evt){
				var evt = new Event(evt).stop();
				var id = element.get('id').replace('Btn', '');
				$(id).set('checked', true);
				if ($('type_'+id).hasClass('selected'))
				{
					_help();
					return false;
				}
				$$('.page_type_block').removeClass('selected');
				$('type_'+id).addClass('selected');
				$('startForm2').submit();
			}
		},
		'.pageType' : function(element){
			element.onclick = function(evt){
				//var evt = new Event(evt).stop();
				var id = element.get('id');
				$$('.page_type_block').removeClass('selected');
				$('type_'+id).addClass('selected');
			}
		},
		'.show_step' : function(element){
			var id = element.get('id');
			var mySlide = new Fx.Slide('box_'+id);
			mySlide.hide();
			
			element.onclick = function(evt){
				var evt = new Event(evt).stop();
				if (id=="step3") 
				{
					var mySlide1 = new Fx.Slide('box_step1');
					mySlide1.slideOut();
					var mySlide2 = new Fx.Slide('box_step2');
					mySlide2.slideOut();
					$('box_step1').setStyle('display', 'none');
					$('box_step2').setStyle('display', 'none');
				}
				mySlide.slideIn();
				//$('box_'+id).setStyle('display', 'block');
			}
		},
		/*'form#startForm' : function(element){
			element.onsubmit = function(evt){
				
				if ($('foundation_name').value != '')
				{
					if ($('selectOption'))
					{
						$('selectOption').setStyle('display', 'block');
						if ($('orgType').value == '')
						{
							var evt = new Event(evt).stop();
						}
						else
						{
							var id_form = element.get('id');
							var action = element.get('action');
						}
					}
				}
				else
				{
					setError({'errors': 'You need to enter a foundation name!', 'success': '', 'notices': ''});
					var evt = new Event(evt).stop();
				}
				
			}
		},*/
		'.orgOption' : function(element){
			element.onclick = function(evt){
				var evt = new Event(evt).stop();
				var id = element.get('id');
				
				$('orgType').value = id.replace('text-', '');
				$('startForm').submit();
			}
		},
		'form.editForm' : function(element){
			element.onsubmit = function(evt){
				var evt = new Event(evt).stop();
				var id_form = element.get('id');
				var action = element.get('action');
				
				setError({'errors': '', 'success': '', 'notices': 'Save in progress...'});
				var myRequest = new Request({url: action, data: $(id_form).toQueryString() + "&from=js" , method: 'post', 
				onComplete: function(resp)
				{ 
					if (resp.indexOf('success'))
						setError({'errors': '', 'success': resp, 'notices': ''});
					if (resp.indexOf('errors'))
						setError({'errors': resp, 'success': '', 'notices': ''});
					if (resp.indexOf('succes')!=-1)
					{
						if (typeof($(id_form).return_url) != 'undefined') { window.location = $(id_form).return_url.value; } 
					}
						
					
				} } ).send();
			
			}
		},
		
		'.showHide' : function(element){
			try {
				element.onclick = function(evt){
					var evt = new Event(evt);
					var id = element.id;
					if (element.tagName == "SELECT")
					{
						if (element.options[element.selectedIndex].className == "showHideOption")
						{
							
							if (oldSelected == element.selectedIndex)
							{
								return false;
							}
							oldSelected = element.selectedIndex;
						}
						else
						{
							if (oldSelected>=0)
							if (element.options[oldSelected].className == "showHideOption")
							{
								oldSelected = element.selectedIndex;
							}
							else
							{
								oldSelected = element.selectedIndex;
								return false;
							}
							else
							{
								oldSelected = element.selectedIndex;
								return false;
							}
						}
						
					}
					
					if ($(id+'Div'))
					{
						if (mySlide[id+'Div'])
						{
							if (element.type!="checkbox")
							{
								mySlide[id+'Div'].toggle();
								evt.stop();
							}
							else
							{
								mySlide[id+'Div'].toggle();
							}
						}
					}
				}	
			}
			catch (err)
			{
				
			}
			
		},
		'#color_schemeAdd': function(element){
			element.onchange = function(evt){
				var evt = new Event(evt).stop();
				if ($('color_schemeAdd').value=='')
				{
					$('color_schemeUpdate').getElements('input').each(function(el){
						el.value = '';
					});
					return;
				}
				var id_form = element.getProperty('id');
				var box = $('boxLoad');
				box.style.display="block";
				box.set('html', 'Loading...');
				
				var myRequest = new Request({url: webPath + "ajaxColorScheme.php", data: 'color='+ $('color_schemeAdd').value, method: 'get', onComplete: function(resp)
				{ 
					$('color_schemeUpdate').set('html', resp);
					box.style.display="none";
					
				} } ).send();
			}
		}
		
		
	};


window.addEvent('load', function(){
	
	roar = new Roar({
		position: 'upperLeft',
		duration: 10000 // 5 seconds until message fades out
	});
	if ($('vertical_slide'))
	{
		var myVerticalSlide = new Fx.Slide('vertical_slide');
		myVerticalSlide.hide();
		$('more').addEvent('click', function(e){
			e.stop();
			myVerticalSlide.toggle();
		});
	}
	
	//new SmoothScroll({ duration:700 }, window); 
	
	if ($('banner_container'))
	{
		/* banner rotator example */
			new SlideItMoo({overallContainer: 'banners_container',
							elementScrolled: 'banner_container',
							thumbsContainer: 'banners',		
							itemsVisible:1,
							itemsSelector: '.bannerr',
							showControls:0,
							autoSlide: 3000,
							transition: Fx.Transitions.Bounce.easeOut,
							duration: 1800,
							itemWidth: 735,
							direction:1});
	}

	
	Behaviour.register(myrules);
	Behaviour.apply();

	
	setError({'errors': siteErrors, 'success': siteSuccess, 'notices': siteNotices});
	MM_preloadImages(templateDir+'images/about_us.jpg', templateDir+'images/donate.jpg', templateDir+'images/find_event.jpg', templateDir+'images/endurance_club.jpg');
	
	
								 
});


window.addEvent('domready', function(){
  
  	/*var myCookie = Cookie.read('wPopup');
	if (myCookie == '1')
	{
	}
	else
	{
 		var myCookie = Cookie.write('wPopup', '1');
 		TB_show('Promo', webPath+'popup01.11/index.html?keepThis=true&TB_iframe=true&width=432&height=364', null);
   	}*/
	
	overlay = new Overlay(document.body,{
		id: 'overlay',
		color: '#000',
		duration: 300,
		opacity: 0.4,
		onClick: function() {
			//this.close();
		},
		onShow: function() {
			//make ajax call while the overlay is happening...?
			//var Request = new Request()....
		}
	});
	
	var box = $('box');
	var items = $$('.showHide');
	

	
	if ($('vision_more'))
	{
		var myVerticalSlide = new Fx.Slide('vision_more');
		myVerticalSlide.hide();
		$('vision_link').addEvent('click', function(evt){ 
			var evt = new Event(evt).stop();
			myVerticalSlide.toggle(); 
			
			if ($('vision_link').get('text')=='... more') 
				$('vision_link').set('text', 'close'); 
			else 
				$('vision_link').set('text', '... more'); 
			return false;										
		});
	}
	
	if ($('targetElem_createAccount'))
	{
		var myFx = new Fx.Slide('targetElem_createAccount', {
						duration: 500,
						transition: Fx.Transitions.Pow.easeIn
					});
		myFx.hide();
	}	
	if ($('box1'))
	{
		var nS1 = new noobSlide({
			box: $('box1'),	
			items: [0,1],
			size: 740,
			autoPlay: true
		});
	}
	
	if ($('targetelem_rewards'))
	{
		$('targetelem_rewards').setStyle('display', 'none');
		$('nonprofit_other_container').setStyle('display', 'none');
	}
	
	if ($('event_date'))
	{
		myCal = new Calendar({ event_date: 'Y-m-d' }, { classes: ['dashboard'], direction: 1, tweak: {x: 3, y: -3} });
	}
	if ($('event_day'))
	{
		myCal = new Calendar({ event_year: { event_day: 'd', event_month: 'M', event_year: 'Y' } }, { classes: ['dashboard'], direction: 1 });
	}
	
	/*if ($('foundation_name'))
	{
		 
		new Autocompleter.Request.JSON($('foundation_name'), webPath+'ajax/foundationList.php',
		{
		  
		  //require at least a key stroke from the user
		  minLength: 1,
		  //because the data returned has a unique structure, we must manage the parsing ourselves
		  filter: function(resp) {
				
			try {
			  //this structure is unique to the CNET API
			  choices = resp;
					
			  //test it
			  if(!choices || choices.length == 0) return [];
			  //filter it and return it
			  return choices.filter(function(choice){
				return (choice['title'].test(this.queryValue, 'i') || choice['id'].test(this.queryValue), 'i');
			  }.bind(this));
			} catch(e){ }
		  },
		  injectChoice: function(choice) {

			//again, the structure of these items is unique to the CNET API
			if(!choice['title']) return;
			var el = new Element('li').set('html', this.markQueryValue(choice['title'] ));//+ ' - '+choice['id']
			el.inputValue = choice['title'];//+ ' - '+choice['id']
			el.store('idValue', choice['id']);
			this.addChoiceEvents(el).inject(this.choices);
		  },
		  'postVar': 'foundation_name'
		});
		 
		 
	

	}*/
	
});



function setError(errorData)
{
	var haveErrors = false;
	var html = '';
	var extraClass = '';
	
	
	$('success').set('html', '');
	$('errors').set('html', '');
	if (errorData.errors != '')
	{
		html = errorData.errors;
		$('errors').set('html', html);
		$('notifyBox').set('styles', { 
			'background-color': 'red',
			'color': 'white',
			'font-weight': 'bold'
		});
		haveErrors = true; 
		extraClass += 'errors ';
	}
	if (errorData.success != '')
	{
		html = errorData.success;
		$('success').set('html', html);
		if (haveErrors == false)
		{
			$('notifyBox').set('styles', { 
				'color': '#215017', 
				'background-color': '#C0FFB2'
			});
		}
		extraClass += 'success ';
	}
	if (errorData.notices != '')
	{
		html = errorData.notices;
		$('notices').set('html', html);
		extraClass += 'notices ';
	}
	else
	{
		$('notices').set('html', '');
	}
	//if (html != '') $('notifyBox').set('styles', {'display': 'block'});
	roar.setOptions({className: 'roar ' + extraClass, onShow: function() {
		$('main_container').fade(0.5);;
	}, onHide: function() {
		$('main_container').fade(1.0);
	}});
	
	if (html!='') 
	{
		roar.empty();
		roar.alert(html);
	}
	
	//$('notifyBox').set('styles', {'display': 'block'});
	//myFx.hide();
	//if (html != '') { myFx.slideIn(); (function(){ myFx.slideOut(); }).delay(2000);}
	
		
}


function _help(type){
	var member = false;
	var superior = false;
	var standard = false;
	if ($('standard'))
		standard=document.getElementById("standard").checked;
	if ($('superior'))
		superior=document.getElementById("superior").checked;
	if ($('member'))
		member=document.getElementById("member").checked;

	if(standard==true || type=='standard')
		window.open (webPath+"_help/standard/index.php", "mywindow","location=1,status=1,scrollbars=1, width=850px, height=1050px, scrollable=1"); 
	if(superior==true || type=='superior')
		window.open (webPath+"_help/superior/index.php", "mywindow","location=1,status=1,scrollbars=1, width=850px, height=1050px, scrollable=1"); 
	if(member==true || type=='member')
		window.open (webPath+"_help/member/index.php", "mywindow","location=1,status=1,scrollbars=1,width=850px, height=1050px"); 
	
	return false;
}