cardsUp = 0;
var selectedCards = new Array();
var selectedStarterCard = new Array();
var selectedCardsForSearch = new Array();




function enableButton(){
	if ( cardsUp == 2 ) {
		document.cribbageForm.toCribButton.disabled=false;
	} else {
		document.cribbageForm.toCribButton.disabled=true;
	}
}	

function getStarter(){
  var images = document.getElementsByTagName('img');
  for(var i=0; i<images.length; i++){
    if ( images[i].id ) {
      if ( selectedStarterCard[images[i].id] == 1 ) {
        var card = images[i].src.replace(".gif", "");
        card = card.substring(card.length-2, card.length);
		document.handSearchForm.starter.value = card;
      }
    }
  }
}

function getHandForSearch(prefix){
  var images = document.getElementsByTagName('img');
	var handPos = 0;
  for(var i=0; i<images.length; i++){
    if ( images[i].id ) {
      if ( selectedCardsForSearch[images[i].id] == 1 ) {
        var card = images[i].src.replace(".gif", "");
        card = card.substring(card.length-2, card.length);
				switch( handPos ) {
					case 0:
						var element = document.getElementById(prefix + "CardOne");
						if ( element == null ){
								alert("no element found for " + prefix + "CardOne");
						}
						element.value = card;
						break;
					case 1:
						var element = document.getElementById(prefix + "CardTwo");
						element.value = card;
						break;
					case 2:
						var element = document.getElementById(prefix + "CardThree");
						element.value = card;
						break;
					case 3:
						var element = document.getElementById(prefix + "CardFour");
						element.value = card;
						break;
					case 4:
						var element = document.getElementById(prefix + "CardFive");
						element.value = card;
						break;
					case 5:
						var element = document.getElementById(prefix + "CardSix");
						element.value = card;
						break;
				}
				handPos++;
      }
    }
  }
}

		
function getHand(){
  var images = document.getElementsByTagName('img');
  var selectedHand="";
	var handPos = 0;
  for(var i=0; i<images.length; i++){
    if ( images[i].id ) {
      if ( selectedCards[images[i].id] != 1 ) {
        var card = images[i].src.replace(".gif", "");
        card = card.substring(card.length-2, card.length);
				switch( handPos ) {
					case 0:
						document.cribbageForm.cardOne.value = card;
						break;
					case 1:
						document.cribbageForm.cardTwo.value = card;
						break;
					case 2:
						document.cribbageForm.cardThree.value = card;
						break;
					case 3:
						document.cribbageForm.cardFour.value = card;
						break;
					case 4:
						document.cribbageForm.cardFive.value = card;
						break;
					case 5:
						document.cribbageForm.cardSix.value = card;
						break;
				}
				handPos++;
      }
    }
  }
  return selectedHand;
}

function chooseCardForSearch(card, prefix){
	element = document.getElementById(card);
	if ( element != null ) {
		if ( selectedCardsForSearch[card] == 1 ) {
			element.style.top=10;
			selectedCardsForSearch[card]=0;
		}
		else {
	  		element.style.top = 0;
	  		selectedCardsForSearch[card]=1;
		}

		getHandForSearch(prefix);
	}
}

function chooseStarterCard(card){
	element = document.getElementById(card);
	if ( selectedStarterCard[card] == 1 ) {
		element.style.top=10;
		selectedStarterCard[card]=0;
	}
	else {
	  element.style.top = 0;
	  selectedStarterCard[card]=1;
	}

	getStarter();
}



function chooseCard(card){
  element = document.getElementById(card);
  if ( selectedCards[card] == 1) {
	  element.style.top = 10;
	  selectedCards[card]=0;
	  cardsUp--;
  } else { 
	  element.style.top = 0;
	  selectedCards[card]=1;
	  cardsUp++;
  }
  getHand();
  enableButton();
}

function getXmlHttpRequest(){
  var xmlHttp;
  try {
    xmlHttp = new XMLHttpRequest();
  } catch (e) {
    try {
        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
        alert("Unsupported browser");
        return false;
    }
  }
  return xmlHttp;
}

var Ajax = function(config){
  var xmlhttp = getXmlHttpRequest();
  xmlhttp.onreadystatechange=function()
  {
    if(xmlhttp.readyState==4){
      if(xmlhttp.status == 200){
        if ( typeof(config.success) == 'function' ) {
          config.success(xmlhttp.responseText);
        }
      } else {
        if ( typeof(config.failure) == 'function' ) {
          config.failure(xmlhttp.responseText);
        }
      }
    }
  }

  if ( config.url.indexOf("?") == -1 ){
    xmlhttp.open("GET", config.url + "?_dc="+new Date());
  } else  {
    xmlhttp.open("GET", config.url + "&_dc="+new Date());
  }
  xmlhttp.send(null);
}
  


$ = function(id){
  return document.getElementById(id);
}

showReply = function(commentid){
  $('replylink_'+commentid).style.display='none';
  $('replybox_'+commentid).style.display ='block';
}

reply = function(commentid){
  var text = $('replytext_'+commentid).value;
  Ajax({
    url: 'reply.php?commentid='+commentid+'&reply='+text,
    success: function(response){
      showReplies(commentid);
      $('replytext_'+commentid).value = "";
    }
  });
}

showReplies = function(commentid){
  Ajax({
    url: 'reply.php?commentid='+commentid,
    success: function(response){
      $('comments_'+commentid).innerHTML = response;
    }
  });
}