// JavaScript Document
window.addEvent('load', function(){
	MooTools.lang.setLanguage("es-ES");
    popup.init();
    //Clientcide.setAssetLocation('../lib/assets/');
});

window.addEvent('domready', function(){	
    email();
	/*var lazyloader = new LazyLoad({
		range: 200,
		image: '../assets/blank.gif',
		elements: 'img'
	});*/
	
	/*myGallery = new JSGallery2($$('.item img'), $('bigImage'), $('pageContainer'), {
		'prevHandle': $('prev'),
		'nextHandle': $('next'),
		'loadingImage': '../images/ajax-loader.gif'
	});*/

	
});

function email(){
    var email1 = "info", emailHost1 = "dejabu.ec";
    var email2 = "habla", emailHost2 = "dejabuim.com";
    
    $$('.email').set('html', '<a href=' + 'mail' + 'to:' + email1 + '&#64;' + emailHost1 + '>' + email1 + '&#64;' + emailHost1 + '</a>');
    $$('.msn').set('html', email2 + '&#64;' + emailHost2);
}

var portafolio = {
    start: function(){
        var mf = new MooFlow($('flow'), {
            startIndex: 5,
			factor: 115,
			heightRatio: 0.6,
            bgColor: 'transparent',
            useCaption: true,
            useMouseWheel: false,
            useKeyInput: true,
            useViewer: true
        });
        mf.attachViewer();
    }
};

var p_window;
var count = 1;

