var userAgent = navigator.userAgent.toLowerCase();
 
// Figure out what browser is being used
jQuery.browser = {
	version: (userAgent.match( /.+(?:rv|it|ra|ie|me)[\/: ]([\d.]+)/ ) || [])[1],
	chrome: /chrome/.test( userAgent ),
	safari: /webkit/.test( userAgent ) && !/chrome/.test( userAgent ),
	opera: /opera/.test( userAgent ),
	msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
	mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};

/*function dump(arr,level) {
	var dumped_text = "";
	if(!level) level = 0;
	
	//The padding given at the beginning of the line.
	var level_padding = "";
	for(var j=0;j<level+1;j++) level_padding += "    ";
	
	if(typeof(arr) == 'object') { //Array/Hashes/Objects 
		for(var item in arr) {
			var value = arr[item];
			
			if(typeof(value) == 'object') { //If it is an array,
				dumped_text += level_padding + "'" + item + "' ...\n";
				dumped_text += dump(value,level+1);
			} else {
				dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
			}
		}
	} else { //Stings/Chars/Numbers etc.
		dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
	}
	return dumped_text;
}*/

//var swatches;
var swatches_lined;
var backgrounds;
var top_graffiti;
var bottom_graffiti;

var arrows_up;
var arrows_down;
var arrows_prefix = "/teens/images/arrows/arrows_";
var arrows_up_code = "_01";
var arrows_down_code = "_02";
//var arrows_suffix = ".png";
var arrows_suffix = ".gif";

var top_fading = "";
/*Sub for dark blue: v link #7E0C6E, test: #6B80FF
green: link color, 

*/
var section_names = ['aboutclp', 'books', 'life', 'fun', 'homework', 'blog'];
var colors = ["red", "pink", "orange", "yellow", "green", "light_blue", "dark_blue", "grey"];
var bg_colors = {
				  "dark_blue"  : "#112874", 
				  "light_blue" : "#78CEE7", 
				  "green"      : "#A8CF7E", 
				  "pink"       : "#D8304F", 
				  "orange"     : "#F9A327", 
				  "grey"       : "#4C5361", 
				  "red"        : "#B30027", 
				  "yellow"     : "#FAD234"
				 };
var text_colors = {
				  "dark_blue"  : "#FFFFFF", 
				  "light_blue" : "#000000", 
				  "green"      : "#000000", 
				  "pink"       : "#FFFFFF", 
				  "orange"     : "#000000", 
				  "grey"       : "#FFFFFF", 
				  "red"        : "#FFFFFF", 
				  "yellow"     : "#000000"
				 };
				 //#D8B6D3 original for dark blue
var link_colors = {
				  "dark_blue"  : "#FAD605", 
				  "light_blue" : "#0067AB", 
				  "green"      : "#0067AB", 
				  "pink"       : "#C1E891", 
				  "orange"     : "#0067AB", 
				  "grey"       : "#D8B6D3", 
				  "red"        : "#D1EEA9", 
				  "yellow"     : "#0067AB"
				 };
				 //#66F9FB original for dark blue
var visited_link_colors = {
				  "dark_blue"  : "#FAD605", 
				  "light_blue" : "#7E0C63", 
				  "green"      : "#7E0C63", 
				  "pink"       : "#C1E891", 
				  "orange"     : "#7E0C6E", 
				  "grey"       : "#66F9FB", 
				  "red"        : "#82D9F0", 
				  "yellow"     : "#7E0C6E"
				 };
var sidebarlinkcolors = {
				  "dark_blue"  : "#FFFFFF", 
				  "light_blue" : "#000000", 
				  "green"      : "#000000", 
				  "pink"       : "#FFFFFF", 
				  "orange"     : "#000000", 
				  "grey"       : "#FFFFFF", 
				  "red"        : "#FFFFFF", 
				  "yellow"     : "#000000"
				 };
var lined = "_lined";
var suffix = ".jpg";
var prefix = "/teens/images/swatches/";

var bgnames = ["bg_point", "bg_bridge",	"bg_incline", "bg_oakland"];
var bg_to_swatch = {
	                "bg_point"   : "green", 
					"bg_bridge"  : "green",
					"bg_incline" : "green",
					"bg_oakland" : "green"
				   };
var bg_to_css_bg = {
				 "bg_point"   : "#218DDB",
				 "bg_bridge"  : "#002975",
				 "bg_incline" : "#002975",
				 "bg_oakland" : "#332980"
				};
