﻿var Site = {
	start: function() {
		Site.effects();
	},

	effects: function() {
		var timer = 0;
		var slidefxs = [];
		var myBox = $$('#wyszukiwarka h2');
		var myBoxOpen = $$('.contents');
		var scroll = new Fx.Scroll(window, {duration: 800, transition: Fx.Transitions.backOut, fps: 60});

		myBox.each(function(el, i){
			el.effect = new Fx.Styles(el, {duration: 200, fps: 60});
			
			slidefxs[i] = new Fx.Styles(el, {
				duration: 200,
				transition: Fx.Transitions.cubicOut,
				fps: 60,
				wait: false
			});
			
			el.addEvent('mouseover', function(){
				var bgc;
				if(!el.hasClass('selected')){
					if(el.hasClass('plug'))			bgc = '#cc1'
					else if(el.hasClass('exam'))	bgc = '#c1c'
					else							bgc = '#1cc'
					slidefxs[i].start({
						'background-color': bgc,
						'margin-left': [0,15],
						'margin-right': [0,15],
						'text-indent': 10
					});
				}
				else {
					slidefxs[i].start({
						'margin-left': [0,15],
						'margin-right': [0,15],
						'text-indent': 10
					});
				}
			});
			el.addEvent('mouseout', function(){
				if(!el.hasClass('selected')){
					slidefxs[i].start({
						'background-color': '#ccc',
						'margin-left': [15,0],
						'margin-right': [15,0],
						'text-indent': 0
					});
				}
				else {
					slidefxs[i].start({
						'margin-left': [15,0],
						'margin-right': [15,0],
						'text-indent': 0
					});
				}
			});
		});

		var myAccordion = new Accordion(
			myBox, myBoxOpen, {
				onActive: function(tog){
					tog.addClass('selected');
					var bgc;
					if(tog.hasClass('plug'))		bgc = '#c11'
					else if(tog.hasClass('exam'))	bgc = '#11c'
					else							bgc = '#1c1'
					
					tog.effect.start({
						'color': '#fff',
						'background-color': bgc
					});
					
					(function() {scroll.scrollTo(0,tog.getTop()-20);}).bind(tog).delay(500);
				},
				onBackground: function(tog){
					tog.removeClass('selected');
					tog.effect.start({
	                	'color': '#333',
	                	'background-color': '#ccc'
	                });
				},
				start: 'all-close',
				duration: 200,
				alwaysHide: true,
				onComplate: Site.demo()
			}
		);

		var ras = [];
		$$('ul li a, p a, dd a, dd input').each(function(ra){
			if (ra.getAttribute('title')) ras.push(ra);
		});
		
		new Tips(ras, {
			maxTitleChars: 22,
			onShow: function(rtip){
				rtip.effects({
					duration: 200,
					transition: Fx.Transitions.quadInOut,
					fps: 60
				}).custom({
						'opacity': [0, 0.8]
					});
			},
			onHide: function(rtip) {
				rtip.effects({
					duration: 100,
					transition: Fx.Transitions.quadInOut,
					fps: 60
				}).custom({
						'opacity': [0.8, 0]
					});
			},
			className: 'round'
		});
		
		new SmoothScroll({
			duration: 800,
			transition: Fx.Transitions.quadOut,
			fps: 60
		});

	},

	demo: function() {
		//demo Accordion
		var demoBox = $$('.demo .toggle');
		var demoBoxOpen = $$('.demo .toggler');
		var demoAccordion = new Accordion(
				demoBox, demoBoxOpen, {
					duration: 500,
					opacity: false,
					alwaysHide: true
				}
			);

		//demo color rows
		var rowTr = $$('.demo tr');
		var l = 0;
		
		for (var i = 0; i < rowTr.length; i++) {
	    	if (l%2) {
				rowTr[i].addClass('rows');
			}
			l++;
		}

		//demo Tooltip
		var as = [];
		$$('.tips a, .tip').each(function(a){
			if (a.getAttribute('title')) as.push(a);
		});
		
		new Tips(as, {
			maxTitleChars: 25,
			onShow: function(tip){
				tip.setStyle('opacity', '0.8');
			},
			onHide: function(tip){
				tip.setStyle('visibility', 'hidden');
			},
			offsets: {'x': -10, 'y': 15}
		});
	}
}

window.addEvent('domready', Site.start);

