$(function() {

$('ul.sf-menu a').wrapInner("<span>" + "</span>");


$("ul.sf-menu").superfish({
    autoArrows:    false,
    dropShadows:   false,               
    disableHI:     false
});


$('#slideshow').cycle({
    fx:     'fade', 
    speed:  'slow', 
    timeout: 6000, 
    pause:           1,      // true to enable "pause on hover" 
    pauseOnPagerHover: 1, // true to pause when hovering over pager link 
    pager:      '#pager',
    pagerAnchorBuilder: function(idx, slide) { 
     // return selector string for existing anchor 
	    return '#pager li:eq(' + idx + ') a'; 
    }

});



$(".thumb").tooltip({ 
	position: "top right", 
	opacity: 1, 
	offset: [-2,-40] 
});

$(".residentialT").tooltip({ 
	extraClass: "tooltipR" 
});

$(".commercialT").tooltip({ 
	extraClass: "tooltipC"
});


var lastImage = 0;


$('#gallery').cycle({
    fx:     'scrollHorz', 
    speed:  'slow', 
    timeout: 0, 
	nowrap:        1,
    prev: '#prevButton',
   	next: '#nextButton',
    after: onAfter  
});

function onAfter(curr, next, opts) {

	var counter = (opts.currSlide + 1) + '&nbsp;/&nbsp;' + opts.slideCount;
	$('#count').html(counter);


	$('#project-info').empty().append($(this).children(".caption").html()); 

        var index = opts.currSlide;
		$('#startButton').attr("href","#").addClass('active');
		$('#prevButton').attr("href","#").addClass('active');
        $('#nextButton').attr("href","#").addClass('active');
   	    $('#endButton').attr("href","#").addClass('active');
		if (index == 0) {
			$('#startButton').removeAttr('href').removeClass('active');
			$('#prevButton').removeAttr('href').removeClass('active');
		}
		if (index == opts.slideCount - 1) {
	        $('#nextButton').removeAttr('href').removeClass('active');
    	    $('#endButton').removeAttr('href').removeClass('active');
		}
    }


       lastImage = $('#gallery').children('.item').size() - 1;
       if (lastImage < 0) lastImage = 0;


       $('#startButton').click( function() {
            $('#gallery').cycle(0);
			return false;
        });
        $('#endButton').click( function() {
            $('#gallery').cycle(lastImage);
			return false;
        });


//hide the all of the element with class summary

$("#services .summary").hide();
$("#services h2").addClass('collapsed');

//toggle the component with class summary


	$("#services h2").bind("click", function() {
            if ($(this).next(".summary").is(":visible")) { 
				$(this).next(".summary").slideUp("100"); 
            $(this).removeClass('expanded').addClass('collapsed');
			} else { 
//				var thisHeight = $(this).next(".summary").outerHeight();
//				$(this).next(".summary").css('height', thisHeight);
    	        $(this).next(".summary").slideDown("100"); 
	        $(this).removeClass('collapsed').addClass('expanded');
			}
			return false;
	});






$("a[href*=.pdf]").click(function(){
	window.open(this.href);
	return false;
});

$("a[href$='.pdf']").addClass("pdf");
$("a[href$='.doc']").addClass("doc");




        $('a[href*=#]').click(function() {
          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target
            || $('[name=' + this.hash.slice(1) +']');
            if ($target.length) {
              var targetOffset = $target.offset().top;
              $('html,body')
              .animate({scrollTop: targetOffset}, 1000);
             return false;
            }
          }
        });


$(".prefilled").focus(function() {  
	this.value = '';
});  

$(".prefilled").blur(function() {  
     if ($.trim(this.value) == ''){  
         this.value = (this.defaultValue ? this.defaultValue : '');  
     }  
});  


	$("#signupForm").validate({
		rules: {
			name: "required",
			"cm-125379-125379": {
				required: true,
				email: true
			}
		},
		messages: {
			name: "Please enter your name.",
			"cm-125379-125379": "Please enter a valid email address."
		},
        errorPlacement: function(error, element) {
            error.insertBefore(element);
        }

	});


  $('#select').change(function() {
    var option = $(this).val();
    if( option ) {
        window.open(option, 'Newsletter');
	}
  });

				

});