var bgprefix = "/teens/images/backgrounds/";
var bgsuffix = ".jpg";

var top_graffiti_prefix = "/teens/images/top_graffiti/";
//var top_graffiti_suffix = ".png";
var top_graffiti_suffix = ".gif";
var bottom_graffiti_prefix = "/teens/images/bottom_graffiti/";
//var bottom_graffiti_suffix = ".png";
var bottom_graffiti_suffix = ".gif";

function teens_init(){
	// FOR IE
	try {
  		document.execCommand('BackgroundImageCache', false, true);
	} catch(e) {}
	
	//swatches = new Object();
	swatches_lined = new Object();
	backgrounds = new Object();
	top_graffiti = new Object();
	bottom_graffiti = new Object();
	arrows_up = new Object();
	arrows_down = new Object();
	
	for (var i in colors){
		var color = colors[i];
		//swatches[color] = new Image();
		//swatches[color].src = prefix+color+suffix;
		swatches_lined[color] = new Image();
		swatches_lined[color].src = prefix+color+lined+suffix;		
		arrows_up[color] = new Image();
		arrows_down[color] = new Image();
		arrows_up[color].src   = arrows_prefix+color+arrows_up_code+arrows_suffix;
		arrows_down[color].src = arrows_prefix+color+arrows_down_code+arrows_suffix;
	}
	
	for (var j in bgnames){
		var name = bgnames[j];
		backgrounds[name] = new Image();
		backgrounds[name].src = bgprefix+name+bgsuffix;
	}
	
	for (var k in section_names){
		var name = section_names[k];
		top_graffiti[name] = new Image();
		top_graffiti[name].src = top_graffiti_prefix+name+top_graffiti_suffix;
		bottom_graffiti[name] = new Image();
		bottom_graffiti[name].src = bottom_graffiti_prefix+name+bottom_graffiti_suffix;
	}
	
	//jQuery.cssRule('body', 'background', bg_to_css_bg[bg_name]+" url("+backgrounds[bg_name].src+") top center no-repeat");
	//alert( bg_to_css_bg[bg_name]+" url("+backgrounds[bg_name].src+") top center no-repeat");
};

teens_init();

//<div class="themebox whiteborder theme1"></div>

//alert(dump(css_colors));

