////////////////////////////////////////
// Over Label
////////////////////////////////////////
jQuery.fn.overlabel = function() {
    this.each(function(index) {
        var label = $(this); var field;
        var id = this.htmlFor || label.attr('for');
        if (id && (field = document.getElementById(id))) {
            var control = $(field);
            label.addClass("overlabel-apply");
            if (field.value !== '') {
                label.css("display", "none");
            }
            control.focus(function () {label.css("display", "none");}).blur(function () {
                if (this.value === '') {
                    label.css("display", "block");
                }
            });
            label.click(function() {
                var label = $(this); var field;
                var id = this.htmlFor || label.attr('for');
                if (id && (field = document.getElementById(id))) {
                    field.focus();
                }
            });
        }
    });
};

//////////////////////////////////////////
//  Document Ready
/////////////////////////////////////////
$(document).ready(function(){
	$('.slide, .galThumbs img').hide();
	//////////////////////////////////////////
	//  Home Slideshows
	/////////////////////////////////////////
	if(jQuery.fn.cycle){
		var $features = $('#feedViewer .feature');
		var cycleOpts = {
			fx : 'fade',
			speed:  500, 
			// timeout: 0,
			next: '.next a',
			prev: '.prev a',
			before: function() {
				// $('#feedViewer').animate({'height':$(this).find('img').attr('height')}, 'slow');
			}
		}
		if ($features.length > 1) {
/*
			$('#feedViewer').after(
				'<div class="slideControl">'+
				'<ul>'+
				'<li class="prev"><a>Previous</a></li>'+
				'<li class="next"><a>Next</a></li>'+
				'</ul>'+
				'</div>'
			).cycle(cycleOpts);
*/
			
			$('#feedViewer').cycle( cycleOpts );
		}

		
	}
	//////////////////////////////////////////
	//  Interior Slideshows
	/////////////////////////////////////////
	if(jQuery.fn.cycle){

		var $slides = $('.col-2-gallery .slide img, .col-2-gallery .slide .video_html');
		var $caption = $('.col-2-gallery img:first').attr("alt");
		function updateCaption() { 
			$('.slideControl h5').text(this.alt); 
		}
		
		var cycleOpts = {
			fx : 'fade',
			speed:  500, 
			timeout: 0,
			next: '.next a',
			prev: '.prev a',
			before: updateCaption
		}
		
		if ($slides.length > 1) {

/*
			$('.slide').before(
				'<div class="slideControl">'+
				'<h5>'+$caption+'</h5>'+
				'<ul>'+
				'<li class="prev"><a>Previous</a></li>'+
				'<li class="next"><a>Next</a></li>'+
				'</ul>'+
				'</div>'
			).cycle(cycleOpts);
*/

			$('.slide').cycle(cycleOpts);
		}
		
	}
	
	//////////////////////////////////////////
	//  Fancybox Overlays
	/////////////////////////////////////////
	if(jQuery.fn.fancybox){
		var fancyboxOpts = { 
			'padding' : 0,
			'overlayOpacity' : 0.85,
			'hideOnContentClick': true, 
			'zoomOpacity' : 0.5,
			'imageScale' : true, 
			'zoomSpeedIn' : 500,
			'zoomSpeedOut' : 400 
		};
		
		$(".slide a").fancybox(fancyboxOpts);
		
		$('a[rel="fancybox"]').fancybox(fancyboxOpts);
	}
	
	if( $('.galThumbs ul a').length > 1 ) {
		$(".galThumbs ul a").click(function() {
			$('.slide').cycle( $('.galThumbs ul a').index( $(this) ) );
			return false;
		});
	}
	
	if( $('a[rel="fancybox"]').length > 0 ) {
		$('a[rel="fancybox"]').fancybox();
	}
	
	//////////////////////////////////////////
	//  Basic Slideshows
	/////////////////////////////////////////
	$('.col-2-alt .slide img').hide();
	if(jQuery.fn.cycle){

		var $pics = $('.col-2-alt .slide img');
		var cycleOpts = {
			fx : 'fade',
			speed:  1000, 
			timeout: 8000
		}
		if ($pics.length > 1) {
			$('.slide').cycle(cycleOpts);
		}
		
	}
	//////////////////////////////////////////
	//  Connect Form
	/////////////////////////////////////////
	$('#contactForm label').overlabel();
	// Client Side Validation
	if (jQuery.fn.validate) {
		$('#contactForm').validate();
	}
});
//////////////////////////////////////////
//  Psuedo Loader
/////////////////////////////////////////
var i = 0;
var int = 0; // for IE
function loadPic() {
	var $slides = $('div.slide img, div.slide .video_html').length;
	if (i >= $slides) {
		clearInterval(int);
	}
	$('.slide, .galThumbs').find('img:hidden').eq(0).fadeIn(500).end().end().fadeIn(500);
	i++;
}
$(window).bind('load', function() {
	var int = setInterval('loadPic(i)', 50);
});