

<!DOCTYPE html>
<html class="no-js" lang="en">

<head>

    <meta charset="utf-8" />
	<title>Home Page | Centre Point
	</title>

	<link rel="stylesheet" href="/css/style.dcss" />
	<link rel="stylesheet" href="/css/SqueezeBox.css" type="text/css" media="screen" title="no title" />

	<meta name="description" content=""/>
	<meta name="keywords" content=""/>

	<script type="text/javascript" src="/js/inc_mootools.js"></script>
	<script type="text/javascript" src="/js/modernizr.js"></script>
	<script type="text/javascript" src="/js/inc_basic.js"></script>
	<script type="text/javascript" src="/js/SqueezeBox.js"></script>

	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-9645496-76']);
	  _gaq.push(['_trackPageview']);

	  (function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

	</script>
</head>

    
<body class="blackBG">


    <div id="imgcontainer">
    
    </div>

    
    <script type="text/javascript">
        //alert(screen.width+'x'+screen.height);
    	function preload(){
            var myImages = Asset.images([
                    
                    '/imageresize.asp?path=/backgrounds/&f=003.jpg&width=' + screen.width + '&height=' + screen.height,
		            '/imageresize.asp?path=/backgrounds/&f=002.jpg&width=' + screen.width + '&height=' + screen.height,
		            '/imageresize.asp?path=/backgrounds/&f=001.jpg&width=' + screen.width + '&height=' + screen.height
		            
	            ],
	            {
	            properties: {
		            'class': 'bgimage'
	            },
	            onComplete: function(){
	                
						$('preload').dispose();
	                
		            myImages.each(function(el, index){
		                el.removeProperties('width');
		                el.removeProperties('height');
		                el.setProperties({
                            id:'image' + index
                        });
			            el.inject($('imgcontainer'));

						if($('load-indicator')){
							$('load-indicator').dispose();
						}
		            });

		            var lastEl = $('imgcontainer').getLast();
		            lastEl.addClass('live');

				    resizeBackground();

				    
				    new SimpleCarousel($('imgcontainer'), $$('#imgcontainer img'), $$('#imgcontainer div.button'), {});
				    

	            }
            });
         }


        function resizeBackground(){

            $$('#imgcontainer img').each(function(el,index){

                //var img = new Image();
                //var imgW;
                //var imgH;
                var newH;
                var winW;
                var winH;

                winW = document.body.offsetWidth;
                winH = document.body.offsetHeight;

                //img.src = el.src;

                var imgW = el.getSize().x; //img.width;
                var imgH = el.getSize().y; //img.height;

				//alert(el.getSize().x + ' - ' + el.getSize().y);

                newH = (imgH / imgW) * winW

                
                if (newH < winH){
                
                    newH = winH;
                }

                el.setStyle('height',newH);

                

            });

            


        }

        window.addEvent('domready',function(){

			window.is_touch_device = ('ontouchstart' in document.documentElement)?true:false;


            

			var loadImg = new Element('img',{
				'id':'load-indicator',
				'src':'/images/ajax-loader.gif',
				'styles':{
					'position':'absolute',
					'left': '47%',
					'top' : '40%'
					}
				}).inject(document.body);

            var myImagesPreLoad = Asset.images([
                    
	                '/imageresize.asp?path=/backgrounds/&f=001.jpg&width=' + screen.width + '&height=' + screen.height
	                
		        ],
		        {
		        properties: {
			        'id': 'preload',
			        'class': 'bgimage'
		        },
		        onComplete: function(){
			        myImagesPreLoad.each(function(el, index){
			            el.removeProperties('width');
		                el.removeProperties('height');
				        el.inject($('imgcontainer'));
				        resizeBackground();
				        preload();
			        });
		        }
	        });
	        

        });

        window.addEvent('resize', function(){
            resizeBackground();
            
        });

    </script>
    

	<div id="container">

	    <div id="menu" style="z-index:1000;">
	        <h1><img src="/images/logo.png" alt="Centre Point" /></h1>
	        <nav>
	            <ul class="menu1"><li class="selectedl1"><a href="/home">Home</a></li><li class = " first"><a href="/Views">Views</a></li><li><a href="/Overview">Overview</a></li><li class = "  hasChildren"><a href="/Floors">Floors</a></li><li><a href="/Connections">Connections</a></li><li><a href="/Location">Location</a></li><li class = " last"><a href="/Contact">Contact</a></li></ul>
	        </nav>
	    </div>
		<div id="menu-arrow"></div>

	    

<script>

    window.addEvent('domready',function(){
		/*
        $$('.menu1 li').each(function(el,index){
            var childtest = el.hasClass('hasChildren');
            var childselected = el.hasClass('childselectedl1');
            if (childselected){
                el.setStyle('height',el.scrollHeight);
                el.addEvents({
                    'mouseenter':function(){
                        el.addEvents({
                            'mouseenter':function(){el.morph({'height': el.scrollHeight});},
                            'mouseleave':function(){el.morph({'height':'15'});}
                        });
                    }
                });
            } else {
                if (childtest){
                    el.addEvents({
                        'mouseenter':function(){el.morph({'height': el.scrollHeight});},
                        'mouseleave':function(){el.morph({'height':'15'});}
                    });
                }
            }


        });
		*/

       // menuDown();
        $('menu-arrow').setStyle('background-position','left top');
		if(window.is_touch_device){

			$('menu').addEvents({
				'click':function(e){
					e.stop;
					if($('menu').getSize().y > 100){
						menuDown();
					} else {
						menuUp();
					}

				}
			});
		} else {
			$('menu').addEvents({
				'mouseenter':function(e){
					e.stop;
					if($('menu').getSize().y == 100){
						menuUp();
					}
				},
				'mouseleave':function(e){
					e.stop;
					if($('menu').getSize().y == 510){
						menuDown.delay(500);
					}
				}
			});
		}
    });

	function menuDown(){

		$('menu').morph({'height':'100'});
		$('menu-arrow').setStyle('background-position','left top');
	}

	function menuUp(){

		$('menu').morph({'height':'510'});
		$('menu-arrow').setStyle('background-position','left bottom');
	}


</script>	</div>

</body>
</html>
