/*SITE*/
var Site = {
	
	start: function(){

		if ($('audios')) Site.parseAudios();

	    /*if ($('rounded')) $('rounded').makeRounded('bottom', {radius: 10}); */
		Site.appearText();		
        Reflection.addFromClass();

		/*Accordion*/
		if ($('accordion')) Site.parseAccordion();
		if ($('tabs')) Site.parseTabs();
		
	},
	
	parseAudios: function(){
		var audios = $$('#audios a');
		audios.each(function(el){

			if(el.rel && el.href && el.rel.test('^audiobox', 'i')) {
				el.onclick = function(e){
					$('player').innerHTML = tocarMp3AutoPlay(el.href);
					$('player').innerHTML += '<br>' + el.title;
					return false;
			};	
			
			}
		});		
	},


	parseTabs: function(){

		var toggles = $$('#tabs .tab');
		var stretchers = $$('#tabs .box');
		var myAccordion2 = new Fx.Accordion(
			toggles, stretchers, {alwaysHide: false, opacity:true}
		);


	},
	
	parseAccordion: function(){
		var myBox = $$('#accordion .title');
		var myBoxOpen = $$('#accordion .information');
           
		// Create the accordion
		var myAccordion = new Fx.Accordion(
		    myBox, 
		    myBoxOpen, 
		    {alwaysHide: false, opacity:true}
        );	

	},
	
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#sidebar li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-left', '-400px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 500,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	},
	
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});
		if (first.hasClass('big')){
			var tocolor = '333';
			var fromcolor = 'fff';
		} else {
			var tocolor = 'ff850e';
			var fromcolor = 'fff';
		}
		el.addEvent('mouseover', function(){
			overfxs.start({
				'color': tocolor,
				'margin-left': 10
			});
		});
		el.addEvent('mouseout', function(){
			overfxs.start({
				'color': fromcolor,
				'margin-left': 0
			});
		});
	}
	
};

/*
	reflection.js for mootools v1.1
	by Christophe Beyls (http://www.digitalia.be) - MIT-style license
*/

var Reflection = {

	add: function(img, options){
		img = $(img);
		if (img.getTag() != 'img') return;
		options = {arguments: [img, options]};
		if (window.ie) options.delay = 50;
		img.preload = new Image();
		img.preload.onload = Reflection.reflect.create(options);
		img.preload.src = img.src;
	},

	remove: function(img){
		img = $(img);
		if (img.preload) img.preload.onload = null;
		if ((img.getTag() == 'img') && (img.className == 'reflected')){
			img.className = img.parentNode.className;
			img.style.cssText = img.backupStyle;
			img.parentNode.replaceWith(img);
		}
	},

	reflect: function(img, options){
		options = Object.extend({
			height: 0.15,
			opacity: 0.5
		}, options || {});

		Reflection.remove(img);
		var canvas, canvasHeight = Math.floor(img.height*options.height);

		if (window.ie){
			canvas = new Element('img').setProperty('src', img.src).setStyles({
				width: img.width+'px',
				marginBottom: '-'+(img.height-canvasHeight)+'px',
				filter: 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options.opacity*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options.height*100)+')'
			});
		} else {
			canvas = new Element('canvas').setStyles({width: img.width+'px', height: canvasHeight+'px'});
			if (!canvas.getContext) return;
		}

		var div = new Element('div').injectAfter(img).adopt(img).adopt(canvas);
		div.className = img.className;
		div.style.cssText = img.backupStyle = img.style.cssText;
		div.removeClass('reflect').setStyles({width: img.width+'px', height: (canvasHeight+img.height)+'px'});
		img.style.cssText = 'vertical-align: bottom';
		img.className = 'reflected';
		if (window.ie) return;

		var context = canvas.setProperties({width: img.width, height: canvasHeight}).getContext('2d');
		context.save();
		context.translate(0, img.height-1);
		context.scale(1, -1);
		context.drawImage(img, 0, 0, img.width, img.height);
		context.restore();
		context.globalCompositeOperation = 'destination-out';
		var gradient = context.createLinearGradient(0, 0, 0, canvasHeight);
		gradient.addColorStop(0, 'rgba(255, 255, 255, '+(1-options.opacity)+')');
		gradient.addColorStop(1, 'rgba(255, 255, 255, 1.0)');
		context.fillStyle = gradient;
		context.rect(0, 0, img.width, canvasHeight);
		context.fill();
	},

	addFromClass: function(){
		$each(document.getElementsByTagName('img'), function(img){
			if ($(img).hasClass('reflect')) Reflection.add(img);
		});
	}
};

var imgCount = 1; //keep track of image count
//showProgress is called each time a image finished loading.
var showProgress = function(){
  //alert(imgCount + ' image(s) loaded!');
  imgCount++;
};

var img = new Array(); //initialize image array needed in finishedLoading
//finishedLoading is called when all images are finished loading.
var finishedLoading = function(){
  //inject images
  for(var item in img){
    if($type(img[item]) == 'function') break;
    img[item].injectInside('myElement');
  }
};

//alert everytime a image's loaded and once finished loading,
//add the images to 'myElement'
var img = new Asset.images(['images/logo.png','images/logo2.jpg', 'css/images/tab1.png', 'css/images/tab2.png', 'css/images/tab3.png'],{
  onProgress: showProgress,
  onComplete: finishedLoading
});

window.addEvent('domready', Site.start);


function tocarMp3(url)
{
    return '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http:\/\/fpdownload.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=7,0,0,0" width="200" height="20" id="dewplayer" align="middle"><param name="allowScriptAccess" value="sameDomain" \/><param name="movie" value="http://www.evangelismobiblico.com/dewplayer.swf?mp3=' + url + '&amp;bgcolor=000000" \/><param name="quality" value="high" \/><param name="bgcolor" value="000000" \/><embed src="http://www.evangelismobiblico.com/dewplayer.swf?mp3=' + url + '&amp;bgcolor=000000" quality="high" bgcolor="000000" width="200" height="20" name="dewplayer" align="middle" allowScriptAccess="sameDomain" type="application\/x-shockwave-flash" pluginspage="http:\/\/www.macromedia.com\/go\/getflashplayer"><\/embed><\/object>';
}

function tocarMp3AutoPlay(url)
{
    return '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http:\/\/fpdownload.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=7,0,0,0" width="200" height="20" id="dewplayer" align="middle"><param name="allowScriptAccess" value="sameDomain" \/><param name="movie" value="http://www.evangelismobiblico.com/dewplayer.swf?mp3=' + url + '&amp;bgcolor=000000" \/><param name="quality" value="high" \/><param name="bgcolor" value="000000" \/><embed src="http://www.evangelismobiblico.com/dewplayer.swf?mp3=' + url + '&amp;autostart=1&amp;bgcolor=000000" quality="high" bgcolor="000000" width="200" height="20" name="dewplayer" align="middle" allowScriptAccess="sameDomain" type="application\/x-shockwave-flash" pluginspage="http:\/\/www.macromedia.com\/go\/getflashplayer"><\/embed><\/object>';
}