tar_paneflip = {
	timers:{},
	init:function(){
		$(".tar_paneflip").each(function(){
			tar_paneflip.setup(this);
		});
	},
	setup:function(elem){
		var imgref=$(elem).find(".imgdiv").hide().children(":eq(0)").attr("src");
		var myid=$(elem).attr("id");
		tar_paneflip.set(elem,imgref,0);
		if($(elem).find(".imgdiv").children().length>1){
			$(elem).find(".panes").after('<div class="fades"></div>');
			tar_paneflip.timers[myid]=setInterval("tar_paneflip.swap('#"+myid+"')",4000);
		}
	},
	swap:function(elem){
		$(elem).find(".fades").append($(elem).find(".panes").children().clone());
		var getpic=parseInt($(elem).attr("rel"))+1;
		var total=$(elem).find(".imgdiv").children().length;
		getpic=(getpic>=total)?0:getpic;
		var newref=$(elem).find(".imgdiv").children(":eq("+getpic+")").attr("src");
		tar_paneflip.set(elem,newref,getpic);
		for(i=0;i<$(elem).find(".fades .panel").length;i++){
			setTimeout("tar_paneflip.remove('"+elem+"','"+i+"')",(200*i));
		}
	},
	set:function(elem,imgref,pos){
		$(elem).attr("rel",pos).find(".panes .panel").each(function(){
			var offsettop=$(this).css("top");
			var offsetleft=$(this).css("left");
			$(this).css({"background-image":"url("+imgref+")","background-position":"-"+offsetleft+" -"+offsettop});
		});
	},
	remove:function(elem,pane){
		$(elem).find(".fades .panel:eq("+pane+")").fadeOut(800,function(){ $(this).remove(); });
	}
}

imgpop = {
	init:function(){
		$(".inventory_cataloge .product").each(function(){
			imgpop.setup(this);
		});
	},
	setup:function(elem){
		$(elem).hover(function(e){
			var mytop=e.pageY-50;
			var myleft=e.pageX;
			var mysrc=$(elem).find(".image img").attr("src").replace("thumb",400);
			var mytitle=$(elem).find(".title a").text();
			var mydescrip=$(elem).find(".description").html();
			$("body").append('<div id="popimg"><h3>'+mytitle+'</h3><div class="popimgimg"><img id="poppedimg" src="'+mysrc+'"/></div><div class="thedesc">'+mydescrip+'</div></div>');
			imgpop.setmypos(mytop,myleft);
		},function(){
			$("#popimg").remove();
		}).mousemove(function(e){
			var mytop=e.pageY-50;
			var myleft=e.pageX;
			imgpop.setmypos(mytop,myleft);
		});
	},
	setmypos:function(mytop,myleft){
		myleft=(myleft=="")?parseInt($("#popimg").css("left")):myleft;
		var windowheight=(typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight);
		var windowwidth=(typeof window.innerWidth != 'undefined' ? window.innerWidth : document.documentElement.clientWidth);
		var mywidth=parseInt($("#popimg").outerWidth());
		var myheight=parseInt($("#popimg").outerHeight());
		var pagescroll=$(document).scrollTop();
		myleft=(myleft+mywidth>=windowwidth-50)?myleft-mywidth-30:myleft+30;
		mytop=mytop-pagescroll;
		mytop=(mytop+myheight>=windowheight-20)?windowheight-myheight-20:mytop;
		mytop=(mytop+pagescroll<pagescroll+20)?20:mytop;
		$("#popimg").css({"left":myleft,"top":mytop});
		$("#popimg .thedesc").css({"width":(mywidth-26)});
		$("#popimg h3").css({"width":(mywidth-26)});
	}
}

$(document).ready(function(){
	tar_paneflip.init();
	imgpop.init();
});