// JavaScript Document

//================================================================================================
// VARIABLES DECLARATION
//================================================================================================

var blnSydney, blnMelbourne, blnCam, blnNitin, blnKeith, blnMegan, blnPaul, blnMark;
var area;
var gutterSpace;
var header_h;
var MAX_HEIGHT = 600;
var MIN_HEIGHT = 260;
var area_h, table_h, tabWork, tabPlay, h;
var search = "";
var tabTo = "";
var selectedPage = 0, selectedTab = ""; 


//================================================================================================
// START THIS WHEN PAGE DOM READY
//================================================================================================
window.addEvents({

	'domready' : function() {

		resetTabFloater();
		setupScrollSide();
		initialize();
		
		/*
		$("sydneyLink").addEvents({
			
			'click' : function(e) {
				//e.stop();
				//toggleSydney();
			},

			'mouseover' : function(e) {
				toggleSydney();
				//this.getChildren('img')[0].setProperty('src', 'images/site/txt_newsletter_hover.gif');
			},

			'mouseout' : function(e) {
				toggleSydney();
				//this.getChildren('img')[0].setProperty('src', 'images/site/txt_newsletter.gif');
			}
		});

		$("melbourneLink").addEvents({
			
			'click' : function(e) {
				//e.stop();
				//toggleMelbourne();
			},

			'mouseover' : function(e) {
				toggleMelbourne();
				//this.getChildren('img')[0].setProperty('src', 'images/site/txt_newsletter_hover.gif');
			},

			'mouseout' : function(e) {
				toggleMelbourne();
				//this.getChildren('img')[0].setProperty('src', 'images/site/txt_newsletter.gif');
			}
		});
		*/
		
		/// fucntion for bio photos
		
		/*
		$("cam_photo").addEvents({
			

			'mouseover' : function(e) {
				toggleCam();
			},

			'mouseout' : function(e) {
				toggleCam();
			}
		});
		
		$("nitin_photo").addEvents({
			

			'mouseover' : function(e) {
				toggleNitin();
			},

			'mouseout' : function(e) {
				toggleNitin();
			}
		});
		
		
		$("keith_photo").addEvents({
			

			'mouseover' : function(e) {
				toggleKeith();
			},

			'mouseout' : function(e) {
				toggleKeith();
			}
		});
		
		$("megan_photo").addEvents({
			

			'mouseover' : function(e) {
				toggleMegan();
			},

			'mouseout' : function(e) {
				toggleMegan();
			}
		});
		
		
		$("paul_photo").addEvents({
			

			'mouseover' : function(e) {
				togglePaul();
			},

			'mouseout' : function(e) {
				togglePaul();
			}
		});
		
		
		$("mark_photo").addEvents({
			

			'mouseover' : function(e) {
				toggleMark();
			},

			'mouseout' : function(e) {
				toggleMark();
			}
		});
		*/
		
	},
	

	'resize' : function() {

		resetTabFloater();
	}
	
});


//================================================================================================
// resize the document when the browers is scaled. 
//================================================================================================
function resetTabFloater(){
	header_h = 60;
	table_h = 260; // table height
	area_h = (window.getHeight() - header_h)/2;
	//area_h = (window.getHeight() - 45)/2;
	//image_h = area_h - 38; 
	//alert('area_h:  ' + area_h);

	if (area_h < MIN_HEIGHT) area_h = MIN_HEIGHT;
	//if (image_h < MIN_HEIGHT) image_h = MIN_HEIGHT;
	
	gutterSpace = (area_h - table_h)/2;

	
	$("work").setStyle('top', header_h);
	$("work").setStyle('height', table_h + gutterSpace);
	$("work").setStyle('padding-top', gutterSpace);
	$("shadow").setStyle('top', area_h + header_h);
	$("otherStuff").setStyle('height', table_h - 5 + gutterSpace);
	$("otherStuff").setStyle('padding-top', gutterSpace);	
	$("otherStuff").setStyle('top', area_h + header_h + 5);

	
	//$$(".resizeable").setStyle('height', image_h);
	//$$(".resizeable_text").setStyle('height', image_h - 2);

	//if (area == "work") $("tab_floater").setStyle('top', area_h);
	//if (area == "play") $("container_work").setStyle('top', -1 * area_h);
 }
 
 
 function setupScrollSide()
	{
		var scrollWork = new ScrollSide($('work'));
		var scrollPlay = new ScrollSide($('otherStuff'));
	}	

