$(document).ready(function(){ 

	$("a.optionalseat.0").hover( 
				function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "yellow" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "1px solid #FFFF33" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 -20px" );
	            }, 
	            function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "#FFF" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "0" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 0" );
				} 
	);
	$("a.optionalseat.1").hover( 
				function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "yellow" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "1px solid #FFFF33" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 -20px" );
	            }, 
	            function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "#FFF" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "0" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 0" );
				} 
	);
	$("a.optionalseat.2").hover( 
				function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "yellow" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "1px solid #FFFF33" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 -20px" );
	            }, 
	            function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "#FFF" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "0" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 0" );
				} 
	);
	$("a.optionalseat.3").hover( 
				function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "yellow" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "1px solid #FFFF33" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 -20px" );
	            }, 
	            function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "#FFF" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "0" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 0" );
				} 
	);
	$("a.optionalseat.4").hover( 
				function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "yellow" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "1px solid #FFFF33" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 -20px" );
	            }, 
	            function () { 
					var id = $(this).attr("id");
					 $("div.optionalseat."+ id +" span:first").css("color", "#FFF" );
					$("div.optionalseat."+ id +" span").css("borderBottom", "0" );
					 $("div.arrowimg."+ id).css("backgroundPosition", "0 0" );
				} 
	);


var error0 = $("div.containerseat.0").attr("id");
var error1 = $("div.containerseat.1").attr("id");
var error2 = $("div.containerseat.2").attr("id");
var error3 = $("div.containerseat.3").attr("id");
var error4 = $("div.containerseat.4").attr("id");

if(error0 != "") {

	$("div.containerseat.0").toggleClass("open");
	$("div.optionalseat.0").toggleClass("openbg");
	$("div.arrowimg.0").toggleClass("down");
	$("div.optionalseat.0 span:last").replaceWith("<span>Close</span>" );
	
	$("a.optionalseat.0").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").removeClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
} else {
	$("a.optionalseat.0").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
}

if(error1 != "") {

	$("div.containerseat.1").toggleClass("open");
	$("div.optionalseat.1").toggleClass("openbg");
	$("div.arrowimg.1").toggleClass("down");
	$("div.optionalseat.1 span:last").replaceWith("<span>Close</span>" );
	
	$("a.optionalseat.1").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").removeClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
} else {
	$("a.optionalseat.1").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
}

if(error2 != "") {

	$("div.containerseat.2").toggleClass("open");
	$("div.optionalseat.2").toggleClass("openbg");
	$("div.arrowimg.2").toggleClass("down");
	$("div.optionalseat.2 span:last").replaceWith("<span>Close</span>" );
	
	$("a.optionalseat.2").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").removeClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
} else {
	$("a.optionalseat.2").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
}

if(error3 != "") {

	$("div.containerseat.3").toggleClass("open");
	$("div.optionalseat.3").toggleClass("openbg");
	$("div.arrowimg.3").toggleClass("down");
	$("div.optionalseat.3 span:last").replaceWith("<span>Close</span>" );
	
	$("a.optionalseat.3").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").removeClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
} else {
	$("a.optionalseat.3").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
}
 if(error4 != "") {

	$("div.containerseat.4").toggleClass("open");
	$("div.optionalseat.4").toggleClass("openbg");
	$("div.arrowimg.4").toggleClass("down");
	$("div.optionalseat.4 span:last").replaceWith("<span>Close</span>" );
	
	$("a.optionalseat.4").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").removeClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
} else {
	$("a.optionalseat.4").toggle( 
				function () {
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>Close</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
	            }, 
	            function () { 
					var id = $(this).attr("id");
					$("div.containerseat."+ id).toggleClass("open");
					$("div.optionalseat."+ id +" span:last").replaceWith("<span>View</span>" );
					$("div.optionalseat."+ id).toggleClass("openbg");
					$("div.optionalseat."+ id +" div.arrowimg").toggleClass("down");
				} 
	);
}

	$("a.viewallseats").toggle( 
				function () { 
					 $("div#seatstyles").css("height", "100%" );
					 $("a.viewallseats span:last").replaceWith("<span>Hide Seat Styles</span>" );
					},
				function () { 
					 $("div#seatstyles").css("height", "0px" );
					 $("a.viewallseats span:last").replaceWith("<span>Display All Seat Style Products</span>" );
					 }
	);

});