//---------------------------------------------------------------------------
function loadPage(page) {
	window.addEvent('domready', function() { 
		 var accordion = new Fx.Accordion($$('.togglers'),$$('.contents'), { 
					opacity:  0, 
					alwaysHide: 1,
					onActive:  function(toggler) { 
						toggler.setStyle('color', '#96769f'); 
						toggler.setStyle('cursor', 'pointer'); },
					onBackground: function(toggler, contents)  { 
						toggler.setStyle('color',  '#B794AB'); 
						toggler.setStyle('cursor', 'pointer'); 
						contents.setStyle('display', 'block')} 
		});
		var nivooslider = new NivooSlider($('slider'), {
				 	effect: 'sliceDownRight',
					pauseOnHover: true,
					autoPlay: true,
					interval: 4000,
					animSpeed: 750
				}).addEvents({
					'onFinish': function(){
						
					},
					'onStart': function(){
						
					}
		});
	});	 
	$('slider').fade('in');
	if (page == 'facilities') {
		new nuTabs($$('#tabs-nav a'), $$('#tabs-body li'), {
				transition: 'bounce:out'
		});
	}
	else if(page =='products') {
		 var subproductsElement = new Fx.Elements($('sub_products'));
		 $('sub_products').setStyle('display', 'block');
		 subproductsElement.start({0: {'height': [0,120], 'opacity': [0,1]}});
	}
	else if(page == 'contact') {
		this.load_map();
	}

	this.setMenu(page);
	this.used = 0;
}
//-------------------------------SetProduct BEGINS -------------------------
function setProduct(product) {
	if (product == null)
		return;

	$('main_product').setStyle('display', 'none');
	
	var products = new Array('food', 'supplements', 'accessories', 'grooming', 'pcp', 'resources');
	var len = products.length;
	for (var i=0; i<len; i++){
		var p = products[i];
		if (p != product) {
			$(p).setStyle('display', 'none');
			$(p).setStyle('opacity', 0);
		}
	}
	
	$(product).setStyle('display', 'block');
	var selectedProduct = new Fx.Elements($(product));
	selectedProduct.start({0: {'opacity': [0,1]}});
}
//-------------------------------SetProduct ENDS --------------------------

//-------------------------------SetMenu BEGINS -------------------------
function setMenu(page) {
	var pages = new Array('home', 'facts', 'team', 'facilities', 'products', 'services', 'puppy', 'contact');

	var len = pages.length;
	for (var i = 0; i < len; i++) {
		if (pages[i] == page)
			$(pages[i]).set('class', 'selected');
		else
			$(pages[i]).set('class', '');
	}
}
//-------------------------------SetMenue ENDS --------------------------

//--------------------------------Load BEGINS ---------------------------
/**
*  Load google maps and add markers to it.
*/
function load_map() {
  if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(-27.627986,153.034762), 15);

	GDownloadUrl("marker.xml", function(data) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {
		var name = markers[i].getAttribute("name");
		var address = markers[i].getAttribute("address");
		var type = markers[i].getAttribute("type");
		var direction = markers[i].getAttribute("direction");
		var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
								parseFloat(markers[i].getAttribute("lng")));
		var marker = createMarker(point, name, address, type, direction);
		map.addOverlay(marker);
	  }
	});
  }
}
//--------------------------------Load  ENDS ---------------------------

//--------------------------------Createmarker BEGINS ---------------------------
/**
*  Create marker 
*/
function createMarker(point, name, address, type, direction) {
      var customIcons = [];
      customIcons["address"] = generate_icon('blue');
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>" + name + "<br/>"+ address + "</b>";
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
//--------------------------------Createmarker ENDS ---------------------------

//--------------------------------Generate_icon BEGINS ---------------------------
/**
*  Generate a different icon for each type of property.
*/
function generate_icon (color) {
        var icon = new GIcon(); 
    	icon.image = 'http://labs.google.com/ridefinder/images/mm_20_' + color + '.png';
    	icon.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
	    icon.iconSize = new GSize(12, 20);
	    icon.shadowSize = new GSize(22, 20);
	    icon.iconAnchor = new GPoint(6, 20);
	    icon.infoWindowAnchor = new GPoint(5, 1);
		return icon;
		}
//--------------------------------Generate_icon  ENDS ---------------------------