window.addEvent('domready', function(){
									 
	$$('.imgbtn').each(function(e,i){
		
		e.addEvent('click', function(){
			$('frm'+e.id).submit();				 
	   	});

	});	

	
	if($('button2'))
	{
		var sub_button2Slide = new Fx.Slide('sub_button2');
		sub_button2Slide.hide();
		var sub_button3Slide = new Fx.Slide('sub_button3');
	
		$('button2').addEvent('click', function(e){
			e = new Event(e);
			sub_button2Slide.toggle();
			sub_button3Slide.toggle();
			e.stop();
		});
	}
	 

	if($('alert_click'))
	{
		var alert_div_slice = new Fx.Slide('alert_div');
	
		$('alert_click').addEvent('click', function(e){
			e = new Event(e);
			alert_div_slice.toggle();
			e.stop();
		});
	}

	$$('.rate').each(function(element,i){
		element.addEvent('click', function(){
			var myStyles = ['nostar', 'onestar', 'twostar', 'threestar', 'fourstar', 'fivestar', 'sixstar', 'sevenstar', 'eightstar', 'ninestar', 'tenstar'];
			myStyles.each(function(myStyle){
				if(element.getParent().hasClass(myStyle)){
					element.getParent().removeClass(myStyle)
				}
			});		
			myStyles.each(function(myStyle, index){
				if(index == element.id){
					element.getParent().toggleClass(myStyle);

					var url = "http://" + self.location.host + "/";
					var url = url + 'ajax/?action=Rate';
				
					var httpRequest = new Ajax({method: 'post', 
											  headers: {'Content-type': 'application/x-www-form-urlencoded; charset=utf-8'} 
											 }).send(url, 'id=' + element.getParent().id + '&rate=' + element.id);
					httpRequest.addEvent('onComplete' , function(responseText){
						if(responseText != '')
						{
							alert(responseText);
						}
		
					});			

				}
			});		
			
		});
	});
	
	var accordion = new Accordion('h3.atStart', 'div.atStart', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ff3300');
		},
	 
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#222');
		}
	}, $('accordion'));
	 
});