// box code for main teens page

function Clone() { }
function clone(obj) {
    Clone.prototype = obj;
    return new Clone();
}

var locked = false;

var clicked = {};
var hovactive = {};
var mbnames = ["blog", "poll", "highlight", "highlight_1", "highlight_2", "highlight_3", "highlight_4", "books", "fun", "aboutclp", "life", "homework"];
var hovlen = 40;
var fadelen = 0;
var active_highlight = "highlight_1";

// #x_link, .mainboxlink
// #x_hover_content, #x_hover, .mainboxhover

function box_fadeout(name, type){
	if (hovactive[name] == type) {
		hovactive[name] = null;
		
		var outer_elt_name = "#"+name+"_hover";
		var inner_elt_name = "#"+name+"_hover_content";
		var arrow_elt_name = "#"+name+"_hover_arrow";
		
		if (name == 'poll'){
			poll_html = jQuery('#poll_hover_content').html();
		} else if (name == "highlight_1" ||
				   name == "highlight_2" ||
				   name == "highlight_3" ||
				   name == "highlight_4" ){
			outer_elt_name = "#highlight_hover";
		  inner_elt_name = "#highlight_"+hovactive['hl']+"_hover_content";
			arrow_elt_name = "#highlight_"+hovactive['hl']+"_hover_arrow";
		}		
		hovactive['hl'] = null;
		
		jQuery(inner_elt_name).fadeOut(fadelen, function(){
			jQuery(arrow_elt_name).hide();
			jQuery(outer_elt_name).fadeOut(fadelen);
			return false;
		});
	}
}