jQuery(document).ready(function($){
	$("#nl_aboutclp").hover(function(){
		$("#mainnav-graffiti").html('<div id="mainnav-graf-img" style="display: none;"><img src="'+top_graffiti['aboutclp'].src+'" alt=""/></div>');
		top_fading = 'aboutclp';
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").show();
		} else {
			$("#mainnav-graf-img").fadeIn('fast');
		}
	}, function(){
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").hide();
			if (top_fading == 'aboutclp') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
		} else {
			$("#mainnav-graf-img").fadeOut('fast', function(){
				if (top_fading == 'aboutclp') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
			});
		}
	});
	$("#nl_fun").hover(function(){
		$("#mainnav-graffiti").html('<div id="mainnav-graf-img" style="display: none;"><img src="'+top_graffiti['fun'].src+'" alt=""/></div>');
		top_fading = 'fun';
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").show();
		} else {
			$("#mainnav-graf-img").fadeIn('fast');
		}
	}, function(){
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").hide();
			if (top_fading == 'fun') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
		} else {
			$("#mainnav-graf-img").fadeOut('fast', function(){
				if (top_fading == 'fun') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
			});
		}
	});
	$("#nl_life").hover(function(){
		$("#mainnav-graffiti").html('<div id="mainnav-graf-img" style="display: none;"><img src="'+top_graffiti['life'].src+'" alt=""/></div>');
		top_fading = 'life';
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").show();
		} else {
			$("#mainnav-graf-img").fadeIn('fast');
		}
	}, function(){
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").hide();
			if (top_fading == 'life') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
		} else {
			$("#mainnav-graf-img").fadeOut('fast', function(){
				if (top_fading == 'life') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
			});
		}
	});
	$("#nl_books").hover(function(){
		$("#mainnav-graffiti").html('<div id="mainnav-graf-img" style="display: none;"><img src="'+top_graffiti['books'].src+'" alt=""/></div>');
		top_fading = 'books';
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").show();
		} else {
			$("#mainnav-graf-img").fadeIn('fast');
		}
	}, function(){
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").hide();
			if (top_fading == 'books') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
		} else {
			$("#mainnav-graf-img").fadeOut('fast', function(){
				if (top_fading == 'books') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
			});
		}
	});
	$("#nl_homework").hover(function(){
		$("#mainnav-graffiti").html('<div id="mainnav-graf-img" style="display: none;"><img src="'+top_graffiti['homework'].src+'" alt=""/></div>');
		top_fading = 'homework';
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").show();
		} else {
			$("#mainnav-graf-img").fadeIn('fast');
		}
	}, function(){
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").hide();
			if (top_fading == 'homework') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
		} else {
			$("#mainnav-graf-img").fadeOut('fast', function(){
				if (top_fading == 'homework') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
			});
		}
	});
	$("#nl_blog").hover(function(){
		$("#mainnav-graffiti").html('<div id="mainnav-graf-img" style="display: none;"><img src="'+top_graffiti['blog'].src+'" alt=""/></div>');
		top_fading = 'blog';
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").show();
		} else {
			$("#mainnav-graf-img").fadeIn('fast');
		}
	}, function(){
		if ($.browser.chrome || $.browser.msie){
			$("#mainnav-graf-img").hide();
			if (top_fading == 'blog') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
		} else {
			$("#mainnav-graf-img").fadeOut('fast', function(){
				if (top_fading == 'blog') {jQuery("#mainnav-graffiti").html(''); top_fading = '';}
			});
		}
	});
	
	for(var i in colors){
		if(i <= colors.length){
			var color = colors[i];
		  	var box = $('<div class="themebox whiteborder"></div>');
			box.css('background-color', bg_colors[color]);
			box.attr('swatch_name', color);
			$("#theme_picker_swatches").append(box);
		}
	}
	
	var swatch_name = $.cookie('teens_swatch_name', swatch_name);
	if (swatch_name == null || swatch_name.length == 0){
		swatch_name = "green";
		jQuery.cookie('teens_swatch_name', swatch_name, {path: '/', domain: 'carnegielibrary.org'});
	}
	
	//Changes link colors based on cookies	
	$.cssRule('.greenbox', 'background-color', bg_colors[swatch_name]);
	$('.greenbox').css('background-color', bg_colors[swatch_name]);
	$.cssRule('.stripedbox', 'background-image', "url("+swatches_lined[swatch_name].src+")");
	$('.stripedbox').css('background-image', "url("+swatches_lined[swatch_name].src+")");
	//$.cssRule('#maincontent', 'color', text_colors[swatch_name]);
	//$('#maincontent').css('color', text_colors[swatch_name]);
	$.cssRule('#maincontent p', 'color', text_colors[swatch_name]);
	$('#maincontent  p').css('color', text_colors[swatch_name]);
	//$.cssRule('#maincontent .greenbox *', 'color', text_colors[swatch_name]);
	//$('#maincontent .greenbox *').css('color', text_colors[swatch_name]);
	//$.cssRule('#maincontent .stripedbox *', 'color', text_colors[swatch_name]);
	//$('#maincontent .stripedbox *').css('color', text_colors[swatch_name]);
	// use these instead to not override specific styles 	
	$.cssRule('#maincontent .greenbox', 'color', text_colors[swatch_name]);
	$('#maincontent .greenbox').css('color', text_colors[swatch_name]);
	//makes collapsible header text consistant w/ sidebar text
	$.cssRule('#maincontent .greenbox .titlebar', 'color', text_colors[swatch_name]);
	$('#maincontent .greenbox .titlebar').css('color', text_colors[swatch_name]);
	
	$.cssRule('#maincontent .stripedbox', 'color', text_colors[swatch_name]);
	$('#maincontent .stripedbox').css('color', text_colors[swatch_name]);
	$.cssRule('#maincontent .greenbox h2', 'color', text_colors[swatch_name]);
	$('#maincontent .greenbox h2').css('color', text_colors[swatch_name]);
	$.cssRule('#maincontent .stripedbox h2', 'color', text_colors[swatch_name]);
	$('#maincontent .stripedbox h2').css('color', text_colors[swatch_name]);	
	$.cssRule('.uparrow', 'background', "url("+arrows_up[swatch_name].src+")");
	$('.uparrow').css('background', "url("+arrows_up[swatch_name].src+")");
	$.cssRule('.downarrow', 'background', "url("+arrows_down[swatch_name].src+")");
	$('.downarrow').css('background', "url("+arrows_down[swatch_name].src+")");
	
	//In this block of code #right_container was changed from #maincontent
	//Changes colors in main content section
	$.cssRule('#right_container a', 'color', link_colors[swatch_name]);
	$('#right_container a').css('color', link_colors[swatch_name]);
	$.cssRule('#right_container a:link', 'color', link_colors[swatch_name]);
	$('#right_container a:link').css('color', link_colors[swatch_name]);
	$.cssRule('#right_container a:hover', 'color', visited_link_colors[swatch_name]);
	$('#right_container a:hover').css('color', visited_link_colors[swatch_name]);
	$.cssRule('#right_container a:active', 'color', visited_link_colors[swatch_name]);
	$('#right_container a:active').css('color', visited_link_colors[swatch_name]);
	$.cssRule('#right_container a:visited', 'color', visited_link_colors[swatch_name]);
	$('#right_container a:visited').css('color', visited_link_colors[swatch_name]);
	
	// Controls link colors in sidemenu
	$.cssRule('#left_sidebar_content a', 'color', sidebarlinkcolors[swatch_name]);
	$('#left_sidebar_content a').css('color', sidebarlinkcolors[swatch_name]);
	$.cssRule('#left_sidebar_content a:link', 'color', sidebarlinkcolors[swatch_name]);
	$('#left_sidebar_content a:link').css('color', sidebarlinkcolors[swatch_name]);
	$.cssRule('#left_sidebar_content a:hover', 'color', sidebarlinkcolors[swatch_name]);
	$('#left_sidebar_content a:hover').css('color', sidebarlinkcolors[swatch_name]);
	$.cssRule('#left_sidebar_content a:active', 'color', sidebarlinkcolors[swatch_name]);
	$('#left_sidebar_content a:active').css('color', sidebarlinkcolors[swatch_name]);
	$.cssRule('#left_sidebar_content a:visited', 'color', sidebarlinkcolors[swatch_name]);
	$('#left_sidebar_content a:visited').css('color', sidebarlinkcolors[swatch_name]);
	
	//sets text color to white
	$.cssRule('.white', 'color', '#ffffff');
	$('.white').css('color', '#ffffff');
	$.cssRule('.white a', 'color', '#ffffff');
	$('.white a').css('color', '#ffffff');
	$.cssRule('.white a:link', 'color', '#ffffff');
	$('.white a:link').css('color', '#ffffff');
	$.cssRule('.white a:hover', 'color', visited_link_colors[swatch_name]);
	$('.white a:hover').css('color', visited_link_colors[swatch_name]);
	$.cssRule('.white a:active', 'color', '#ffffff');
	$('.white a:active').css('color', '#ffffff');
	$.cssRule('.white a:visited', 'color', '#ffffff');
	$('.white a:visited').css('color', '#ffffff');
	
