/* slideShow and accordion menu jQuery code */



/* DocumentReady function (execute after page loaded) */

$(document).ready(function() {		

	// Execute the slideShow

        if ($('#gallery')[0]) {

          slideShow();

        }


	initHomepageImages();

        // Initialize the menus

        initMenus();

        // Initialize the tabSlide 

        initTabSlide();

//*MOD* Moved to window.load function, below.
//        $('a[rel*=facebox]').facebox();

//        $('#sideMenu').height(Math.max($('#content').height(), $('#sideMenu').height()));

});

$(window).load( function() {
         $('a[rel*=facebox]').facebox();
        var cheight = $('#content').height();
        var sheight = $('#sideMenu').height();
//        alert('Content height: ' + cheight + ', sideMenu height:' + sheight);
        var newHeight = Math.max(cheight,sheight);
//        alert('New height(max):' + newHeight);
        $('#sideMenu').height(newHeight);
});


function initHomepageImages() {
        if ($.browser.msie) {
          $('.spotlight img').wrap('<div class="shadowContainer"></div>');
          $('.shadowContainer').dropShadow( { left: -2, top: 4 } );
        } else {
          $('.spotlight img').load(function() {

            var me = $(this);

            var newDiv = $("<div class='borderRounder'>");

            newDiv.height(me.height());

            newDiv.width(me.width());

            newDiv.css('background-image', "url('" + me.attr('src') + "')");

            me.replaceWith(newDiv);
            var shadowContainer = $("<div class='shadowContainer'></div>");
            newDiv.wrap(shadowContainer);

          });
	  if (!$.browser.webkit) {
	    $('.spotlight img').load();
	  }
	}
//        $('.spotlight div.shadowContainer').dropShadow({ left: -2, top: 4});
}

/* slideShow functions */

function slideShow() {



	//Set the opacity of all images to 0

	$('#gallery a').css({opacity: 0.0});

	

	//Get the first image and display it (set it to full opacity and add class show)

	$('#gallery a:first').css({opacity: 1.0}).addClass('show');

	

	//Set the caption background to semi-transparent

	$('#gallery .caption').css({opacity: 0.8});



	//Resize the width of the caption according to the image width

	//$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});

	

	//Get the caption of the first image from REL attribute and display it

	$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))

	.animate({opacity: 1.0}, 400);

	

	//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds

	setInterval('gallery()',6000);

	

}



function gallery() {

	

	//if no IMGs have the show class, grab the first image

        var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));

     

        

       //Get next image, if it reached the end of the slideshow, rotate it back to the first image

        var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	

   

	//Get next image caption

	var caption = next.find('img').attr('rel');	

	

	//Set the fade in effect for the next image, show class has higher z-index

	next.css({opacity: 0.0})

	.addClass('show')

	.animate({opacity: 1.0}, 1000);



	//Hide the current image

	current.animate({opacity: 0.0}, 1000)

	.removeClass('show');

	

	//Set the opacity to 0 and height to 1px

	$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });	

	

	//Animate the caption, opacity to 0.8 and height to 50px, a slide up effect

	$('#gallery .caption').animate({opacity: 0.8},50 ).animate({height: '50px'},500 );

	

	//Display the content

	$('#gallery .content').html(caption);

	

	

}



/* Accordion menu functions */

function initMenus() {

        $('.accordion').accordion({

		autoHeight: false

	});

}



function initTabSlide() {

   $(function(){

        $('.slide-out-div').tabSlideOut({

            tabHandle: '.tab',                     //class of the element that will become your tab

            pathToTabImage: '/globals/style-3.0/images/feedback-tab.png', //path to the image for the tab //Optionally can be set using css

            imageHeight: '107px',                     //height of tab image           //Optionally can be set using css

            imageWidth: '36px',                       //width of tab image            //Optionally can be set using css

            tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left

            speed: 300,                               //speed of animation

            action: 'click',                          //options: 'click' or 'hover', action to trigger animation

            topPos: '200px',                          //position from the top/ use if tabLocation is left or right

            leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top

            fixedPosition: true                      //options: true makes it stick(fixed position) on scroll

        });



    });



}