window.addEvent('domready', function(){
	
    function createMarker(point,html) {
        var marker = new GMarker(point);
        marker.title="Americas Tours";
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(html);
        });
        return marker;
    }
	
    var content = $('content');
    var mainContent = $('mainContent');
	
    var loadPage = function(page){
        content.addClass('loader');
        var req = new Request({
            update:mainContent,
            url:page,
            onComplete:function(html){
                content.removeClass('loader');
                mainContent.set('html', html);
                if($('map_canvas')!=null){
                    var map = new GMap2(document.getElementById("map_canvas"));
                    map.setCenter(new GLatLng(13.701095,-89.220252), 15);
                    var point = new GLatLng(13.701095,-89.220252);
                    var marker = createMarker(point,'<p style="color:#000;" align="center">Alameda Roosevelt<br>No. 3022 San Salvador<br></p><p style="color:#000;" align="center">El Salvador<br>PBX (503) 2605476<br>Fax (503) 2605486<br><a href="mailto:info@americastours.com.sv">info@americastours.com.sv</a><br></p>');
                    map.addOverlay(marker);
                    map.setUIToDefault();
                    $('map_canvas').addClass('map_canvas');
                }
                if($('frmContact')!=null){
                    var frmContact=$('frmContact');
                    $('name').focus();
                    frmContact.addEvent('submit', function(e){
                        e.stop();
                        var req = new Form.Request(this, {resetForm:true});
                        this.set('send', {
                            onComplete:function(code){
                                alert(code);
                            }
                        });
                        this.send();
                    });
                }
                if($$('.linkPaquete')!=null){
                    $$('.linkPaquete').each(function(el){
                        var w = el.get('paquete');
                        el.addEvent('click', function(){
                           loadPage('inc/'+w);
                        });

                        var fx = new Fx.Morph(el, {
                            duration:300
                        });

                        el.addEvent('mouseover', function(){
                           fx.start({
                               'color':'#000'
                           });
                        });

                        el.addEvent('mouseout', function(){
                           fx.start({
                               'color':'#8d250a'
                           });
                        });

                    });
                }
                if($('imagen')!=null){
                    var imagen = $('imagen');
                    var padre = imagen.getParent();
                    var fx = new Fx.Move(imagen, {
                        relativeTo: padre,
                        position: 'upperRight',
                        edge:'upperRight',
                        offset:{x:-20}
                    });
                    fx.start();
                }
                return html;
            }
        }).send();
    }

    loadPage('inc/main.php');

    new Fx.Move(content, {transition:Fx.Transitions.Elastic.easeOut}).start();
	
    $('brand').addEvent('click', function(e){
        e.stop();
        loadPage('inc/main.php');
    })

    if($('menu')!=null){
        var items = $$('.item');

        items.each(function(el){
            el.setOpacity(0.8);
            var oldTop=el.getStyle('top');
            var oldHeight=el.getStyle('height');

            el.addEvent('click', function(){
                loadPage('inc/'+el.getProperty('href'));
            });
			
            el.addEvent('mouseenter', function(){
                var fz = new Fx.Morph(el, {
                    duration:300
                }).start({
                    'top':(parseInt(el.getStyle('top'))+5)+"px",
                    'height':(parseInt(el.getStyle('height'))-5)+"px"
                    });
            });

            el.addEvent('mouseleave', function(){
                var fz = new Fx.Morph(el, {
                    duration:300
                }).start({
                    'top':oldTop,
                    'height':oldHeight
                });
            });
			
        });
    }
	
	
	
});