$(function() {

	$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});
	
	$("#sessionExpand").tabs("#sessionExpand div.sessPane", {tabs: 'div.sessEx', effect: 'slide', initialIndex: null});

	$("a[rel]").overlay({

		expose: 'black',
	
		onBeforeLoad: function() {

			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");

			// load the page specified in the trigger
			wrap.load(this.getTrigger().attr("href"));
		}

	});
	
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready
    $(document).ready(function() {

        $("img[rel='#videoOverlay']").overlay({ top: 'center', closeOnClick: false, closeOnEsc: false, load: true,
            onClose: function(content) {
                if (jQuery.browser.msie) {
                   var myPlayer = document.getElementById('myytplayer');
					myPlayer.stopVideo();
                }
            },
		mask: {
		color: '#000',
		loadSpeed: 200,
		opacity: 0.9
		}
        });
    });
	
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready
    $(document).ready(function() {

        $("img[rel='#homeOverlay']").overlay({ top: 'center', closeOnClick: false, closeOnEsc: false,
            onClose: function(content) {
                if (jQuery.browser.msie) {
                   var myPlayer = document.getElementById('myythplayer');
					myPlayer.stopVideo();
                }
            },
		mask: {
		color: '#000',
		loadSpeed: 200,
		opacity: 0.9
		}
        });
    });

	$("input, textarea").addClass("idle");
	$("input, textarea").focus(function(){
		$(this).addClass("activeField").removeClass("idle");
	}).blur(function(){
		$(this).removeClass("activeField").addClass("idle");
	});
	
	$.tools.tabs.addEffect("folioFx", function(tabIndex, done) {

		this.getPanes().hide().eq(tabIndex).slideDown(200, done);
		done.call();
	});
	
	$("ul#portfolio-design-tabs").tabs(".paneItems > div", {
		
		effect: 'folioFx',
		rotate: true

		});
	
	$("div.tabs").tabs(".callBox > div", {
	
		effect: 'fade',
		fadeOutSpeed: "slow",
		rotate: true
		}).slideshow({
		
		autoplay: true,
		interval: 9000,
		clickable: false
		
		});
		
	$("#processNav").tooltip({
		tip: '#process .flyout',
		position: 'bottom',
		offset: [0, -98],
		effect: 'fade',
		fadeInSpeed: 250,
		fadeOutSpeed: 200
	});
	
	$("#portfoliosNav").tooltip({
		tip: '#portfolios .flyout',
		position: 'bottom',
		offset: [0, -213],
		effect: 'fade',
		fadeInSpeed: 250,
		fadeOutSpeed: 200
	});
	
	$("#toolsNav").tooltip({
		tip: '#tools .flyout',
		position: 'bottom',
		offset: [0, -289],
		effect: 'fade',
		fadeInSpeed: 250,
		fadeOutSpeed: 200
	});
	
	$("#resourceNav").tooltip({
		tip: '#resource .flyout',
		position: 'bottom',
		offset: [0, -387],
		effect: 'fade',
		fadeInSpeed: 250,
		fadeOutSpeed: 200
	});
	
	$("#twitter").getTwitter({
		userName: "foliometrix",
		numTweets: 1,
		loaderText: "Loading tweets...",
		slideIn: true,
		slideDuration: 750,
		showHeading: true,
		headingText: "Latest Tweets",
		showProfileLink: true,
		showTimestamp: true
	});
});