jQuery(function($){

	for (var i in mbnames){
		var name = mbnames[i];
		clicked[name] = false;
		hovactive[name] = null;
		//$("#"+name+"_link").attr('href', 'javascript:;');
	}
	
	/*$("#blog_link").attr('href', 'javascript:;').attr('title', '').click(function(){
		if (clicked['blog_link']){
			$("#blog_hover_content").fadeOut(fadelen, function(){
				$(this).html('');												
				$("#blog_hover").fadeOut(fadelen);
			});
			clicked['blog_link'] = false;
		} else {
			clicked['blog_link'] = true;
			var blog_html = "<cfoutput>#blog_html#</cfoutput>";
			$("#blog_hover").fadeIn(fadelen, function(){
				$("#blog_hover_content").html(blog_html).fadeIn(fadelen);
			});
		}
	});*/
	
	/*$("#poll_link").attr('href', 'javascript:;').attr('title', '').click(function(){
		if (clicked['poll_link']){
			$("#poll_hover_content").fadeOut(fadelen, function(){
				$(this).html('');
				$("#poll_hover").fadeOut(fadelen);
			});
			clicked['poll_link'] = false;
		} else {
			clicked['poll_link'] = true;
			var poll_html = "";
			$.ajax({async: false,
					dataType: 'script',
					url: 'http://dev.carnegielibrary.org/teens/poll/jsfiles/1234811568.js',
					success: function(script){
						eval(script); 
						//var t = document.write;
						//document.write = function(markup){
						//	jQuery("#right_hover_content").html(markup);
						//}
						poll_html = '\<script\>get_poll_1234811568();\</script\>';
						//document.write = t;
					},
					error: function(XMLHttpRequest, textStatus, errorThrown){
						poll_html = '<p> What happened? There\'s some kind of error here. Sorry.</p>';
					}
			});
			$("#poll_hover").fadeIn(fadelen, function(){
				$("#poll_hover_content").html(poll_html).fadeIn(fadelen);
			});
		}
	});*/
	
	$("#blog_link").attr('title', '').hover(function(){				
		if (hovactive['blog'] != null) {
			hovactive['blog'] = 'link';
		} else {
			hovactive['blog'] = 'link';
			$("#blog_hover").fadeIn(fadelen, function(){
				$("#blog_hover_content").html(blog_html).fadeIn(fadelen);
				$("#blog_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('blog', 'link');", hovlen);
	});
	$("#blog_linka").attr('title', '').hover(function(){				
		if (hovactive['blog'] != null) {
			hovactive['blog'] = 'link';
		} else {
			hovactive['blog'] = 'link';
			$("#blog_hover").fadeIn(fadelen, function(){
				$("#blog_hover_content").html(blog_html).fadeIn(fadelen);
				$("#blog_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('blog', 'link');", hovlen);
	});
	
	$("#blog_hover").hover(function(){
		if (hovactive['blog'] != null) {
			hovactive['blog'] = 'box';
		} else {
			hovactive['blog'] = 'box';
			$("#blog_hover").fadeIn(fadelen, function(){
				$("#blog_hover_content").html(blog_html).fadeIn(fadelen);
				$("#blog_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('blog','box');", hovlen);
	});
	$("#blog_link").click(function(){window.location = $("#blog_link").attr('href'); return false;});
	
	$("#poll_link").attr('title', '').hover(function(){				
		if (hovactive['poll'] != null) {
			hovactive['poll'] = 'link';
		} else {
			hovactive['poll'] = 'link';
			$("#poll_hover").fadeIn(fadelen, function(){
				$("#poll_hover_content").html(poll_html).fadeIn(fadelen);
				$("#poll_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('poll', 'link');", hovlen);
	});
	$("#poll_hover").hover(function(){
		if (hovactive['poll'] != null) {
			hovactive['poll'] = 'box';
		} else {
			hovactive['poll'] = 'box';
			$("#poll_hover").fadeIn(fadelen, function(){
				$("#poll_hover_content").html(poll_html).fadeIn(fadelen);
				$("#poll_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('poll','box');", hovlen);
	});
	$("#poll_link").click(function(){window.location = $("#poll_link").attr('href'); return false;});
	
	// BEGIN HIGHLIGHTS
	$("#highlight_1_link").hover(function(){	
		hovactive['hl'] = 1;
		ShowHighlight(hovactive['hl']);
	}, function(){
		setTimeout("box_fadeout('highlight_1', 'link');", hovlen);
	});
	
	$("#highlight_2_link").hover(function(){	
		hovactive['hl'] = 2;
		ShowHighlight(hovactive['hl']);
	}, function(){
		setTimeout("box_fadeout('highlight_2', 'link');", hovlen);
	});
	
	$("#highlight_3_link").hover(function(){	
		hovactive['hl'] = 3;
		ShowHighlight(hovactive['hl']);
	}, function(){
		setTimeout("box_fadeout('highlight_3', 'link');", hovlen);
	});
	
	$("#highlight_4_link").hover(function(){	
		hovactive['hl'] = 4;
		ShowHighlight(hovactive['hl']);
	}, function(){
		setTimeout("box_fadeout('highlight_4', 'link');", hovlen);
	});
	
	function ShowHighlight(hl) {
	  if (hovactive['highlight_'+hl] != null) {
			hovactive['highlight_'+hl] = 'link';
		} else {
			hovactive['highlight_'+hl] = 'link';			
			
			$("#highlight_hover").fadeIn(fadelen, function(){
				//make sure the other highlights are hidden
				$(".highlight_hover_content").hide();
				$(".highlight_hover_arrow").hide();
				//display highlight content
				$("#highlight_"+hl+"_hover_content").fadeIn(fadelen);
				$("#highlight_"+hl+"_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}
	
	//display the higlight in the larger hover box
	$("#highlight_hover").hover(function(){
		if(hovactive['hl'] != null){
			var hl = hovactive['hl'] //set which highlight is active
			if (hovactive['highlight_'+hl] != null) {
				hovactive['highlight_'+hl] = 'box';
			} else {
				hovactive['highlight_'+hl] = 'box';
				$("#highlight_hover").fadeIn(fadelen, function(){alert(hl);
					//make sure the other highlights are hidden
					$(".highlight_hover_content").hide();
					$(".highlight_hover_arrow").hide();
					//display highlight content
					$("#highlight_"+hl+"_hover_content").fadeIn(fadelen);
					$("#highlight_"+hl+"_hover_arrow").fadeIn(fadelen);
					return false;
				});
			}
		}
	}, function(){
		if(hovactive['hl'] != null){setTimeout("box_fadeout('highlight_"+hovactive['hl']+"','box');", hovlen);}
	});
	$("#highlight_hover").click(function(){
		if(hovactive['hl'] != null){
			window.open($("#highlight_"+hovactive['hl']+"_link").attr('href')); 
			return false;
		}
  });
	
	

	
	// END HIGHLIGHTS


	$("#aboutclp_link").attr('title', '').hover(function(){				
		if (hovactive['aboutclp'] != null) {
			hovactive['aboutclp'] = 'link';
		} else {
			hovactive['aboutclp'] = 'link';
			$("#aboutclp_hover").fadeIn(fadelen, function(){
				$("#aboutclp_hover_content").fadeIn(fadelen);
				$("#aboutclp_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('aboutclp', 'link');", hovlen);
	});
	$("#aboutclp_hover").hover(function(){
		if (hovactive['aboutclp'] != null) {
			hovactive['aboutclp'] = 'box';
		} else {
			hovactive['aboutclp'] = 'box';
			$("#aboutclp_hover").fadeIn(fadelen, function(){
				$("#aboutclp_hover_content").fadeIn(fadelen);
				$("#aboutclp_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('aboutclp','box');", hovlen);
	});
	$("#aboutclp_hover").click(function(){window.location = $("#aboutclp_link").attr('href'); return false;});
	
	$("#fun_link").attr('title', '').hover(function(){				
		if (hovactive['fun'] != null) {
			hovactive['fun'] = 'link';
		} else {
			hovactive['fun'] = 'link';
			$("#fun_hover").fadeIn(fadelen, function(){
				$("#fun_hover_content").fadeIn(fadelen);
				$("#fun_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('fun', 'link');", hovlen);
	});
	$("#fun_hover").hover(function(){
		if (hovactive['fun'] != null) {
			hovactive['fun'] = 'box';
		} else {
			hovactive['fun'] = 'box';
			$("#fun_hover").fadeIn(fadelen, function(){
				$("#fun_hover_content").fadeIn(fadelen);
				$("#fun_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('fun','box');", hovlen);
	});
	$("#fun_hover").click(function(){window.location = $("#fun_link").attr('href'); return false;});
	
	$("#life_link").attr('title', '').hover(function(){				
		if (hovactive['life'] != null) {
			hovactive['life'] = 'link';
		} else {
			hovactive['life'] = 'link';
			$("#life_hover").fadeIn(fadelen, function(){
				$("#life_hover_content").fadeIn(fadelen);
				$("#life_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('life', 'link');", hovlen);
	});
	$("#life_hover").hover(function(){
		if (hovactive['life'] != null) {
			hovactive['life'] = 'box';
		} else {
			hovactive['life'] = 'box';
			$("#life_hover").fadeIn(fadelen, function(){
				$("#life_hover_content").fadeIn(fadelen);
				$("#life_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('life','box');", hovlen);
	});
	$("#life_hover").click(function(){window.location = $("#life_link").attr('href'); return false;});
	
	$("#homework_link").attr('title', '').hover(function(){				
		if (hovactive['homework'] != null) {
			hovactive['homework'] = 'link';
		} else {
			hovactive['homework'] = 'link';
			$("#homework_hover").fadeIn(fadelen, function(){
				$("#homework_hover_content").fadeIn(fadelen);
				$("#homework_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('homework', 'link');", hovlen);
	});
	$("#homework_hover").hover(function(){
		if (hovactive['homework'] != null) {
			hovactive['homework'] = 'box';
		} else {
			hovactive['homework'] = 'box';
			$("#homework_hover").fadeIn(fadelen, function(){
				$("#homework_hover_content").fadeIn(fadelen);
				$("#homework_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('homework','box');", hovlen);
	});
	$("#homework_hover").click(function(){window.location = $("#homework_link").attr('href'); return false;});
	
	$("#books_link").attr('title', '').hover(function(){				
		if (hovactive['books'] != null) {
			hovactive['books'] = 'link';
		} else {
			hovactive['books'] = 'link';
			$("#books_hover").fadeIn(fadelen, function(){
				$("#books_hover_content").fadeIn(fadelen);
				$("#books_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('books', 'link');", hovlen);
	});
	$("#books_hover").hover(function(){
		if (hovactive['books'] != null) {
			hovactive['books'] = 'box';
		} else {
			hovactive['books'] = 'box';
			$("#books_hover").fadeIn(fadelen, function(){
				$("#books_hover_content").fadeIn(fadelen);
				$("#books_hover_arrow").fadeIn(fadelen);
				return false;
			});
		}
	}, function(){
		setTimeout("box_fadeout('books','box');", hovlen);
	});
	$("#books_hover").click(function(){window.location = $("#books_link").attr('href'); return false;});

});