// JavaScript Document

var Vcenter = new Class({
	initialize: function(){
		
			this.container=null,
			this.itm_name=null,
			this.test=false
	},
	count: function(){
		var cont_size = $(this.container).getSize();
		var itm_size = $(this.itm_name).getSize();
		var top=Math.round((cont_size.y-itm_size.y)/2);
		
		$(this.itm_name).setStyles({
			position:'relative',
			top:top
		});
// wypisuje wyliczenia (jezeli test=false))		
		if(this.test){
			var fix = new Array(this.container, this.itm_name, top);
			alert(
				  fix[0]+' : '+cont_size.x + ' X ' + cont_size.y +'\n'
				  +fix[1]+' : '+itm_size.x + ' X ' + itm_size.y +'\n'
				  +'top : '+top
			);
		}
//		
	}
});

var Twocols = new Class({
	initialize: function(){
		
			this.containerId=null,
			this.leftcolId=null,
			this.rightcolId=null,
			this.test=false
			
	},

	count : function(){
			var container = $(this.containerId).getSize();
			var leftcol = $(this.leftcolId).getSize();
			var rightcol = $(this.rightcolId).getSize();
			
	if(leftcol.y>=rightcol.y){
			$(this.rightcolId).setStyle('height',leftcol.y);
			
	}else{
			$(this.leftcolId).setStyle('height',rightcol.y);
	}
	if(this.test){
		alert('leftcol:'+leftcol.y+'\n' +'rightcol: '+rightcol.y+'\n' +'container:'+container.y );
	}
	
	}
});


var Slide = new Class({
	initialize: function(){
		this.tooglers = null,
		this.sections = null

	},
	slideSipmle : function(){
		 var tab_p = this.sections;
		 var tooglers = this.tooglers;
		
			var slider = new Fx.Slide(this.sections);
			 slider.hide(0);
			tooglers.addEvent("click",function(e){
				e.stop();
				slider.toggle();
			});

	},
	accordion : function(){
		var slide = new Accordion(this.tooglers,this.sections);
		}
	
});



var Hoover = new Class({
	initialize: function(){
		this.el = null
		this.flare_img = null
		this.sizeX = null
		this.stylesZoom =''
		this.stylesBack = ''

		this.speed = 400
		//this.sections = null

	},
	opacity : function(){
		var elem = this.el;
		var speed = this.speed;
		elem.each( function(element,index){
			var myEffects = new Fx.Morph(elem[index], {duration: speed ,wait: false, transition: Fx.Transitions.Bounce.easeOut});
	 
			elem[index].addEvent('mouseenter',function(e){
					myEffects.start(stylesZoom);
					console.log(stylesZoom);
				});
			elem[index].addEvent('mouseleave',function(e){
					myEffects.start(stylesBack);
					console.log(stylesBack);
				});
		});
	},
	filterRGB : function(){
		var elem = this.el;
		var speed = this.speed;
		var bgColor = "060".hexToRgb();
		elem.each( function(element,index){
			var filterBox = new Element('div',{
										  'class': 'filterBox'
									  });
							
			var filter1 = new Element('div', {
										  'class' : 'filter1'	
									  });
			filterBox.wraps(elem[index]);
			filterBox.grab(filter1);	
			var this_one = elem[index].getNext();
			var myEffects = new Fx.Morph(this_one, {duration: speed ,wait: false, transition: Fx.Transitions.Sine.easeOut});
			elem[index].getNext().addEvent('mouseenter',function(e){
				myEffects.start({
								'opacity':0.5
								});		
            });
			elem[index].getNext().addEvent('mouseleave',function(e){
				myEffects.start({'opacity':0});		
			});


		});
	},
	
	flare : function(){
			var elem = this.el;
			var speed = this.speed;
			var overlay = this.flare_img;
			var	sizeX = this.sizeX;
			var sizeY = null;
			var pos1 =- sizeX;
			var pos2 = sizeX;
			
			
		elem.each( function(element,index){
			var flareBox = new Element('div',{
										  'class': 'flareBox'
										  });
			var flare = new Element('img', {
										  'src': overlay,	
										  'class': 'flare'
										 
										   });
			flareBox.wraps(elem[index]);
			flareBox.grab(flare);	
			var this_one = elem[index].getNext()				
			var myEffects = new Fx.Morph(this_one, {duration: speed ,wait: true});
			elem[index].addEvent('mouseenter',function(e){
				e.stop();													   
				this_one.setStyle('left',pos1);													   
				myEffects.start({
							'left':pos2
								});
				

		});
	});
	}
		
});