$(document).ready(function() {
    // Set up styles for inner pages
    if (location.pathname != "/") {
        $('body').addClass('inner-page');
    }

    // Set up the quote marks on testimonials
    $("ul.testimonials li div.quote").wrap("<div class='quote-close'></div>").wrap("<div class='quote-open'></div>");

    // Set up the navigation
    initNav();

    // Add PNG overlays to featured items in the left column
    if (typeof document.body.style.maxHeight != "undefined") {
        $("#featured li a.icon img").before("<span class='icon-border'></span>");
    }

    // Tabs
    $('#tabs').tabs();

    // Navigation highlights:

    // Using the current path (e.g. /Section/Page)
    var path = location.pathname;

    // Tooltips

    // Logo
    if (path != "/") {
        $("#wrapper h1.logo").qtip({
            content: "<p style='text-align: center; font-size: 14px; font-weight: bold; color: #054F7C;'>Return to Homepage</p>", show: { delay: 0, effect: { type: 'slide'} }, hide: { effect: { type: 'slide'} }, position: { corner: { tooltip: 'bottomMiddle' }, adjust: { x: -78, y: 54} }, style: { width: 180, border: { width: 6, radius: 5, color: "#054F7C" }, tip: { corner: 'topMiddle', color: '#054F7C'} }
        });
    }

    // Main Image
    //    if ((path == "/") || (path == "/default.aspx")) {
    //        $("#main-image").qtip({
    //            content: "Green", show: { delay: 0, effect: { type: 'slide'} }, hide: { effect: { type: 'slide'} }, position: { corner: { tooltip: 'bottomMiddle' }, adjust: { x: 0, y: 0} }, style: { width: 180, border: { width: 6, radius: 5, color: "#054F7C" }, tip: { corner: 'topMiddle', color: '#054F7C'} }
    //        });
    //    }

    // Handle links to the current path
    if (path) {
        $('a[href$="' + path + '"]').addClass('active').parents().filter('li').addClass('active');

        // Partial Match
        var partial = path.substring(0, path.lastIndexOf('\/'));

        // If not at the root
        if (partial != "") {
            $('a[href$="' + partial + '"]').addClass('active').parents().filter('li').addClass('active');
        }

        // Handle links to parts of the current path
        var parts = path.split('\/')
        for (i = 0; i < parts.length; i++) {
            if (parts[i].length > 0) {
                $('a[href$="/' + parts[i] + '"]').addClass('active');
            }
            if (parts[i].toLowerCase().indexOf("green") >= 0) {
                $("#content").addClass("green");
            }
        }
    }
    
    // Image flow

    // For contacts
    var contactFlow = new ImageFlow();
    contactFlow.init({ ImageFlowID: 'contactflow', aspectRatio: 1.5, reflections: false, imageCursor: "default", sliderWidth: 22, startAnimation: true });

    // For pages
    var pageFlow = new ImageFlow();
    pageFlow.init({ ImageFlowID: 'pageflow', reflections: false, imageCursor: "pointer", sliderWidth: 22, startAnimation: true });

    // For projects
    var projectFlow = new ImageFlow();
    projectFlow.init({ ImageFlowID: 'projectflow', reflections: false, imageCursor: "pointer", sliderWidth: 22, startAnimation: true });
    
    // Gallerific
    
    var onMouseOutOpacity = 0.67;
    
    $('#thumbs ul.thumbs li').opacityrollover({
		mouseOutOpacity:   onMouseOutOpacity,
		mouseOverOpacity:  1.0,
		fadeSpeed:         'fast',
		exemptionSelector: '.selected'
	});
	
	try{

		var gallery = $('#thumbs').galleriffic({
			delay:                     3000, // in milliseconds
			numThumbs:                 10, // The number of thumbnails to show page
			preloadAhead:              2, // Set to -1 to preload all images
			enableTopPager:            false,
			enableBottomPager:         true,
			maxPagesToShow:            7,  // The maximum number of pages to display in either the top or bottom pager
			imageContainerSel:         '#slideshow', // The CSS selector for the element within which the main slideshow image should be rendered
			controlsContainerSel:      '#controls', // The CSS selector for the element within which the slideshow controls should be rendered
			captionContainerSel:       '#caption', // The CSS selector for the element within which the captions should be rendered
			loadingContainerSel:       '#loading', // The CSS selector for the element within which should be shown when an image is loading
			renderSSControls:          false, // Specifies whether the slideshow's Play and Pause links should be rendered
			renderNavControls:         true, // Specifies whether the slideshow's Next and Previous links should be rendered
			playLinkText:              'Play',
			pauseLinkText:             'Pause',
			prevLinkText:              'Previous',
			nextLinkText:              'Next',
			nextPageLinkText:          'Next &rsaquo;',
			prevPageLinkText:          '&lsaquo; Prev',
			enableHistory:             false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
			enableKeyboardNavigation:  true, // Specifies whether keyboard navigation is enabled
			autoStart:                 false, // Specifies whether the slideshow should be playing or paused when the page first loads
			syncTransitions:           false, // Specifies whether the out and in transitions occur simultaneously or distinctly
			defaultTransitionDuration: 1000, // If using the default transitions, specifies the duration of the transitions
			onSlideChange:             function(prevIndex, nextIndex) {
							// 'this' refers to the gallery, which is an extension of $('#thumbs')
							this.find('ul.thumbs').children()
								.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
								.eq(nextIndex).fadeTo('fast', 1.0);
						}, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
			onPageTransitionOut:        function(callback) {
							this.fadeTo('fast', 0.0, callback);
						},
			onPageTransitionIn:        function() {
							this.fadeTo('fast', 1.0);
						}
		});
	}
	catch(e){}
	
	$('#thumbsP ul.thumbs li').opacityrollover({
		mouseOutOpacity:   onMouseOutOpacity,
		mouseOverOpacity:  1.0,
		fadeSpeed:         'fast',
		exemptionSelector: '.selected'
	});
	
	try{

		var galleryP = $('#thumbsP').galleriffic({
			delay:                     3000, // in milliseconds
			numThumbs:                 10, // The number of thumbnails to show page
			preloadAhead:              2, // Set to -1 to preload all images
			enableTopPager:            false,
			enableBottomPager:         true,
			maxPagesToShow:            7,  // The maximum number of pages to display in either the top or bottom pager
			imageContainerSel:         '#slideshowP', // The CSS selector for the element within which the main slideshow image should be rendered
			controlsContainerSel:      '#controlsP', // The CSS selector for the element within which the slideshow controls should be rendered
			captionContainerSel:       '#captionP', // The CSS selector for the element within which the captions should be rendered
			loadingContainerSel:       '#loadingP', // The CSS selector for the element within which should be shown when an image is loading
			renderSSControls:          false, // Specifies whether the slideshow's Play and Pause links should be rendered
			renderNavControls:         true, // Specifies whether the slideshow's Next and Previous links should be rendered
			playLinkText:              'Play',
			pauseLinkText:             'Pause',
			prevLinkText:              'Previous',
			nextLinkText:              'Next',
			nextPageLinkText:          'Next &rsaquo;',
			prevPageLinkText:          '&lsaquo; Prev',
			enableHistory:             false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
			enableKeyboardNavigation:  true, // Specifies whether keyboard navigation is enabled
			autoStart:                 false, // Specifies whether the slideshow should be playing or paused when the page first loads
			syncTransitions:           false, // Specifies whether the out and in transitions occur simultaneously or distinctly
			defaultTransitionDuration: 1000, // If using the default transitions, specifies the duration of the transitions
			onSlideChange:             function(prevIndex, nextIndex) {
							// 'this' refers to the gallery, which is an extension of $('#thumbs')
							this.find('ul.thumbs').children()
								.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
								.eq(nextIndex).fadeTo('fast', 1.0);
						},
			onPageTransitionOut:        function(callback) {
							this.fadeTo('fast', 0.0, callback);
						},
			onPageTransitionIn:        function() {
							this.fadeTo('fast', 1.0);
						}
		});
	}
	catch(e){}

});

