jQuery(document).ready(function ($) {

    /* start: front page rotator */   

    var rotatorTimeout = null;
    var rotatorIndex = 1;
    var delay = 4000;
    var fadeSpeed= 800;
    function startTimer() {
        stopTimer();
        rotatorTimeout = setTimeout(showNextImage, delay);
    }
    function stopTimer() {
        if (rotatorTimeout != null) {
            clearTimeout(rotatorTimeout);
            delete rotatorTimeout;
        }
    }
    function showNextImage() {
        var next = $('#rotator .selected').fadeOut(fadeSpeed).removeClass('selected').next();

        if (next.length == 0 || next.hasClass('selected'))
            next = $('#rotator div.item:first');

        next.fadeIn(fadeSpeed).addClass('selected');
        startTimer();
    }
    startTimer();        
    /* end: front page rotator */


    /* start: main menu */
    $('#menu a.site-link').click(function (e) {

		// unhighlight any selected galleries
		$('#gallery-list').find('a').removeClass('selected');
			
        selectPage($(this), true);

        //e.preventDefault();
        //return false;
    });

    function selectPage($clickedMenuItem, selectFirstGallery) {

        // add selected class        
        $('a.site-link').removeClass('selected');
        $clickedMenuItem.addClass('selected');


        // hide all other pages
        $('.site-page.selected').removeClass('selected').hide();

        // show this one
        $($clickedMenuItem.attr('href')).addClass('selected').fadeIn();

        // turn on/off home rotator 
        if ($clickedMenuItem.attr('href') == '#home')
            startTimer();
        else
            stopTimer();

        // if it's the main gallery, select the first one
        if (selectFirstGallery && $clickedMenuItem.attr('href') == '#gallery') {

            // select first gallery
            selectGallery($clickedMenuItem.next('ul').find('a').first());
        }
    }
  

    /* galleries */
    
    $('#gallery-list a').click(function (e) {

        selectPage($('#menu-gallery'), false);

        selectGallery($(this));

        //e.preventDefault();
        //return false;
    });

    function selectGallery($a) {
        $('#gallery #preview').html('');

        $a.closest('ul').find('a').removeClass('selected');
        $a.addClass('selected');



        // get name
        var galleryName = $a.attr('href');
        galleryName = galleryName.substring(galleryName.indexOf('-') + 1);



        var gallery = galleryData[galleryName];

        
        var galleryHtml = '';
        for (var i in gallery) {
            var name = gallery[i];
            galleryHtml += '<li><a href="images/galleries/fullsize/' + galleryName + '/' + name + '.jpg"><img src="images/galleries/square/' + galleryName + '/' + name + '.jpg" /></a></li>';
        }

        $('#gallery ul').html(galleryHtml);

        // fake click the first one
        $('#gallery ul a').first().click();


    }

        //, 'infants': ['addison', 'benjamin', 'culpgirls', 'gabby', 'kallie', 'kallie2', 'sarah', 'sophia']
        //, 'children': ['reid', 'cleo', 'cleoandhorse', 'boyincountry', 'boysfishing', 'girls', 'gabby2', 'gabby3', 'katysgrandkids', 'lauren']

    var galleryData = {
        'bridal': [
						'adrienne'
						//,'adrienne2'
						//, 'angie',
						, 'eliz'
						, 'jillian'
						, 'kristen'
						, 'kristen2'
						, 'kristen3'
						, 'lauren'
						, 'liz'
						, 'pillar'
						, 'southwestern'
						]
        , 'infants': [
						 'hank'
						, 'isabella'
						//, 'corinne2'
						, 'ruthie'
						, 'audrey'						
						, 'claire'
						, 'corinne'
						, 'juliette'
						, 'hands'
						, 'jason'
						, 'mother'
						//, 'gwen'
						
						
						
						//, 'james'
						
						
						, 'kallie'
						
						, 'mother2'
						
						, 'wyatte'
						]
        , 'children': [
						'katysgrandkids'
						, 'lauren'

						, 'addison'
						, 'benjamin'
						, 'culpgirls'
						
						//, 'kallie'
						//, 'kallie2'
						//, 'sarah'
						, 'sophia'
						, 'reid'
						//, 'cleo'
						, 'cleoandhorse'
						//, 'boyincountry'
						, 'boysfishing'
						, 'girls'
						//, 'gabby'
						//, 'gabby2'
						//, 'gabby3'
						]
        , 'seniors': [
						'allie'
						, 'alyna'
						, 'charlie'
						, 'claire'
						, 'jessica'
						, 'julie'
						, 'kyle'
						, 'sahar'
						, 'schill'
						, 'taylor'
						]
        , 'family': [
						'best'
						, 'dyer'
						, 'ferrer'
						, 'ferris'
						, 'graves'
						, 'janda'
						, 'lawson'
						, 'peters'
						, 'traux'
						, 'travis'
						]
    };


    /* start: gallery thumbs */
    $('#gallery').delegate('a', 'click', function (e) {

        // highlight the selected image
        $('#gallery ul img').removeClass('selected');
        $(this).find('img').addClass('selected');

        var img = new Image();


        // wait until the image is loaded to start fadeIn, fadeOut
        $(img).bind('load', function () {
            var $i = $(this);

            //
            
            var p = $('<div class="preview" />').hide();
            p.append($i);

            // start fading all loaded images, then remove
            $('#preview .preview').fadeOut(1000, function () { $(this).remove(); });

            // attach this one, and fade in
            $('#preview').append(p);
            p.fadeIn(1000);

            $i.css('margin-top', 450 / 2 - $i.height() / 2);
        })
        // set the image
        .attr('src', $(this).attr('href'));

        e.preventDefault();
    });
    /* end: galleries */

	
	$('#send-feedback').bind('click',function() {
		
		
		var name = $('#contact-name').val();
		var phone = $('#contact-phone').val();
		var email = $('#contact-email').val();
		var message = $('#contact-comment').val();
		
		if (name == '' || phone == '' || email == '' || message == '') {
			$('#send-feedback').val('Invalid. Please Try again.');			
		} else {
			
			$('#send-feedback').val('Sending...');
			
			$.ajax( {
				type:'POST'
				,data: {name: name, phone: phone, email: email, message: message}
				,url: 'sendmail.php'
				,success: function(e) {
					console.log('success', e);
					
					$('#send-feedback').val('Thanks!');
				}
				,error: function(e) {
					console.log(e);
				}
			});
		
		}
	
	});	


});