//Changes link colors when user clicks different color theme in color picker	
	$(".themebox").click(function(){
		var swatch_name = $(this).attr('swatch_name');
		$.cookie('teens_swatch_name', swatch_name);
		/*jQuery.cookie('teens_swatch_name', swatch_name, {path: '/', domain: 'carnegielibrary.org'});*/
		$.cssRule('.greenbox', 'background-color', bg_colors[swatch_name]);
		$('.greenbox').css('background-color', bg_colors[swatch_name]);
		$.cssRule('.stripedbox', 'background-image', "url("+swatches_lined[swatch_name].src+")");
		$('.stripedbox').css('background-image', "url("+swatches_lined[swatch_name].src+")");
		//$.cssRule('#maincontent', 'color', text_colors[swatch_name]);
		//$('#maincontent').css('color', text_colors[swatch_name]);
		$.cssRule('#maincontent p', 'color', text_colors[swatch_name]);
		$('#maincontent  p').css('color', text_colors[swatch_name]);
		//$.cssRule('#maincontent .greenbox *', 'color', text_colors[swatch_name]);
		//$('#maincontent .greenbox *').css('color', text_colors[swatch_name]);
		//$.cssRule('#maincontent .stripedbox *', 'color', text_colors[swatch_name]);
		//$('#maincontent .stripedbox *').css('color', text_colors[swatch_name]);
		// use these instead to not override specific styles 
		$.cssRule('#maincontent .greenbox', 'color', text_colors[swatch_name]);
		$('#maincontent .greenbox').css('color', text_colors[swatch_name]);
		//makes collapsible header text consistant w/ sidebar text
		$.cssRule('#maincontent .greenbox .titlebar', 'color', text_colors[swatch_name]);
		$('#maincontent .greenbox .titlebar').css('color', text_colors[swatch_name]);
	
		$.cssRule('#maincontent .stripedbox', 'color', text_colors[swatch_name]);
		$('#maincontent .stripedbox').css('color', text_colors[swatch_name]);
		$.cssRule('#maincontent .greenbox h2', 'color', text_colors[swatch_name]);
		$('#maincontent .greenbox h2').css('color', text_colors[swatch_name]);
		$.cssRule('#maincontent .stripedbox h2', 'color', text_colors[swatch_name]);
		$('#maincontent .stripedbox h2').css('color', text_colors[swatch_name]);
		
		//Changes link colors in content section
		//#right_container changed from #maincontent
		$.cssRule('#right_container a', 'color', link_colors[swatch_name]);
		$('#right_container a').css('color', link_colors[swatch_name]);
		$.cssRule('#right_container a:link', 'color', link_colors[swatch_name]);
		$('#right_container a:link').css('color', link_colors[swatch_name]);
		$.cssRule('#right_container a:hover', 'color', visited_link_colors[swatch_name]);
		$('#right_container a:hover').css('color', visited_link_colors[swatch_name]);
		$.cssRule('#right_container a:active', 'color', visited_link_colors[swatch_name]);
		$('#right_container a:active').css('color', visited_link_colors[swatch_name]);
		$.cssRule('#right_container a:visited', 'color', visited_link_colors[swatch_name]);
		$('#right_container a:visited').css('color', visited_link_colors[swatch_name]);
		
		// changes link colors on the side menu
		$.cssRule('#left_sidebar_content a', 'color', sidebarlinkcolors[swatch_name]);
		$('#left_sidebar_content a').css('color', sidebarlinkcolors[swatch_name]);
		$.cssRule('#left_sidebar_content a:link', 'color', sidebarlinkcolors[swatch_name]);
		$('#left_sidebar_content a:link').css('color', sidebarlinkcolors[swatch_name]);
		$.cssRule('#left_sidebar_content a:hover', 'color', sidebarlinkcolors[swatch_name]);
		$('#left_sidebar_content a:hover').css('color', sidebarlinkcolors[swatch_name]);
		$.cssRule('#left_sidebar_content a:active', 'color', sidebarlinkcolors[swatch_name]);
		$('#left_sidebar_content a:active').css('color', sidebarlinkcolors[swatch_name]);
		$.cssRule('#left_sidebar_content a:visited', 'color', sidebarlinkcolors[swatch_name]);
		$('#left_sidebar_content a:visited').css('color', sidebarlinkcolors[swatch_name]);		
		
		//changes link color to white
		$.cssRule('.white', 'color', '#ffffff');
		$('.white').css('color', '#ffffff');
		$.cssRule('.white a', 'color', '#ffffff');
		$('.white a').css('color', '#ffffff');
		$.cssRule('.white a:link', 'color', '#ffffff');
		$('.white a:link').css('color', '#ffffff');
		$.cssRule('.white a:hover', 'color', visited_link_colors[swatch_name]);
		$('.white a:hover').css('color', visited_link_colors[swatch_name]);
		$.cssRule('.white a:active', 'color', '#ffffff');
		$('.white a:active').css('color', '#ffffff');
		$.cssRule('.white a:visited', 'color', '#ffffff');
		$('.white a:visited').css('color', '#ffffff');
	});			
	
	$("#theme_picker").show();
	$("#right_container .expanded").parent(":not(#life)").next().hide();	
	$("#left_sidebar .expanded").parent(":not(#"+activeSection+"_title)").next().hide();	
	$("#left_sidebar .expanded").parent("#"+activeSection+"_title").children().attr("src", "/teens/images/arrows/side-arrow_down.gif");	
	$("#right_container .expanded").parent("#life").children().attr("src", "/teens/images/arrows/side-arrow_down.gif");	
	
	$(".tabs div").click(function(){
		var swatch_name = $.cookie('teens_swatch_name', swatch_name);
		if (swatch_name == null || swatch_name.length == 0){
		swatch_name = "green";
		jQuery.cookie('teens_swatch_name', swatch_name, {path: '/', domain: 'carnegielibrary.org'});
	}
		$(this).parent().find("~ .tabbody").hide();
		$(this).parent().find(".tabactive").removeClass("tabactive").removeClass("stripedbox").css('background', 'none').css('background-color', bg_colors[swatch_name]).addClass("greenbox").addClass("seethru");
		$(this).addClass("tabactive").addClass("stripedbox").removeClass("greenbox").removeClass("seethru").css('background-image', "url("+swatches_lined[swatch_name].src+")");
		$("#"+$(this).attr("target")).show();
	});
});

