$(document).ready(function(){
						   

function show_arrow(position) {
	$('div#border-replace div').css({'background-position' : position+'px 0'});
}
function hide_arrow() {
	$('div#border-replace div').css({'background-position' : '-9999px -9999px'});
	
	if ( $('div#nav li#nav-services a').hasClass("selected") )
		show_arrow('352');
	
	if ( $('div#nav li#nav-quote a').hasClass("selected") )
		show_arrow('481');
	
	if ( $('div#nav li#nav-about a').hasClass("selected") )
		show_arrow('610');
	
	if ( $('div#nav li#nav-contact a').hasClass("selected") )
		show_arrow('739');
	
	if ( $('div#nav li#nav-home a').hasClass("selected") )
		show_arrow('868');	
}

function menu_hover_in(section, position) {
	$('div#nav li#nav-'+section+' a').css({'background-position' : position+'px -88px'}).stop().animate({height: '88px'}, {queue:false, duration:600, easing: 'easeOutBounce'});	
}
function menu_hover_out(section, position) {
	
	var selected_height = '0';
	
	$('div#nav li#nav-'+section+' a').css({'background-position' : position+'px -88px'}).stop().animate({height: '46px'}, {queue:true, duration:300, easing: 'easeInBounce'});
	
	if ( $('div#nav li#nav-'+section+' a').hasClass("selected") ) {selected_height = '-176'}
	
	$('div#nav li#nav-'+section+' a').animate({backgroundPosition: position+'px '+selected_height+'px'}, {queue:true, duration:300, easing: 'easeInBounce'});
}



	$('html').css({'border' : 'none'});
	//$('html').prepend('<div id="border-replace"><div></div></div>');
	$('#nav').before('<div id="border-replace"><div></div></div>');
	hide_arrow();


	$('div#nav li#nav-services a').hover(
		function () {
			show_arrow('352');
			menu_hover_in('services', '0');
		},
		function () {
			hide_arrow();
			menu_hover_out('services', '0');
		}
	);
	
	$('div#nav li#nav-quote a').hover(
		function () {
			show_arrow('481');
			menu_hover_in('quote', '-134');
		},
		function () {
			hide_arrow();
			menu_hover_out('quote', '-134');
			
		}
	);
	
	$('div#nav li#nav-about a').hover(
		function () {
			show_arrow('610');
			menu_hover_in('about', '-263');
		},
		function () {
			hide_arrow();
			menu_hover_out('about', '-263');
		}
	);
	
	$('div#nav li#nav-contact a').hover(
		function () {
			show_arrow('739');
			menu_hover_in('contact', '-392');
		},
		function () {
			hide_arrow();
			menu_hover_out('contact', '-392');
		}
	);
	
	$('div#nav li#nav-home a').hover(
		function () {
			show_arrow('868');
			menu_hover_in('home', '-521');
		},
		function () {
			hide_arrow();
			menu_hover_out('home', '-521');
		}
	);


	
		/*
		---------------------------------------
		Manipulate form elements
		---------------------------------------	
		*/
		

		$("#span-c").hide();
		$("#span-ds1").hide();
		$("#span-ds2").hide();
		$("#span-bedroom-qty").hide();
		$("#span-hallway-qty").hide();
		$("#span-lounge-room-qty").hide();
		$("#span-dining-room-qty").hide();
		$("#span-study-qty").hide();
		$("#span-family-room-qty").hide();
		$("#span-arm-chairs-qty").hide();
		$("#span-lounge-chairs-qty").hide();
		$("#span-dining-chairs-qty").hide();
		$("#span-ottoman-qty").hide();
		$("#span-mattress-qty").hide();
		$("#span-stains").hide();
		$("#span-d").hide();
		$("#span-reception-size").hide();
		$("#span-office-area-size").hide();
		$("#span-common-area-size").hide();
		$("#span-lift-lobby-size").hide();
		$("#span-s1").hide();
		$("#span-s2").hide();


/* -----------------------------------------------*/
		function check_c_other() {
		if ($("#c-other").is(':checked')) {
			$("#span-c").show();
		} else {
			$("#span-c").hide();
		}
		}
		check_c_other();
		$("#c-other").change(function(){
			if ($(this).is(':checked')) {
				$("#span-c").show("fast");
			} else {
				$("#span-c").hide("fast");
			}
		});

/* -----------------------------------------------*/
		function check_ds_other() {
		if ($("#ds-other").is(':checked')) {
			$("#span-ds1").show();
			$("#span-ds2").show();
		} else {
			$("#span-ds1").hide();
			$("#span-ds2").hide();
		}
		}
		check_ds_other();		
		$("#ds-other").change(function(){
			if ($(this).is(':checked')) {
				$("#span-ds1").show("fast");
				$("#span-ds2").show("fast");
			} else {
				$("#span-ds1").hide("fast");
				$("#span-ds2").hide("fast");
			}
		});
		
/* -----------------------------------------------*/
		function check_s_other() {
		if ($("#s-other").is(':checked')) {
				$("#span-s1").show();
				$("#span-s2").show();
			} else {
				$("#span-s1").hide();
				$("#span-s2").hide();
		}
		}
		check_s_other();
		$("#s-other").change(function(){
			if ($(this).is(':checked')) {
				$("#span-s1").show('fast');
				$("#span-s2").show('fast');
			} else {
				$("#span-s1").hide('fast');
				$("#span-s2").hide('fast');
			}
		});
/* -----------------------------------------------*/
		function check_d_other() {
			// If checked
		if ($("#d-other").is(':checked')) {
				$("#span-d").show();
			} else {
				$("#span-d").hide();
			}
		}
		check_d_other();
		$("#d-other").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-d").show();
			} else {
				$("#span-d").hide();
			}
		});
