$(document).ready(function(){
	var tab_id = $(document).getUrlParam("tab") ? $(document).getUrlParam("tab"):0;
	$('#floorplan_tabs').tabs({
		selected: tab_id
	});
	
	$('#floorplans_cc, #floorplans_mm').tabs({
		selected: 0
	});

  // Accordion Navigation
  var $nav = $('#navigation>ul');

  $nav.find('ul').each(function(){
    $(this).wrap('<div class="subnav" />');
  });

  $nav.find('a.current').parent().addClass('current');

  $nav.accordion({
    // navigation: true,
    active: 'a.selected',
    header: 'li.head>a',
    autoHeight: false
  });
  
  // Homepage flash
  $("#flash").flash({
    src: '/_flash/cmm-home.swf',
    width:  685,
    height: 375,
    wmode: "transparent"
  },{ 
    version: '8' 
  });


  // Floorplans flash
  $("div#floorplans").html('').flash({
  	src: "/_flash/floorplans.swf",
	width: 670,
    height:575,
	wmode: "transparent"
  }, {
	version: '8'
  });

  // Floorplans flash
  $("div#medfloorplans").html('').flash({
  	src: "/_flash/med-floorplans.swf",
	width: 670,
    height:575,
	wmode: "transparent"
  }, {
	version: '8'
  });
  

	// Video player flash
  $("#videos").flash({
    src: "/_flash/player.swf",
    width: 680,
    height:256,
    allowfullscreen:"true",
    allowscriptaccess: "always",
    flashvars:{
	  plugins: 'googlytics-1',
      file: '/playlist.xml',
      image: '/preview.jpg',
      playlist: 'right',
      playlistsize: '278',
      streamer: 'lighttpd',
      fullscreen: 'true',
      backcolor: '111111',
      frontcolor: 'eeeeee',
      stretching: 'fill' 
    }
  },{ 
    version: '8' 
  });
  
  $(window).load(function(){
    // Galleria
    var $gallery = $('#gallery');

    $gallery.wrap('<div class="gallery_outer_wrapper"/>')
      .find('li:first')
        .addClass('active')
        .end()
      .find('li:nth-child(9)')
        .addClass('last');

    $gallery.galleria({
      history: false,
      onImage: function(image,caption,thumb) { // let's add some image effects for demonstration purposes

      				// fade in the image & caption
    					image.css('display','none').fadeIn(600);
      				//caption.css('display','none').fadeIn(1000);

      				// fetch the thumbnail container
      				var _li = thumb.parents('li');

      				// fade out inactive thumbnail
      				_li.siblings().children('img.selected').fadeTo(500,0.4);

      				// fade in active thumbnail
      				thumb.fadeTo('fast',1).addClass('selected');

      				// add a title for the clickable image
      				image.attr('title','Next image >>');
      			},
  		onThumb: function(thumb) { // thumbnail effects goes here

  			// fetch the thumbnail container
  			var _li = thumb.parents('li');

  			// if thumbnail is active, fade all the way.
  			var _fadeTo = _li.is('.active') ? '1' : '0.4';

  			// fade in the thumbnail when finnished loading
  			thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);

  			// hover effects
  			thumb.hover(
  				function() { thumb.stop().fadeTo('fast',1); },
  				function() { _li.not('.active').children('img').stop().fadeTo('fast',0.4); } // don't fade out if the parent is active
  			);
  		}

    });

    $gallery.show();
  });
  
});
