// JavaScript Document

var id;

//var $jpopup = jQuery('<div id="popup_add"><div id="popup_checkbox"><div><p>Do you have the box?</p><label>Y <input type="checkbox" id="chk1_yes" onclick="popup_chk()" /></label><label>N <input type="checkbox" id="chk1_no" onclick="popup_no()" /></label></div><div><p>Do you have the manual?</p><label>Y <input type="checkbox" id="chk2_yes" onclick="popup_chk()" /></label><label>N <input type="checkbox" id="chk2_no" onclick="popup_no()" /></label></div></div><div id="popup_doh"><div><p><strong>Doh!</strong> Mooch does not accept games without the box and the manual. Thank you.</p><a href="#" title="Close" onclick="popup_close()">close</a></div></div></div>');

var $jpopup = jQuery('<div id="popup-game_details"><div id="game_details_confirm"><h4>Game Details</h4><div class="question"><p>Do you have the box?</p><span class="yes_no"><label>Y</label><input type="checkbox" id="chk1_yes" onclick="popup_chk()" /></span><span class="yes_no"><label>N</label><input type="checkbox" id="chk1_no" onclick="popup_no()" /></span></div><div class="question"><p>Do you have the manual?</p><span class="yes_no"><label>Y</label><input type="checkbox" id="chk2_yes" onclick="popup_chk()" /></span><span class="yes_no"><label>N</label><input type="checkbox" id="chk2_no"  onclick="popup_no()" /></span></div></div><div id="game_details_close"><p><strong>Doh!</strong> Mooch does not accept games without the box and the manual. Thank you.</p><a href="#" title="close" class="popup_close2" onclick="popup_close()"><span>X</span>close</a></div></div>');


function add_game(o,idp){
	id = idp;
	var obj = jQuery(o);
	obj.parent().append($jpopup);
	$j("#popup-game_details").css({display:"block"});
	$j("#game_details_close").css({display:"none"});
	$j('#game_details_confirm').css({display:"block"});
	$j('#chk1_yes').attr("checked",false);
	$j('#chk2_yes').attr("checked",false);
	$j('#chk1_no').attr("checked",false);
	$j('#chk2_no').attr("checked",false);
}

function add_game2(e,o,idp){
	//var targetX = Event.pointerX(e);
	//var targetY = Event.pointerY(e);
	id = idp;
	var obj = jQuery(o);
	obj.parent().append($jpopup);
  //$j("body").append($jpopup);
  $j("#popup-game_details").css({"z-index":"9999999"});
	
	$j("#popup-game_details").css({display:"block"});
	$j("#game_details_close").css({display:"none"});
	$j('#game_details_confirm').css({display:"block"});
	$j('#chk1_yes').attr("checked",false);
	$j('#chk2_yes').attr("checked",false);
	$j('#chk1_no').attr("checked",false);
	$j('#chk2_no').attr("checked",false);
}

function popup_chk(){
	if($j('#chk1_yes').attr("checked") && $j('#chk2_yes').attr("checked")){
		//alert("Game #"+id+" added!");
    addIndexedGameToHaveList(id);
		$j("#popup-game_details").css({display:"none"});
	}
}

function popup_no(){
	$j("#game_details_confirm").css({display:"none"});
	$j("#game_details_close").css({display:"block"});
}

function popup_close(){
	$j('#popup-game_details').css({display:"none"});
}
function positionCheckTools(anEvent) {
   var targetX = Event.pointerX(anEvent) - 44;
   var targetY = Event.pointerY(anEvent) - 16;
   alert(targetY);
   //$('checkTools').setStyle({ left: targetX + 'px', top: targetY + 'px' });
   //$('checkTools').show();
}