/*
function toggleSydney()
	{
		if (blnSydney) {
			new Fx.Tween($("sydney_box")).start('opacity', 1, 0).chain(function() {
				$("sydney_box").setStyle('display', 'none');
			});
			blnSydney = false;
		} else {
			$("sydney_box").setStyle('display', 'block');
			new Fx.Tween($("sydney_box")).start('opacity', 0, 1);
			blnSydney = true;
		}
	}
	
	
function toggleMelbourne()
	{
		if (blnMelbourne) {
			new Fx.Tween($("melbourne_box")).start('opacity', 1, 0).chain(function() {
				$("melbourne_box").setStyle('display', 'none');
			});
			blnMelbourne = false;
		} else {
			$("melbourne_box").setStyle('display', 'block');
			new Fx.Tween($("melbourne_box")).start('opacity', 0, 1);
			blnMelbourne = true;
		}
	}	
*/	



//================================================================================================
// move to the contact box. 
//================================================================================================
 	function moveToContact(){
	
	
	}





//================================================================================================
// Google maps 
//================================================================================================	
    function initialize() {
      if (GBrowserIsCompatible()) {
		var pointSYD = new GLatLng(-33.874455,151.218939);
		var pointMEL = new GLatLng(-37.837445,144.976541);
		var myOptions = {
			navigationControl: false,
			mapTypeControl: false,
  			scaleControl: false
		}
		
        var mapSYD = new GMap2(document.getElementById("map_canvasSYD"), myOptions);
        mapSYD.setCenter(new GLatLng(-33.874455,151.218939), 14);
		mapSYD.setMapType(G_HYBRID_MAP  );
		mapSYD.addOverlay(new GMarker(pointSYD));
		
		var mapMEL = new GMap2(document.getElementById("map_canvasMEL"), myOptions);
        mapMEL.setCenter(new GLatLng(-37.837445,144.976541), 14);
		mapMEL.setMapType(G_HYBRID_MAP  );
		mapMEL.addOverlay(new GMarker(pointMEL));

      }
    }	
	
/*	
function toggleCam()
	{
		if (blnCam) {
			//new Fx.Tween($("melbourne_box")).start('opacity', 1, 0).chain(function() {
				$("bio_cam").setStyle('display', 'none');
			//});
			blnCam = false;
		} else {
			$("bio_cam").setStyle('display', 'block');
			//new Fx.Tween($("bio_cam")).start('opacity', 0, 1);
			blnCam = true;
		}
	}
	
function toggleNitin()
	{
		if (blnNitin) {
			//new Fx.Tween($("bio_nitin")).start('opacity', 1, 0).chain(function() {
				$("bio_nitin").setStyle('display', 'none');
			//});
			blnNitin = false;
		} else {
			$("bio_nitin").setStyle('display', 'block');
			//new Fx.Tween($("bio_nitin")).start('opacity', 0, 1);
			blnNitin = true;
		}
	}
	
function toggleKeith()
	{
		if (blnKeith) {
			//new Fx.Tween($("bio_keith")).start('opacity', 1, 0).chain(function() {
				$("bio_keith").setStyle('display', 'none');
			//});
			blnKeith = false;
		} else {
			$("bio_keith").setStyle('display', 'block');
			//new Fx.Tween($("bio_keith")).start('opacity', 0, 1);
			blnKeith = true;
		}
	}	
	
	
function toggleMegan()
	{
		if (blnMegan) {
			//new Fx.Tween($("bio_megan")).start('opacity', 1, 0).chain(function() {
				$("bio_megan").setStyle('display', 'none');
			//});
			blnMegan = false;
		} else {
			$("bio_megan").setStyle('display', 'block');
			//new Fx.Tween($("bio_megan")).start('opacity', 0, 1);
			blnMegan = true;
		}
	}	

 	
function togglePaul()
	{
		if (blnPaul) {
			//new Fx.Tween($("bio_paul")).start('opacity', 1, 0).chain(function() {
				$("bio_paul").setStyle('display', 'none');
			//});
			blnPaul = false;
		} else {
			$("bio_paul").setStyle('display', 'block');
			//new Fx.Tween($("bio_paul")).start('opacity', 0, 1);
			blnPaul = true;
		}
	}	
	
	
function toggleMark()
	{
		if (blnMark) {
			//new Fx.Tween($("bio_paul")).start('opacity', 1, 0).chain(function() {
				$("bio_mark").setStyle('display', 'none');
			//});
			blnMark = false;
		} else {
			$("bio_mark").setStyle('display', 'block');
			//new Fx.Tween($("bio_mark")).start('opacity', 0, 1);
			blnMark = true;
		}
	}	
*/
 
