$(document).ready(function () {
    //alert('page loaded');
    $('#slideshow')
    .after('<div id="arrows"><a href="#" id="prev">Previous</a><a href="#" id="next">Next</a></div>')
    .cycle({

        fx: 'fade', // name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle)
        timeout: 3000,  // milliseconds between slide transitions (0 to disable auto advance)
        timeoutFn: null,  // callback for determining per-slide timeout value:  function(currSlideElement, nextSlideElement, options, forwardFlag)
        continuous: 0,     // true to start next transition immediately after current one completes
        speed: 1000,  // speed of the transition (any valid fx speed value)
        speedIn: null,  // speed of the 'in' transition
        speedOut: null,  // speed of the 'out' transition
        next: '#next',  // selector for element to use as click trigger for next slide
        prev: '#prev',  // selector for element to use as click trigger for previous slide
        prevNextClick: null,  // callback fn for prev/next clicks:    function(isNext, zeroBasedSlideIndex, slideElement)
        prevNextEvent: 'click.cycle', // event which drives the manual transition to the previous or next slide
        pager: null,  // selector for element to use as pager container
        pagerClick: null,  // callback fn for pager clicks:    function(zeroBasedSlideIndex, slideElement)
        pagerEvent: 'click.cycle', // name of event which drives the pager navigation
        allowPagerClickBubble: false,  // allows or prevents click event on pager anchors from bubbling
        pagerAnchorBuilder: null, // callback fn for building anchor links:  function(index, DOMelement)
        before: null,  // transition callback (scope set to element to be shown):     function(currSlideElement, nextSlideElement, options, forwardFlag)
        after: null,  // transition callback (scope set to element that was shown):  function(currSlideElement, nextSlideElement, options, forwardFlag)
        end: null,  // callback invoked when the slideshow terminates (use with autostop or nowrap options): function(options)
        easing: null,  // easing method for both in and out transitions
        easeIn: null,  // easing for "in" transition
        easeOut: null,  // easing for "out" transition
        shuffle: null,  // coords for shuffle animation, ex: { top:15, left: 200 }
        animIn: null,  // properties that define how the slide animates in
        animOut: null,  // properties that define how the slide animates out
        cssBefore: null,  // properties that define the initial state of the slide before transitioning in
        cssAfter: null,  // properties that defined the state of the slide after transitioning out
        fxFn: null,  // function used to control the transition: function(currSlideElement, nextSlideElement, options, afterCalback, forwardFlag)
        height: 'auto', // container height
        startingSlide: 0,     // zero-based index of the first slide to be displayed
        sync: 1,     // true if in/out transitions should occur simultaneously
        random: 0,     // true for random, false for sequence (not applicable to shuffle fx)
        fit: 0,     // force slides to fit container
        containerResize: 1,     // resize container to fit largest slide
        pause: 1,     // true to enable "pause on hover"
        pauseOnPagerHover: 1,   // true to pause when hovering over pager link
        autostop: 0,     // true to end slideshow after X transitions (where X == slide count)
        autostopCount: 0,     // number of transitions (optionally used with autostop to define X)
        delay: 0,     // additional delay (in ms) for first transition (hint: can be negative)
        slideExpr: null,  // expression for selecting slides (if something other than all children is required)
        cleartype: !$.support.opacity,  // true if clearType corrections should be applied (for IE)
        cleartypeNoBg: false, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
        nowrap: 0,     // true to prevent slideshow from wrapping
        fastOnEvent: 0,     // force fast transitions when triggered manually (via pager or prev/next); value == time in ms
        randomizeEffects: 1,     // valid when multiple effects are used; true to make the effect sequence random
        rev: 0,     // causes animations to transition in reverse
        manualTrump: true,  // causes manual transition to stop an active transition instead of being ignored
        requeueOnImageNotLoaded: true, // requeue the slideshow if any image slides are not yet loaded
        requeueTimeout: 250,   // ms delay for requeue
        activePagerClass: 'activeSlide', // class name used for the active pager link
        updateActivePagerLink: null // callback fn invoked to update the active pager link (adds/removes activePagerClass style)
    });


    $('.focus').focus();
  


    $("#contact_form").validate({
        errorLabelContainer: $("#contact_form div.error"),
        rules: {
            name: "required",
            email: {
                required: true,
                email: true
            },
            

        },
        messages: {
            name: "Please enter your name",
            email: "Please enter a valid email address",
        
        }
    });

    $('.scroll').jScrollPane();



    $(".interactive_map").fancybox({
		'width'				: '95%',
		'height'			: '95%',
        'autoScale'     	: false,
        'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'				: 'iframe'
	});

    $(".fancybox").fancybox({
		'titleShow'     : false
	});
    
   


//    var marker = new google.maps.Marker({
//        position: myLatlng,
//        map: map,
//        title: 'Viridian'
//    });
//    infowindow.open(map, marker);
//    google.maps.event.addListener(marker, 'click', function () {
//        infowindow.open(map, marker);
//    });

    
});