var WINDOW_HTML = '<div style="padding-right: 10px; color: #000000">'
                + '<strong>Il Quadrato s.r.l.</strong><br/>'
                + 'Strada Palumbo 4<br/>'
                + '70123 Bari <br/>'
                + 'Tel.080.566.20.83<br/>'
                + 'Fax.080.566.20.75'
                + '</div>';

var mooflow;

var mooflow2;

var mooflowOptions = {
        bgColor: '#fff',
        useSlider: true,
        useAutoPlay: false,
        useCaption: true,
        useResize: true,
        useMouseWheel: true,
        useKeyInput: true,
        useViewer: true
    };

window.addEvent('load', function() {

    $('loading').className = 'loading-invisible';    

    var accordion1 = new Accordion($('accordion1'), 'div.toggler1', 'div.element1');	

    var accordion2 = new Accordion($('accordion2'), 'div.toggler2', 'div.element2', {
        onComplete: function(toggler, element) {
	        var el = $(this.elements[this.previous]);
	        if (el.offsetHeight > 0) el.setStyle('height', '');
        },
        onActive: function(toggler, element){
            if (element.getElement('div')) {
                var el = new Element('div', {'id':'mooflow'});
                element.getElement('div').adopt(el);
                mooflow = new MooFlow(el, mooflowOptions);
                mooflow.attachViewer();
                var id = element.getElement('div').getProperty('id');
                var dummy = new Date().getTime();
                mooflow.loadHTML('gallery.php?dummy='+dummy,'.'+id);
            }
		},
		onBackground: function(toggler, element){
            if (element.getElement('div').getElement('div')) {
                element.getElement('div').getElement('div').destroy();
            }
		}
    });
    
    $('home').addEvent('click', function(){ 
		hideAllContents();        
		$('content_home').setStyle('display', 'block');
        showGallery();
	}); 
	
    $('chisiamo').addEvent('click', function(){ 
		hideAllContents();
		$('content_chisiamo').setStyle('display', 'block');
        showGallery();
	}); 
	
	$('dovesiamo').addEvent('click', function(){ 
		hideAllContents();
		$('content_dovesiamo').setStyle('display', 'block');
        showGallery();
		showMap();
	});
	
	$('ilgruppo').addEvent('click', function(){ 
		hideAllContents();
		$('content_ilgruppo').setStyle('display', 'block');
        showGallery();
	});
	
	$('news').addEvent('click', function(){ 
		hideAllContents();
		$('content_news').setStyle('display', 'block');
        showGallery();
	});
	
	$('contatti').addEvent('click', function(){ 
		hideAllContents();
		$('content_contatti').setStyle('display', 'block');
        showGallery();
	});

    $('referenze').addEvent('click', function(){
		hideAllContents();
		$('content_referenze').setStyle('display', 'block');
        showGallery();
	});

    $('portfolio').addEvent('click', function(){
		hideAllContents();        
		$('content_home').setStyle('display', 'block');
        showPortfolioGallery();
	});
});

function showGallery() {
    $('accordion2').setStyle('display', 'block');
    $('portfolio_gallery').setStyle('display', 'none');
    if (mooflow)
        mooflow.update();
}

function showPortfolioGallery() {
    $('accordion2').setStyle('display', 'none');
    $('portfolio_gallery').setStyle('display', 'block');
    if (!$('galleryportfolio').getElement('div')) {
        $$('#content_portfolio div.portfolio_selected').each(function(item, index){
            var selected = item.getProperty('id');
            var str = "portfolio_item";
            var id = selected.substring(str.length);
            showPortfolioGalleryById(id);
            return;
        });
    }
    else {
        if (mooflow2)
            mooflow2.update();
    }
}

function showPortfolioGalleryById(id) {
    resetPortfolioItems();
    if ($('portfolio_item'+id)) {
        $('portfolio_item'+id).addClass('portfolio_selected');
        if (!mooflow2) {
            mooflow2 = new MooFlow($('galleryportfolio'), mooflowOptions);
            mooflow2.attachViewer();
        }
        var dummy = new Date().getTime();
        mooflow2.loadHTML('portfolio.php?dummy='+dummy,'.portfolio'+id);
    }
}

function resetPortfolioItems() {
    $$('#content_portfolio div.portfolio_selected').each(function(item, index){
        item.removeClass('portfolio_selected');
    });
}

function hideAllContents() {
    GUnload();
    $('contents').getChildren().each(function(item, index){
        item.setStyle('display', 'none');
    });
}
 
function showMap() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.setCenter(new GLatLng(41.109527,16.821846), 15);
        var marker = new GMarker(new GLatLng(41.109527,16.821846));
        map.addOverlay(marker);
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(WINDOW_HTML);
        });
        marker.openInfoWindowHtml(WINDOW_HTML);                       
    }
}

window.onunload = function () {
    GUnload();
}