function initNav() {
    // Show our navigation
    $("#nav").show();
    $("#nav li ul").wrap("<div class='drop-down'></div>");
    
    var navRoot = document.getElementById("nav");
    if (navRoot == null) {
        return;
    }
	var lis = navRoot.getElementsByTagName("li");
	var _width = 0;
	for (var i=0; i<lis.length; i++) {
		lis[i].onmouseover = function()
		{
			var divs = this.getElementsByTagName("div");
			for (var k=0; k<divs.length; k++) {
				if (divs[k].className.indexOf("dropdown") != -1) {
					var uls = divs[k].getElementsByTagName("li");
					for (var j=0; j<uls.length; j++) {
						if (_width < uls[j].offsetWidth) {
							_width = uls[j].offsetWidth; 
						}
					}
					if (_width > 220) {
						for (var j=0; j<uls.length; j++) {
							uls[j].style.width = _width + "px";
						}
						divs[k].style.width = _width + 5 + "px";
					}
					else {
						for (var j=0; j<uls.length; j++) {
							uls[j].style.width = "220px";
						}
						divs[k].style.width = "225px";
					}
				}
			}
			this.className += " hover";}
		lis[i].onmouseout = function() {
			this.className = this.className.replace("hover","");
		}
	}
}

/**
 * jQuery Opacity Rollover plugin
 *
 * Copyright (c) 2009 Trent Foley (http://trentacular.com)
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */
;(function($) {
	var defaults = {
		mouseOutOpacity:   0.67,
		mouseOverOpacity:  1.0,
		fadeSpeed:         'fast',
		exemptionSelector: '.selected'
	};

	$.fn.opacityrollover = function(settings) {
		// Initialize the effect
		$.extend(this, defaults, settings);

		var config = this;

		function fadeTo(element, opacity) {
			var $target = $(element);
			
			if (config.exemptionSelector)
				$target = $target.not(config.exemptionSelector);	
			
			$target.stop().fadeTo(config.fadeSpeed, opacity);
		}

		this.css('opacity', this.mouseOutOpacity)
			.hover(
				function () {
					fadeTo(this, config.mouseOverOpacity);
				},
				function () {
					fadeTo(this, config.mouseOutOpacity);
				});

		return this;
	};
})(jQuery);