// FRONT SHOW
var time;
var fShow = function(fS){
	if(fS==1){sFrame1();}
	if(fS==2){sFrame2();}
	if(fS==3){sFrame3();}
	if(fS==4){sFrame4();}
	if(fS==5){sFrame5();}
	fS++
	if(fS==6){fS=1;}
	time = setTimeout('fShow('+fS+')',4000);
};
var sFrame1 = function(){
	$('#tx5').animate({opacity:0}, 1000);
	$('#fs5').animate({opacity:0}, 1000);
	$('#fs1').animate({opacity:1}, 1000);
	$('#tx1').animate({opacity:0, marginLeft: "30px"}, 1000) //delays next animation
		.animate({opacity:1, marginLeft: "0px"}, 1000); //animate text
};
var sFrame2 = function(){
	$('#tx1').animate({opacity:0}, 1000);
	$('#fs2').animate({opacity:1}, 1000);
	$('#tx2').animate({opacity:0, marginLeft: "30px"}, 1000) //delays next animation
		.animate({opacity:1, marginLeft: "0px"}, 1000); //animate text
};
var sFrame3 = function(){
	$('#tx2').animate({opacity:0}, 1000);
	$('#fs3').animate({opacity:1}, 1000);
	$('#fs2').animate({opacity:0}, 1000);
	$('#tx3').animate({opacity:0, marginLeft: "30px"}, 1000) // delays next animation
		.animate({opacity:1, marginLeft: "0px"}, 1000); //animate text
};
var sFrame4 = function(){
	$('#tx3').animate({opacity:0}, 1000);
	$('#fs4').animate({opacity:1}, 1000);
	$('#fs3').animate({opacity:0}, 1000);
	$('#tx4').animate({opacity:0, marginLeft: "30px"}, 1000) // delays next animation
		.animate({opacity:1, marginLeft: "0px"}, 1000); //animate text
};
var sFrame5 = function(){
	$('#tx4').animate({opacity:0}, 1000);
	$('#fs5').animate({opacity:1}, 1000);
	$('#fs4').animate({opacity:0}, 1000);
	$('#tx5').animate({opacity:0, marginLeft: "30px"}, 1000) // delays next animation
		.animate({opacity:1, marginLeft: "0px"}, 1000); //animate text
};

$(document).ready(function(){
						   
	$('#fs1').css({opacity:1});
	$('#tx1').css({opacity:0});
	$('#fs2').css({opacity:0});
	$('#tx2').css({opacity:0});
	$('#fs3').css({opacity:0});
	$('#tx3').css({opacity:0});
	$('#fs4').css({opacity:0});
	$('#tx4').css({opacity:0});
	$('#fs5').css({opacity:0});
	$('#tx5').css({opacity:0});
	
	fShow(1);
	$('#vbox').hide();
	
});


var vcount = 0;
var Video = function(){
	if(vcount%2 == 0){
		$('#vbox').html("");
		$("#vbox").append('<embed src="vidplayer.swf" autoplay="true" loop="false" menu="false" quality="high" wmode="opaque" salign="" bgcolor="#000000" WIDTH="640" HEIGHT="375" ALIGN="middle" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></embed>');
		$('#vbox').fadeIn(100);
		$('#playvideo').html("");
		$('#playvideo').append('<img src="http://www.brycecanyoncountry.com/images/stop.png" width="100" height="30" alt="Stop" onclick="Video()" />');
	}else{
		$('#vbox').html("");
		$('#vbox').hide();
		$('#playvideo').html("");
		$('#playvideo').append('<img src="http://www.brycecanyoncountry.com/images/play.png" width="100" height="30" alt="Play" onclick="Video()" />');		
	}
	vcount++;
};

var StopVideo = function(){
	$('#vbox').html("");
	$('#vbox').hide();
	$('#playvideo').html("");
	$('#playvideo').append('<img src="http://www.brycecanyoncountry.com/images/play.png" width="100" height="30" alt="Play" onclick="Video()" />');
};

// TOGGLE SERVICES DROPDOWN
function toggle_visibility(id) {
   var e = document.getElementById(id);
   if(e.style.display == 'block')
	  e.style.display = 'none';
   else
	  e.style.display = 'block';
}