$(document).ready(function(){
//	
	var topMenu=document.getElementById("topMenu");
	if(topMenu){
		bindLavaToMenu(topMenu);
	}

	var testimonialsWrapper=document.getElementById("testimonialsWrapper");
	if(testimonialsWrapper){
		bindTestimonialsSlides();
	}
//return;


	if ( $.browser.msie) {
  		fixIE();
	}	

	var slidesWrapper=document.getElementById("slidesWrapper");
	if(slidesWrapper){
		bindSlides();
	}
	var gallery=document.getElementById("gallery");
	if(gallery){
		$("#gallery a").colorbox();
	}
	
});


function fixIE(){
	$("tr:odd td").css("background-color", "#deeafb").addClass("odd");
	$("body.page-template-services-php div#sideBar ul li:odd").css("background-color", "#deeafb").addClass("odd");
	$("body.page-template-gutterCleaning-php div#sideBar ul li:even").css("background-color", "#deeafb").addClass("even");
	$("div.boxMenu").append("<b class='left'></b><b class='right'></b>");
	//$("div#header ul#topMenu li a").append("<b class='left'></b><b class='right'></b>");
	$("div#testimonialRotator").after("<b class='mask'></b>");
	$("body.home div#slides div.slide h2").append("<b class='whiteDot'></b>");
	$("div#footer ul#footerMenu li:last-child").addClass('last-child');
	$("body.page-template-faq-php div#slides div.slide h3 +ol ").addClass("first");


		
		
	if(true || parseInt($.browser.version)<8){
		
		$("label[for=questionTxt]").before("<br />");
		
		
		$("div#footer p.white").append("<b class='hidden'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</b>");
	
		$("div#footer ul#footerMenu li").not("div#footer ul#footerMenu li:last-child").append("<b>|</b>");	
	
		$("body.page-template-services-php div#sideBar ul li").each(function(){
			var tmp=$(this).children().last();
			tmp.detach();
			$(this).prepend(tmp);
		});
		$("body.page-template-gutterCleaning-php div#sideBar ul li").each(function(){
			var tmp=$(this).children().last();
			tmp.detach();
			$(this).prepend(tmp);
		});
		$("div#header ul#dots").insertAfter('#rotatorWrapper');
		$("div#header ul#dots li").hover( function(){ $(this).addClass("hover");}, function(){$(this).removeClass("hover");});	
		
		
	}
}




function bindTestimonialsSlides(){
		var api=$("div#testimonialRotator").scrollable({size:3}).circular().autoscroll({autoplay: true,steps:3}).navigator({ items:"div#testimonialsWrapper",item:"div.testimonial",api: true, navi:'ul#dots',naviItem:'li' });
	$('ul#dots').mouseenter(function(){
		api.stop();
	}).mouseleave(function(){
		//api.play();
	});		
}

function bindSlides(){
	
	var tmpSrc=$("script").get(3).src;
	tmpSrc=tmpSrc.split('/');
	tmpSrc.pop();
	tmpSrc.pop();
	tmpSrc=tmpSrc.join('/');
	bindSlide("slideTwo",2,tmpSrc);
	bindSlide("slideThree",3,tmpSrc);
	bindSlide("slideFour",4,tmpSrc);
	document.getElementById('slides').style.background="#003156";
	
	//var api=$("div#slides").scrollable({autoplay: true,size:1,globalNav:true,next:"div#next",prev:"div#prev",api: true});
	
	function pagerFactory(idx, slide) {
		return '<b class="sl'+(idx+1)+'"></b>';
    };
    
	function beforeF(idx,nextSlide) {// callback fn for pager clicks: function(zeroBasedSlideIndex, slideElement) 
		document.getElementById('rotatorWrapper').className=nextSlide.id;
    };
    
    var slidesWrapper=$("div#slidesWrapper");
   
		slidesWrapper.cycle({
			next:   '#next', 
    		prev:   '#prev',
    		pager: '#dots',
    		pagerAnchorBuilder: pagerFactory,
    		before: beforeF,
			fx: $.browser.msie?'fade':'fade'//none
		});
	
	$('#rotatorWrapper').mouseenter(function(){
		//slidesWrapper.cycle('pause');
	}).mouseleave(function(){
		//slidesWrapper.cycle('resume');
	});
	
	$("ul#sliderThumbs li").each(function(index,element){
		//alert(element);
		$(element).click(function(){
			$("#dots b:eq("+index+")").click();
		});
	});
	
}



