function resizeFullScreen() {
	onFullScreenToggle(true);
}

function onFullScreenToggle(toFull){
	if(toFull){
//		var offset = $('#regio2').css('offset');
//		$('body').css({width: document.documentElement.clientWidth + 'px', height: document.documentElement.clientHeight + 'px'});
		$('#container3, #container2, #content, #map-open').addClass("no");
		$('#regio2').css({left:'0px', top: '0px', width: document.documentElement.clientWidth + 'px', height: document.documentElement.clientHeight + 'px'});
		$(window).bind('resize', resizeFullScreen);
	}else{
		$(window).unbind('resize', resizeFullScreen);
		$('#regio2').css({left:'auto', top: 'auto', width: 'auto', height: 'auto'});
		$('#container3, #container2, #content, #map-open').removeClass("no");
	}
	$('.accordion').accordion("resize");
}

$(document).ready(function(){

    var fixTemplate = function(reason){ //we still need it for ie6 :(
        var baseHeight = $('#regio2').height();
        if (!baseHeight) {
            baseHeight = document.documentElement.clientHeight;
        }
        
        // function is called when:
        // 1) page loads (reason == "init")
        // 2) after page was resized to fullscreen (reason == "to fullscreen")
        // 3) after page was resized _back from_ fullscreen (reason == "from fullscreen")
        // 4) tab switched (reason == "tab")
        if (jQuery.browser.msie && (parseFloat(jQuery.browser.version) <= 6)) {
        }
        if (reason == "to fullscreen" || reason == "from fullscreen") {
            if (typeof onFullScreenToggle == 'function') {
                onFullScreenToggle(reason == "to fullscreen" ? true : false);
            }
        }
    }
    
    
    // full screen template fixes
    var fixFunc = fixTemplate; // defined in map.php
    var $wrapper = $('#regio2, #wrap2'), $o = $('.ui_fullscreen'), $c = $('.ui_fullscreen_close'), $outer = $('#header, #nav, #footer, #tools');
    
    fixFunc('init');
    
    $wrapper.savedWidth = $wrapper.css('width');
    $wrapper.savedHeight = $wrapper.css('height');
    
    $o.click(function(){
		$outer.hide();
        $wrapper.css('top', '0px').css('left', '0px').css('width', '100%').css('height', '100%');
    	$o.hide();
		$c.show();
        fixFunc('to fullscreen');
        $(document).trigger('to-fullscreen');
        return false;
    });
    $c.click(function(){
        $wrapper.css('width', $wrapper.savedWidth).css('height', $wrapper.savedHeight).css('top', '').css('left', '');
		$o.show();
        $c.hide();
        $outer.show();
        fixFunc('from fullscreen');
        $(document).trigger('from-fullscreen');
        return false;
    });
    

    
    Regio._LoadModule('map', ['map-inner', 'loadLayers'], function(){
        
        var startTabIndex = 0;
        if (Regio._State('tours')) {
            startTabIndex = 3;
        }
        else if (Regio._State('objects')) {
        	startTabIndex = 0;
        } 
		var firstTabSearch = startTabIndex == 0 ? true : false;
		var firstRun = true;

        var $tabs = $('#regio_tabs').bind('tabsshow', function(e, ui){
            if (moduleName = $(ui.tab).attr('module')) {
				if(firstRun && !firstTabSearch && moduleName == "search"){
					// we dont wan't to load search until we really need it
					// tabs by default inits first tab always, we postpone it
					firstTabSearch = false;
				} else {
	                Regio._LoadModule(moduleName);
				}
				firstRun = false;
            }
            fixTemplate('tab');
        }).tabs(firstTabSearch);
        
        $tabs.tabs('select', startTabIndex);
        
        
        
    });
});