/* -----------------------------------------------*/
		function check_bedroom() {
			if ($("#bedroom").is(':checked')) {
				$("#span-bedroom-qty").show();
				$("p#p-hallway").css({'height' : '60px'}); //prevent the float from altering the order of the elements
			} else {
				$("#span-bedroom-qty").hide();
				$("p#p-hallway").css({'height' : 'auto'});
			}

		}
		check_bedroom();
		$("#bedroom").change(function(){
			if ($(this).is(':checked')) {
				$("#span-bedroom-qty").show();
				$("p#p-hallway").css({'height' : '60px'}); //prevent the float from altering the order of the elements
			} else {
				$("#span-bedroom-qty").hide();
				$("p#p-hallway").css({'height' : 'auto'});
			}
		});
/* -----------------------------------------------*/
		function check_hallway() {
			if ($("#hallway").is(':checked')) {
				$("#span-hallway-qty").show();
			} else {
				$("#span-hallway-qty").hide();
			}
		}
		check_hallway();
		$("#hallway").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-hallway-qty").show();
			} else {
				$("#span-hallway-qty").hide();
			}
		});
/* -----------------------------------------------*/
		function check_lounge_room() {
			if ($("#lounge-room").is(':checked')) {
				$("#span-lounge-room-qty").show();
				$("p#p-dining-room").css({'height' : '60px'});
			} else {
				$("#span-lounge-room-qty").hide();
				$("p#p-dining-room").css({'height' : 'auto'});
			}
		}
		check_lounge_room();
		$("#lounge-room").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-lounge-room-qty").show();
				$("p#p-dining-room").css({'height' : '60px'});
			} else {
				$("#span-lounge-room-qty").hide();
				$("p#p-dining-room").css({'height' : 'auto'});
			}
		});
/* -----------------------------------------------*/
		function check_dining_room() {
			// If checked
			if ($("#dining-room").is(':checked')) {
				$("#span-dining-room-qty").show();
			} else {
				$("#span-dining-room-qty").hide();
			}
		}
		check_dining_room();
		$("#dining-room").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-dining-room-qty").show();
			} else {
				$("#span-dining-room-qty").hide();
			}
		});
/* -----------------------------------------------*/
		function check_study() {
			if ($("#study").is(':checked')) {
				$("#span-study-qty").show();
				$("p#p-family-room").css({'height' : '60px'});
			} else {
				$("#span-study-qty").hide();
				$("p#p-family-room").css({'height' : 'auto'});
			}
		}
		check_study();
		$("#study").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-study-qty").show();
				$("p#p-family-room").css({'height' : '60px'});
			} else {
				$("#span-study-qty").hide();
				$("p#p-family-room").css({'height' : 'auto'});
			}
		});
/* -----------------------------------------------*/
		function check_family_room() {
			if ($("#family-room").is(':checked')) {
				$("#span-family-room-qty").show();
			} else {
				$("#span-family-room-qty").hide();
			}
		}
		check_family_room();
		$("#family-room").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-family-room-qty").show();
			} else {
				$("#span-family-room-qty").hide();
			}
		});
/* -----------------------------------------------*/
		function check_arm_chairs() {
			if ($("#arm-chairs").is(':checked')) {
				$("#span-arm-chairs-qty").show();
				$("p#p-lounge-chairs").css({'height' : '60px'});
			} else {
				$("#span-arm-chairs-qty").hide();
				$("p#p-lounge-chairs").css({'height' : 'auto'});
			}
		}
		check_arm_chairs();		
		$("#arm-chairs").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-arm-chairs-qty").show();
				$("p#p-lounge-chairs").css({'height' : '60px'});
			} else {
				$("#span-arm-chairs-qty").hide();
				$("p#p-lounge-chairs").css({'height' : 'auto'});
			}
		});