function bindSlide(slideName,n,tmpSrc){
							var bodyB=document.getElementsByTagName('BODY');
							var imgI=document.createElement('IMG');
							imgI.className='transparent';
							var chosenSlide=slideName;
							var slideNumber=n;
							imgI.onload=function(){								
								var slide=document.getElementById(chosenSlide);
								slide.style.background='transparent url('+this.src+') 0px 0px no-repeat';
								//alert(this);
								$(this).remove();
								//bodyB[0].removeChild(this);
							}
							imgI.src=tmpSrc+'/images/slide'+n+'.jpg';
							bodyB[0].appendChild(imgI);
}

function bindLavaToMenu(topMenu){
		var jTopMenu=$(topMenu);
		var jA=jTopMenu.find('A');
		var style = 'easeOutElastic';
		
		
		var lavaLeftShift=5;
		var lavaPaddingRight=8;
		
		//NewLava
		lavaLeftShift=12;
		lavaPaddingRight=20;
		
		//NewLava
		
		
		if($.browser.msie){
			lavaLeftShift-=5;
			lavaPaddingRight-=7;
		}
		
		var jTopMenuLeft=jTopMenu.parent().offset().left;
		
		
		
var jSelected=jTopMenu.find('li.current_page_item a');
		
		
		//alert('asdasd');
		
		var default_left = Math.round( jSelected.offset().left - jTopMenuLeft - lavaLeftShift );
		
		//alert(default_left);
		var default_width = jSelected.width()+lavaPaddingRight;
/*
		var jBoxMenu = $("<div />", {
			css: {
					left: default_left,
					width: default_width
				},
			className: "boxMenu"
		}).appendTo(jTopMenu.parent());
*/		
		
		var jBoxMenu = $("<div class='boxMenu' style='left:"+default_left+"px;width:"+default_width+"px;'>");		
		jTopMenu.parent().append(jBoxMenu);
		//return;
		jA.hover(function () {
			left = Math.round($(this).offset().left - jTopMenuLeft -lavaLeftShift);
			width = $(this).width()+lavaPaddingRight; 
			if($.browser.msie){
				jBoxMenu.css({left: left, width:width});
				//jBoxMenu.stop(false, true).animate({left: left, width:width},{duration:800});
			}else{
				jBoxMenu.stop(false, true).animate({left: left, width:width},{duration:300});//		, easing: style			
			}
		}).click(function () {
			var jSelected = $(this);
			$('#topMenu li a').parent().removeClass('current_page_item');	
			jSelected.parent().addClass('current_page_item');
			default_left = Math.round( jSelected.offset().left - jTopMenuLeft - lavaLeftShift );
			default_width = jSelected.width()+lavaPaddingRight;
		});
		
		$('#topMenu').mouseleave(function () {
			if($.browser.msie){
				//jBoxMenu.stop(false, true).animate({left: default_left,width:default_width},{duration:800});
				jBoxMenu.css({left: default_left,width:default_width});	
			}else{
				jBoxMenu.stop(false, true).animate({left: default_left,width:default_width},{duration:300});
			}		
		});
	}
							/*
							<div id="skin1" class="beauty">
								<b class="topBeauty"></b>
								<b class="rightTopBeauty"></b>
								<b class="rightBottomBeauty"></b>
								<b class="bottomBeauty"></b>
								<b class="leftBeauty"></b>
							</div> 
							*/
							
							/*
								<div id="skin2" class="beauty">
									<b class="topLeftBeauty"></b>
									<b class="topCenterBeauty"></b>
									<b class="topRightBeauty"></b>
									<b class="rightBeauty"></b>
									<b class="bottomRightBeauty"></b>
									<b class="bottomCenterBeauty"></b>
									<b class="bottomLeftBeauty"></b>
									<b class="leftBeauty"></b>
								</div> 

							*/