$(function() {
    //Registration //Upload
    $('#imageuploads .FormRow:not(:first)').css({ "display": "none" });

    $('#uploadanother').mouseover(function() {
        $(this).css({ "cursor": "pointer" });
    });
    $('#uploadanother').click(function() {
        $('#imageuploads .FormRow:not(:visible):first').css({ "display": "block" });

        if ($('#imageuploads .FormRow:not(:visible):first').size() < 1)
            $('#uploadanother').css({ "display": "none" });
    });

    //Services Banner Ad
    $(".ServiceBannerAd").appendTo(".ServicesCats .ResultRow:eq(2)");

    //$.getScript('/js/jquery.cycle.all.min.js');
    $('.HomeFeature ul').cycle({
        fx: 'scrollLeft',
        speed: 1000,
        pause: 25000,
        pager: '#FeatureNav'
    });
    $('.FeatureGuides ul').cycle({
        fx: 'scrollLeft',
        speed: 1000,
        pause: 25000,
        pager: '#FeatureNav'
    });
    $('.PackageImage ul').cycle({
        fx: 'scrollLeft',
        speed: 1000,
        pause: 25000,
        pager: '#FeatureNav'
    });
	$('.BlogMainImages ul').cycle({
        fx: 'scrollLeft',
        speed: 1000,
        timeout: 0, 
        pager: '#FeatureNav'
    });

    $('.BreadSectionModule').prev().remove();

    /*
    Watermarks
    This does the watermarking for input boxes, use the watermark class on
    labels, watermarkJS is added so you can position the label over the input
    */
    $(function() {
        $('label.watermark').addClass("watermarkJS");
        $('label.watermark').each(function(index, label) {
            eleInput = $('#' + $(label).attr("for"))[0];

            if (eleInput.value != "") {
                $(label).hide();
            }
            $(eleInput).blur(function() {
                eleInput = $('#' + $(label).attr("for"))[0];
                if (eleInput.value == "") {
                    $(label).show();
                }
            });
            $(eleInput).focus(function() {
                eleInput = $('#' + $(label).attr("for"))[0];
                $(label).hide();
            });

        });
    }); 
    
    /* Breadcrumbs toggle */
    $('.BreadsElement').hover(
        function() {
            $(this).find('ul').addClass("BreadsHover");
            //$(this).find('ul').fadeIn("1000");
        },
        function() {
            $(this).find('ul').removeClass("BreadsHover");
            //$(this).find('ul').fadeOut("1000");
        }
    )
    $('.BreadSectionModule').hide();
    $('.BreadsElementMod').hover(
        function() {
            $(this).find('ul').addClass("BreadsHoverModule");
            $('.BreadSectionModule').show();
        },
        function() {
            $('.BreadsElementMod').find('ul').removeClass("BreadsHoverModule");
            $('.BreadSectionModule').hide();
        }
    )

    /* Style cursor for map button */
    $('#mapContainer').mouseover(function() {
        $(this).css({ "cursor": "pointer" });
    });

    function serviceImageCycle() {
        $('.ServiceImages').after('<ul id="ServiceImagesPager" class="ServiceImagesPager">').cycle({
            fx: 'fade',
            speed: 'fast',
            timeout: 9000,
            pager: '.ServiceImagesPager',

            // callback fn that creates a thumbnail to use as pager anchor 
            pagerAnchorBuilder: function(idx, slide) {
                return '<li><a href="#"><img src="' + slide.src.replace("FeatureSub", "FeatureThumb") + '"   /></a></li>';
            }
        });
    }
});