// SIDEBAR SLIDING CODE
var sidebarSliding = false;
jQuery(document).ready(function($){ 
	$(".sidebar_title").click(function(){
		
		
		if (sidebarSliding) {return false;}
		sidebarSliding = true;
		
		
		
		if ($(this).hasClass('active_sidebar_title')){
			sidebarSliding = false;
			return false;
		}
		
		$(".sidebar_title").removeClass('active_sidebar_title');
		$(this).addClass('active_sidebar_title');
		$(".active_sidebar_title").children().attr("src", "/teens/images/arrows/side-arrow_down.gif");
		$(".sidebar_title:not(.active_sidebar_title)").children().attr("src", "/teens/images/arrows/side-arrow.gif");
		$(".sidebar_title:not(.active_sidebar_title)").next().slideUp(500, function(){
			$('.active_sidebar_title').next().slideDown(500, function(){
				sidebarSliding = false;
				//return false;
			});
		});
		return false;
	});
});

// CONTENT SLIDING CODE
var contentSliding = false;
jQuery(document).ready(function($){ 
	$("#right_container .expanded").parent().click(function(){
		var foo = $(this).children().attr("src");
		
		//Toggles the arrow image
		if(foo == "/teens/images/arrows/side-arrow.gif"){
				
				var src = "/teens/images/arrows/side-arrow_down.gif";		
				$(this).children().attr("src", src);
				$(this).next().slideDown(500);
				
				$("#right_container .active_content_title").next().slideUp(500);
				$("#right_container .active_content_title").children().attr("src", "/teens/images/arrows/side-arrow.gif");
				$("#right_container .titlebar:not(.eventtitlebar)").removeClass('active_content_title');
				$(this).addClass('active_content_title');	
				return false;
			}
			
		if(foo == "/teens/images/arrows/side-arrow_down.gif"){
			
				var src = "/teens/images/arrows/side-arrow.gif";
				$(this).children().attr("src", src);
				$(this).next().slideUp(500);
				$(this).removeClass('active_content_title');
				return false;	
			}
			
		return false;
	});
});

