// JavaScript Document
$(document).ready(function(){

	$(".prod .img img").hover(function(e){

			curId = $(this).parents(".prod").attr("id");

			$.ajax({
				type: "GET",
				url: "_includes/headpets.xml",
				dataType: "xml",
				success: function(xml) {

					$("#prodDetails #prodDetails_content").empty();

					$(xml).find('pet').each(function(){
						if(curId == $(this).attr('id')){
							var name_text = $(this).find('name').text();
//							$("#prodDetails h2").html(name_text);
							pTitle = name_text;
							bio_text = "";
							limit = 3;
							limit_count = 0;
							
							$(this).children("bio").find("bio_item").each(function() {
								if (limit_count < limit) {
									//var eval("title"+limit_count);
									eval("title"+limit_count+"=\""+$(this).text()+"\";");
									eval("label"+limit_count+"=\""+$(this).attr('name')+"\";");
									
									class_text = limit_count ? '' : ' first';
									
									bio_text += "<div class=\"bio_item"+class_text+"\"><span class=\"label\">"+$(this).attr('name').toUpperCase()+": </span><span class=\"content\">"+$(this).text()+"</span></div>";
								}
								limit_count ++;
							});
						}
					});
					$("#prodDetails #prodDetails_content").append("<h2>"+pTitle+"</h2>");
					$("#prodDetails #prodDetails_content").append(bio_text);
					/*
					var so1 = new SWFObject("_common/flash/detailRollover.swf", "sotester", "297", "179", "8");
					so1.addVariable("titleTxt", pTitle); // title 
					so1.addVariable("title1", title0); // title 
					so1.addVariable("title2", title1);
					so1.addVariable("title3", title2);
					so1.addVariable("label1", label0); // label
					so1.addVariable("label2", label1);
					so1.addVariable("label3", label2);
					so1.addParam("wmode","transparent");
					so1.write("prodDetails");
					*/
					
					$("#prodDetails").show();
				}
			});
		},
		function() {
			$("#prodDetails").hide();
		}
	);

	$("#prodDetails").mouseover(function() {
		$(this).hide();
	});

	$().mousemove(function(e){
		
		
		pLeft = e.pageX + 10;
		pTop = e.pageY-175;
		
		offset = $("#mainTitle").offset();
		offset = offset.top + $("#mainTitle").height();
		if (pTop < offset) {
			pTop = offset;
		}
		
		$("#prodDetails").css("top",pTop);
		$("#prodDetails").css("left",pLeft);
    }); 
});