$(document).ready(function(){
	
	$("#tab-content-container a").hover(
		function() {
			$('#thumbnail_tooltip_'+$(this).attr("rel")).fadeIn();
		},
		function() {
			$('#thumbnail_tooltip_'+$(this).attr("rel")).fadeOut();
		}
	)
	
	$("#tab-content-container a").click(
		function(){
			var id = $(this).attr("rel");
			$.post("fetchdata.php", "id=" + id, function(data){
				$("#retail-brand-header img").attr("src", "images/retail-brands/headers/" + data.header);
				$("#retail-brand-header img").attr("alt", data.name);
				$("#retail-brand-year span").html("Year Released: " + data.year);
				$("#retail-brand-tagline em").html(data.tagline);
				$("#product-shot img").attr("src", "images/retail-brands/box/" + data.box);
				$("#product-shot img").attr("alt", data.name);
				$("#video-player").empty();
				replaceVideoPlayerDiv(data.video);
				
			}, "json");
			return false;
		}
	);
	
	function replaceVideoPlayerDiv(data){
		if (data != ""){
			var str = "";
			str += "<div id=\"flash\">Flash</div>";
        	str += "<script>";
			str += "var so = new SWFObject(\"video-player.swf\", \"video-player\", \"320\", \"240\", \"10\", \"#FFFFFF\");";
			str += "so.addVariable(\"videofile\", \"" + data + "\");";
			str += "so.write(\"flash\");"
			str += "</script>";
			$("#video-player").html(str);
		} else {
			$("#video-player").attr("style", "background: url(images/no_video.jpg)");
			$("#video-player").html("<img src='images/no_video.jpg' width='320' height='240' />");
		}
	}
	
});