$(document).ready(function() {

	$("div#roof-gallery").slideViewerPro({
		thumbs: 5, 
		thumbsVis: false, 
		thumbsPercentReduction: 14,
		autoslide: true, 
		asTimer: 5500, 
		typo: false,
    galBorderWidth: 2,
	galBorderColor: "#602f18", 
		thumbsBorderOpacity: 0, 
		buttonsTextColor: "#707070",
		buttonsWidth: 40,
		thumbsActiveBorderOpacity: 0.8,
		thumbsActiveBorderColor: "#ec910e",
		shuffle: false
		});
	

$('.rightButtons').hover(function() {
		$(this).animate({paddingLeft: '+=15px'}, 200);
	}, function() {
		$(this).animate({paddingLeft: '-=15px'}, 200);
	});



$('.slide-out-div').show().tabSlideOut({
                 tabHandle: '.handle',                              //class of the element that will be your tab
                 pathToTabImage: 'images/contact_tab.gif',          //path to the image for the tab (optionaly can be set using css)
                 imageHeight: '122px',                               //height of tab image
                 imageWidth: '40px',                               //width of tab image    
                 tabLocation: 'left',                               //side of screen where tab lives, top, right, bottom, or left
                 speed: 300,                                        //speed of animation
                 action: 'click',                                   //options: 'click' or 'hover', action to trigger animation
                 topPos: '200px',                                   //position from the top
                 fixedPosition: true                            //options: true makes it stick(fixed position) on scroll
             });


  //first slide down and blink the message box
  $("#caution").animate({
  top: "0px"
  }, 2000 );
  //close the message box when cross red image is clicked
  $("#close_message").click(function()
  {
     $("#caution").fadeOut("slow");
  });

  $(".closeIt").css({
		'color' : '#FFF',
		'font-size' : '25px',
		'padding-top' : '270px',
		'float' : 'right',
		'margin-right' : '30px'
  });

  $(".closeIt").click(function(){
		$("#director").hide();
  });



$(window).scroll(function() {
$('#director').css('top', $(document).scrollTop());
});

  $("#director").delay(4000).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
  


});


function myPop(url) {
			newwindow=window.open(url,'name','height=780,width=840,scrollbars, resizable,');
			if (window.focus) {newwindow.focus()}
			return false;
			}