//For book review form
jQuery(document).ready(function($){
		$("#bookReview1").show()
		$(".error").hide()
		$("#bookReview2").hide()
});

jQuery(document).ready(function($){ 
	$(".bookReview").click(function(){
		$("#bookReview1").show()
		$(".error").hide()
		$("#bookReview2").hide()
										   
	});
});
jQuery(document).ready(function($){ 
	$("#advanceBookReview").click(function(){
			
			$(".error").hide()
			$(".errorComments").hide()
			if($("#rName").attr("value") == ""){
				$(".errorName").show()
				var success = 0;
			}
			if($("#rAge").attr("value") == "SELECT"){
				$(".errorAge").show()
				var success = 0;
			}
			
			if (success ==0){
			return false;	
			}
										   
		$("#bookReview1").hide(250,function(){
			$("#bookReview2").show(250)									   
		});
		$("#rTitle").attr("value", '');
		$("#rComments").attr("value", '');
		$("#rAuthor").attr("value", '');
		
	});
});

jQuery(document).ready(function($){ 
	$("#postreview").click(function(){
			$(".error").hide()
			$(".errorComments").hide()
			if($("#rTitle").attr("value") == ""){
				$(".errorTitle").show()
				var success = 0;
			}
			if($("#rComments").attr("value") == ""){
				$(".errorComments").show()
				var success = 0;
			}
			if(success ==0){
			return false;
			}
	});
});

//HIDE PAGE CONTENT
jQuery(document).ready(function($){ 
	$("#hidecontent").click(function(){
		$("#maincontent").toggle(500);
		$("#teensfooter").toggle(500);
		$("#mainnav").toggle(500);
		$("#hidecontent_spacer").toggle();
		
		return false;
	});
});