var popup = {

	html: function(){
		$$('.servicio a').addEvent('click', function(e){
			e.stop();
			
			var id = this.getProperty('href').replace(/#/, '');
			 
			$(id).setStyles({
				display: 'block'
			});
			
			p_window2 = new StickyWin({
				content: $(id),
				closeClassName: 'cerrar',
				allowMultiple: true,
				closeOnEsc: true,
				fadeDuration: 200,
				offset: {x: -325, y: -187}
			});
			
		});
	},
	multimedia: function(){ // MULTIPLES IMAGENES
	
		count = 1;
		
		$$('.item.multimedia a, a.multiple').addEvent('click', function(e){
			e.stop();
		
			var src = this.get('href');
			
			var image = new Asset.image(src, {
				onload: function(){
					p_window.setContent(html);
					
					$$('.StickyWinInstance').setStyles({
						'margin-left': -620/2,
						'margin-top': -474/2
					});
				}
			});
			
			
			
			//alert(image.src);
			
			var html = '<div class="popup2"><div class="cerrar"></div><div id="bigimageContainer" class="content"><div class="prev" onclick="javascript: swap_buttons_l(1, \'' + image.src + '\');"></div><img id="bigImage" class="popup" src="'+image.src+'" /><div class="next" onclick="javascript: swap_buttons_r(2, \'' + image.src + '\');"></div><div class="thumbs">' + thumbs(image.src) + '</div></div></div>';
			
			popup.generate(html);
			
		});
		
	},
	animacion: function(){ //VIMEO
		
		$$('.item.animacion a').addEvent('click', function(e){
			e.stop();
			
			var clip_id = this.getProperty('href');
			
			var width = 640, height = 368;
			
			var html = '<div class="popup3"><div class="cerrar"></div><div class="content"><object width="'+width+'" height="'+height+'"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id='+clip_id+'&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id='+clip_id+'&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="'+width+'" height="'+height+'"></embed></object></div></div>';
			
			popup.generate();
			p_window.setContent(html);
			
			$$('.StickyWinInstance').setStyles({
				'margin-left': -width/2,
				'margin-top': -23-height/2
			});
			
		});
	},
	image: function(){ // 1 SOLA IMAGEN
		
		$$('.item.image a, a.popup').addEvent('click', function(e){
			e.stop();
		
			var src = this.get('href');
			
			var image = new Asset.image(src, {
				onload: function(){
					p_window.setContent(html);
					
					var popup_size = $('popup').getSize();
					
					$$('.popup2').setStyles({
						'margin-left': 0,
						'margin-top': 0
					});
					
					$$('.StickyWinInstance').setStyles({
						'margin-left': -popup_size.x/2,
						'margin-top': -popup_size.y/2
					});
				}
			});
			
			var html = '<div id="popup" class="popup2"><div class="cerrar"></div><div id="bigimageContainer" class="content"><img id="bigImage" class="popup" src="'+image.src+'" /></div></div>';
			
			popup.generate(html);
			
		});
		
	},
	init: function(){
		this.html();
		this.image();
		this.multimedia();
		this.animacion();
	},
	generate: function(html){
		
		var loader = '<div class="popup2"><div class="cerrar"></div><div id="bigimageContainer" class="content"></div></div>';
		
		p_window = new StickyWin({
			content: loader,
			closeClassName: 'cerrar',
			allowMultiple: false,
			closeOnEsc: true,
			fadeDuration: 200
		});
		
	}
}

function contacto(){
	
    new OverText($('nombre'));
	new OverText($('telefono'));
	new OverText($('email'));
	new OverText($('mensaje'));
    
    var modal = $('modal'), mbody = $('body');
    var myFx = new Fx.Tween(mbody, {
        'link': 'chain'
    });
    
    var cerrar = new Element('a', {
        'class': 'close',
        'href': 'javascript:void(0);'
    });
    
    var validar = new FormValidator.Tips($('contacto'), {
        evaluateOnSubmit: false
    });
    
    $('contacto').addEvents({
        'reset': function(){
            validar.reset();
			//$$('.StickyWinInstance').fade(0);
        },
        'submit': function(e){
            e.stop();
			//$$('.StickyWinInstance').fade(1);
            this.set('send', {
                onSuccess: function(results){
                    myFx.start('opacity', 0).chain(function(){
                        /*if (results) {
                            mbody.setStyle('background-image', '../images/check.png');
                        }
                        else {
                            mbody.setStyle('background-image', '../images/cross.png');
                        }*/
                        cerrar.inject(mbody);
                        mbody.set('html', results);
                        this.start('opacity', 1);
						(function(){
							myFx.start('opacity', 0);
							modal.fade(0);
						}).delay(2000);
                    });
                },
                onFailure: function(){
                    myFx.start('opacity', 0).chain(function(){
                        mbody.setStyle('background-image', '../images/cross.png');
                        cerrar.inject(mbody);
                        mbody.set('html', 'hubo un problema al enviar su mensaje, por favor int&eacute;nterlo m&aacute;s tarde.');
                        this.start('opacity', 1);
						
						(function(){ 
							myFx.start('opacity', 0);
							modal.fade(0);
						}).delay(2000);
						
                    });
                }
            });
            
            if (validar.validate(e)) {
                modal.setStyle('opacity', 0);
                mbody.set('text', 'enviando su mensaje...');
                modal.fade(1);
                this.send();
            }
        }
    });
}

function thumbs(link){
	
	link = replacePath(link);
	thumb_link = replacePathThumb(link);
	
	var html = '<img onclick="javascript: swap(1, \'' + link + '\');" width="91" height="73" src="' + thumb_link + '1.jpg" />';
	html += '<img onclick="javascript: swap(2, \'' + link + '\');" width="91" height="73" src="' + thumb_link + '2.jpg" />';
	html += '<img onclick="javascript: swap(3, \'' + link + '\');" width="91" height="73" src="' + thumb_link + '3.jpg" />';
	html += '<img onclick="javascript: swap(4, \'' + link + '\');" width="91" height="73" src="' + thumb_link + '4.jpg" />';
	html += '<img onclick="javascript: swap(5, \'' + link + '\');" width="91" height="73" src="' + thumb_link + '5.jpg" />';
	
	return html;
}

function swap(n, link){
	
	var myFx = new Fx.Tween($('bigImage'), {
        'link': 'chain'
    });
	
	myFx.start('opacity', 0).chain(function(){
		var image = new Asset.image(link + n + '.jpg', {
			onload: function(){
				$('bigImage').set('src', image.src);
				myFx.start('opacity', 1)
				count = n;
			}
		});
	});
}



function swap_buttons_l(n, link){
	
	if(count>1){
		count -= 1;
		swap_buttons(count, link);
	}
	
	
}

function swap_buttons_r(n, link){
	
	if(count<5){
		count += 1;
		swap_buttons(count, link);
	}
	
}

function swap_buttons(count, link){	

	var myFx = new Fx.Tween($('bigImage'), {
        'link': 'chain'
    });
	
	myFx.start('opacity', 0).chain(function(){
		
		link = replacePath(link);
		
		var image = new Asset.image(link + count + '.jpg', {
			onload: function(){
				$('bigImage').set('src', image.src);
				myFx.start('opacity', 1)
				//count = n;
			}
		});
	});

	
	//$('bigImage').set('src', link + count + '.jpg');
}

function replacePath(link){
	link = link.replace(/1.jpg/, '');	
	return link;
}

function replacePathThumb(link){
	link = link.replace(/grandes/, 'thumbs');	
	return link;
}