/*SmoothScroll
*ScrollSpy
*/
function loadBlog () {

/********************************Logo********************************/
	var logo = $('logo');
	logo.setStyles({'position':'relative','z-index':0});
	var logo_left = new Element('img',{
		src:"/images/logoleft.png",
		alt:"logo_slize",
		styles:{'opacity':0,
			'position':'absolute',
			'left':'0px',
			'top':'0px',
			'opacity':0,
			'z-index':0
		}});
	logo_left.inject($('logo_div'));
	
	var logo_right = new Element('img',{
		src:"/images/logoright.png",
		alt:"logo_slize",
		styles:{'opacity':0,
			'position':'absolute',
			'right':'0px',
			'top':'0px',
			'opacity':0,
			'z-index':0
		}});
	logo_right.inject($('logo_div'));
	
	logo.set('morph',{duration:1000,transition:Fx.Transitions.Quad.easeOut});
	logo_left.set('morph',{duration:1000,transition:Fx.Transitions.Quad.easeOut});
	logo_right.set('morph',{duration:1000,transition:Fx.Transitions.Quad.easeOut});
	logo_morph = logo.get('morph'); logo_left_morph = logo_left.get('morph'); logo_right_morph = logo_right.get('morph');
	
	$('logo_div').addEvents({
		mouseenter : function() {
			logo_morph.cancel; logo_left_morph.cancel(); logo_right_morph.cancel();
			
			logo_morph.start({opacity:0}).chain(function() {logo.setStyle('visibility', 'hidden');});
			logo_left.setStyle('visibility','visible');logo_right.setStyle('visibility','visible');
			
			if(logo.getStyle('visibility') != 'hidden'){
				logo_left_morph.start({opacity:1}).chain(function(){logo_left_morph.start({left:65});});
				logo_right_morph.start({opacity:1}).chain(function(){logo_right_morph.start({right:66});});
			}
			else{
				logo_left_morph.start({left:65});
				logo_right_morph.start({right:66});
			}
		},
		mouseleave : function() {
			logo_morph.cancel; logo_left_morph.cancel(); logo_right_morph.cancel();
			
			logo_left_morph.start({left:0}).chain(function(){
				logo_left_morph.start({opacity:0}).chain( function() {logo_left.setStyle('visibility','hidden' );} );
			});
			logo_right_morph.start({right:0}).chain(function(){
					logo_right_morph.start({opacity:0}).chain( function() {logo_left.setStyle('visibility','hidden' );} );
					logo_morph.start({opacity:1});});
		},
		click : function() {
			window.location = "http://"+window.location.host;
		},
	});


/************************************Logo*************************************/



/********************************Search Field********************************/
	
	$$('input[type="text"], textarea').each(function (item){
		item.set('morph',400);
		item.store('backgroundColor',$('search_field').getStyle('background-color'));
		item.addEvents({
			focus: function() {
				item.store('focused',true);
				this.get('morph').cancel();
				this.morph({'background-color':'#B9D7E6'});			
			},
			blur: function(){
				item.store('focused',false);
				if(this.get('value') == ""){
					this.get('morph').cancel();
					this.morph({'background-color': this.retrieve('backgroundColor')});
				}
				
			}
		});
	});
	
	$('search_form').addEvents({
		submit : function(event) {
			if($('search_field').get('value') == ""){
				event.stop();
				$('search_field').get('morph').cancel();
				$('search_field').morph({'background-color': '#FF8F8F'});
			}
		}
	});
	
	if($('comment_form'))
	$('comment_form').addEvents({
		submit : function(event) {
			event.stop();
			if($('name_field').get('value') == "" || $('text_field').get('value') == ""){	
				if($('name_field').get('value') == ""){
					$('name_field').get('morph').cancel();
					$('name_field').morph({'background-color': '#FF8F8F'});
				}
				if($('text_field').get('value') == ""){
					$('text_field').get('morph').cancel();
					$('text_field').morph({'background-color': '#FF8F8F'});
				
				}
			}
			else{
				var form_data = new Hash();
				$$('#comment_form input, #comment_form textarea').each(function(item) {
					form_data.set(item.get('name'),item.get('value'));
				});
			}
			var myRequest = new Request.HTML({
				url: this.get('action').replace(/#.*/, '/json'), 
				method: 'post', 
				data : form_data,
				append : $('comments'),
				onSuccess : function(elements) {
					$('text_field').set('value','')
					if($('text_field').retrieve('focused') == false)
						$('text_field').morph({'background-color': $('text_field').retrieve('backgroundColor')});
				},
			}).send();
		}
	});
/********************************Search Field********************************/

	

/********************************Top-link********************************/
	var top = new Element('a',{
		id : 'top_scroll_link',
		html : 'TOP',
		href: '#top_anchor',
		styles:{
			'left' : $('posts').getPosition().x-80,
			'opacity' : 0,


	}});
	
	top.set('tween', {duration:400});
	
	window.addEvent('resize',function(){
		top.setStyle('left', $('posts').getPosition().x-80);
	});
	
	top.inject(document.body);
	
	var topButtonSpy = new ScrollSpy({min:10,
		onEnter:function(){
			top.tween('opacity',0.8);
		}, 	
		onLeave:function(){
			top.fade('out');
		},
		onTick : function(position) {
			/*if(position.y + window.getSize().y > $('footer').getPosition().y){
				top.position({relativeTo:$('footer'),position:"top", edge:'bottom'})
			}
			else
				top.setStyles({'position':'fixed', 'bottom':10});*/
		},
	});
		
	new Fx.SmoothScroll({duration:700});

/********************************Stop-link********************************/


/********************************Footer********************************/
	$$('#footer h3, h1, a').each(function(item){
		item.store('color', item.getStyle('color'));
		item.set('tween',{duration:400});
		item.addEvents({
			mouseenter : function(){
				this.get('tween').cancel();
				this.tween('color','#fff');
			},
			mouseleave : function() {
				this.get('tween').cancel();
				this.tween('color', this.retrieve('color'));
			}
		});
	});
/********************************Footer********************************/
	
	$$('pre').light({ altLines: 'hover', mode:'div', flame:'my', indent:"4"});

	$$('.starRatings').each(function(item) {
		new DynamicRating(item, {steps:2 ,width:20, height:20, img:'/images/star.png', onClick: function(index, value, votes, voted){			
			new Request({method:'get', url:'/index.php/Blog/rate/' + index + "/" + value}).send();
		}});
	});
}



window.addEvent('domready',loadBlog);