window.addEvent('domready', function() {  
    var window = $(document.body);    
	var w      = window.clientWidth   
	var page   = 1280
    
	if(w > page){	   
		$$(".page").setStyle("margin", "0 auto")		
	}else{
		var r = (page-w)/2       
		var myFx = new Fx.Scroll(window).set(r,0)
	}  
     
    
    init();
    
    if($$("#j-home").length>0){
         init_slider(0, 0);
    }
    
    if($$("#j-gal").length>0){
         init_slider(0);
    }
  
    if($$("#galleries").length>0){
         init_gallery();
    }
    
    if($("j-galeria")!=null){
    	var gallery1 = new fadeGallery($$(".x-Maingallery"), {
			steps: 1,
			mode: "callback",
			autoplayOpposite: false,
			paging: false
		});
    	
    	var thumns = $$(".thumbs li a");
        var gallery2 = new slideGallery($$(".x-gallery"), {
			steps: 8,
			mode: "callback",
			autoplayOpposite: false,
			paging: true,
			pagingHolder: ".paging",
			onStart: function() {
				thumns.removeClass("x-active");
				thumns[this.current].addClass("x-active");
		
				this.gallery.getElement(".info").set("html", parseInt(this.current+1) +
					"-" + parseInt(this.visible+this.current) + " from " + this.items.length);
			},
			onPlay: function() {
				this.fireEvent("start");
			}
		});
		thumns.each(function(el, i) {
			el.addEvent("click", function() {
				thumns.removeClass("x-active");
				this.addClass("x-active");
				gallery1.current = i;
				gallery1.play(true);
				return false;
			});
		});
		
    }
    
    
    Shadowbox.init({});
    Shadowbox.setup();
    
    
});

function init(){
    var myMenu = new MenuMatic({     
        duration: 1500,
        effect: "slide"
    }); 
    
    var flashvars = {};
    var params = {
    	menu: "false",
    	scale: "noScale",
    	allowFullscreen: "true",
    	allowScriptAccess: "always",
        bgcolor:'#fff000',
        wmode: 'transparent'   
    };
    var attributes = { id:"swf-awasi"};
    var attributes_f = { id:"swf-flamingos"};
    swfobject.embedSWF( _base_url+"uploads/home/iguana.swf", "swfobject", "900", "86", "9.0.0", null, flashvars, params, attributes);    
    swfobject.embedSWF( _base_url+"uploads/home/flamingo.swf", "x-anim-flamingos", "250", "106", "9.0.0", null, flashvars, params, attributes_f);
    

     var latido = new fadeGallery($$(".latido"), {
        	speed: 10000,
        	paging: false,
        	pagingEvent: "mouseenter",
        	autoplay: true,
        	duration: 3000,
            stopOnHover: false,
            transition: "sine:in",
            elementsParent: "p",
            elements: "a",                    		
        });
      
}

function init_slider(ReStart, duration0){    
    var gallery = new fadeGallery($$(".gallery"), {
        	speed: 2400,
        	paging: false,
        	pagingEvent: "mouseenter",
        	autoplay: true,
        	duration: 6000,
            stopOnHover: false,
            transition: "linear",
            duration0: duration0,
            setReStartStep:ReStart        		
        });
}

function init_gallery(){
    var slideman = $("galleries").getElement(".x-slide")
    if(slideman!=null){
        var thumbs = true        
        if($(slideman.id+"-nav")!=null && $(slideman.id+"-nav").hasClass("no-thumbs")){
            thumbs = false
        }
        
        effect = 1
        switch(effect){
            case "1":
                Sliderman.effect({name: 'effectDemo1', cols: 8, rows: 4, delay: 25, fade: true, road :'BR', order: 'straight_stairs'});
                break;
            case "2":
                Sliderman.effect({name: 'effectDemo1', cols: 8, rows: 4, delay: 25, fade: true, road :'BR', order: 'snake'});
                break;
            case "3":
                Sliderman.effect({name: 'effectDemo1', right: true, move: true, duration: 400});
                break;
            case "4":
                Sliderman.effect({name: 'effectDemo1', fade: true, move: true, duration: 400});
                break;
        }
        Sliderman.effect({name: 'effectDemo1', fade: true, move: true, duration: 600});
        var slider = Sliderman.slider({container: slideman.id, width: 1120, height: 430, effects: 'effectDemo1',
    		display: {
    			autoplay: 4000,
    			loading: {background: '#000000', opacity: 0.5},
    	        navigation: (thumbs) ? {container: slideman.id+"-nav", label: '<img src="images/bull-verde.png" />'} : ""
    		}
    	});
     }     
}

function showAlert(title, msg, redirect){
    content    = new Element('div', {'html':msg});    
    data_style = content.getElement("div")   
    if(data_style==null){
        msg  = '<div class="x-popup">'+msg+'</div>'
        content    = new Element('div', {'html':msg});    
        data_style = content.getElement("div")     
    }
    w = data_style.getStyle('width')   
	
    var html = "<div style='width:"+w+"'><div class='j-alert-title'>"+title+"</div><div class='j-alert-msg'>"+msg+"</div></div>"
    vc_alert(html, true, redirect)
}


function showConfirm(title, msg, redirect){
    var html = "<div class='j-alert-title'>"+title+"</div><div class='j-alert-msg'>"+msg+"</div>"
    vc_confirm(html, redirect)
}

function form_contacto_success(){  
   $$('#form_contacto input').each(function(el){
        el.set('value',"")
    });
    
    $$('#form_contacto textarea').each(function(el){
        el.set('value',"")
        el.set('html',"")
        el.set('text',"")         
    });   
}