/* -----------------------------------------------*/
		function check_lounge_chairs() {
			if ($("#lounge-chairs").is(':checked')) {
				$("#span-lounge-chairs-qty").show();
			} else {
				$("#span-lounge-chairs-qty").hide();
			}
		}
		check_lounge_chairs();		
		$("#lounge-chairs").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-lounge-chairs-qty").show();
			} else {
				$("#span-lounge-chairs-qty").hide();
			}
		});
/* -----------------------------------------------*/
		function check_dining_chairs() {
			if ($("#dining-chairs").is(':checked')) {
				$("#span-dining-chairs-qty").show();
				$("p#p-ottoman").css({'height' : '60px'});
			} else {
				$("#span-dining-chairs-qty").hide();
				$("p#p-ottoman").css({'height' : 'auto'});
			}
		}
		check_dining_chairs();		
		$("#dining-chairs").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-dining-chairs-qty").show();
				$("p#p-ottoman").css({'height' : '60px'});
			} else {
				$("#span-dining-chairs-qty").hide();
				$("p#p-ottoman").css({'height' : 'auto'});
			}
		});
/* -----------------------------------------------*/
		function check_ottoman() {
			if ($("#ottoman").is(':checked')) {
				$("#span-ottoman-qty").show();
			} else {
				$("#span-ottoman-qty").hide();
			}
		}
		check_ottoman();
		$("#ottoman").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-ottoman-qty").show();
			} else {
				$("#span-ottoman-qty").hide();
			}
		});
/* -----------------------------------------------*/
		function check_mattress() {
			// If checked
			if ($("#mattress").is(':checked')) {
				$("#span-mattress-qty").show();
			} else {
				$("#span-mattress-qty").hide();
			}
		}
		check_mattress();
		$("#mattress").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-mattress-qty").show();
			} else {
				$("#span-mattress-qty").hide();
			}
		});
/* -----------------------------------------------*/
		function check_reception() {
			if ($("#reception").is(':checked')) {
				$("#span-reception-size").show();
				$("p#p-office-area").css({'height' : '60px'});
				
			} else {
				$("#span-reception-size").hide();
				$("p#p-office-area").css({'height' : 'auto'});
			}
		}
		check_reception();
		$("#reception").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-reception-size").show();
				$("p#p-office-area").css({'height' : '60px'});
				
			} else {
				$("#span-reception-size").hide();
				$("p#p-office-area").css({'height' : 'auto'});
			}
		});
/* -----------------------------------------------*/
		function check_office_area() {
			if ($("#office-area").is(':checked')) {
				$("#span-office-area-size").show();
			} else {
				$("#span-office-area-size").hide();
			}
		}
		check_office_area();
		$("#office-area").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-office-area-size").show();
			} else {
				$("#span-office-area-size").hide();
			}
		});
/* -----------------------------------------------*/
		function check_common_area() {
			if ($("#common-area").is(':checked')) {
				$("#span-common-area-size").show();
				$("p#p-lift-lobby").css({'height' : '60px'});
			} else {
				$("#span-common-area-size").hide();
				$("p#p-lift-lobby").css({'height' : 'auto'});
			}
		}
		check_common_area();
		$("#common-area").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-common-area-size").show();
				$("p#p-lift-lobby").css({'height' : '60px'});
			} else {
				$("#span-common-area-size").hide();
				$("p#p-lift-lobby").css({'height' : 'auto'});
			}
		});
/* -----------------------------------------------*/
		function check_lift_lobby() {
			if ($("#lift-lobby").is(':checked')) {
				$("#span-lift-lobby-size").show();
			} else {
				$("#span-lift-lobby-size").hide();
			}
		}
		check_lift_lobby();
		$("#lift-lobby").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-lift-lobby-size").show();
			} else {
				$("#span-lift-lobby-size").hide();
			}
		});
/* -----------------------------------------------*/
		function check_stains() {
			// If checked
			if ($("#stains").is(':checked')) {
				$("#span-stains").show();
			} else {
				$("#span-stains").hide();
			}
		}
		check_stains();
		$("#stains").change(function(){
			// If checked
			if ($(this).is(':checked')) {
				$("#span-stains").show();
			} else {
				$("#span-stains").hide();
			}
		});

		
		




});




/*
sIFR goes here
*/
if(typeof sIFR == "function"){
	sIFR.replaceElement(named({sSelector:"div#content h2", sFlashSrc:"/flash/sanuk2.swf", sColor:"#413000", sBgColor:"#EFECE6", sWmode: "transparent", sCase: "lower"}));
	sIFR.replaceElement(named({sSelector:"div#content h3.intro", sFlashSrc:"/flash/sanuk2.swf", sColor:"#9E0018", sBgColor:"#EFECE6", sWmode: "transparent"}));
	sIFR.replaceElement(named({sSelector:"div#content h3.products", sFlashSrc:"/flash/sanuk2.swf", sColor:"#9E0018", sBgColor:"#EFECE6", sWmode: "transparent"}));
};