/**frogs**/
function frogs(id){
  var div_id=id;
  var class1="red";
  var class2="green";
  var classn="none";
  var cont=null;    
  var win=false;
  
  var hasClass=function(el,c){
    if (el!=undefined){
      return (el.className.search(c)>=0);
    }else{
      return false;
    };
  };
  
  var check=function(){
    if(cont==null) return false;
    var ok=[class2,class2,class2,classn,class1,class1,class1];
    var i=0;
    var f=cont.firstChild;
    var res=true;
    while(f!=undefined && res){
      res = res && hasClass(f,ok[i]);
      f=f.nextSibling;
      ++i;
    };
    if(res){
      cont.firstChild.nextSibling.nextSibling.nextSibling.appendChild(document.createTextNode("YOU WIN!"));
      win=true;
    };
  };
  
  var click=function(event){
    if(win) return false;
    event = event || window.event
    var f = event.target || event.srcElement
    var t = undefined;
    var cc = "";
    if (hasClass(f,class1)){
      t = f.nextSibling;
      if(t!=undefined && !hasClass(t,classn)){
        t = t.nextSibling;
      };
      cc = class1;
    }else if(hasClass(f,class2)){
      t = f.previousSibling
      if(t!=undefined && !hasClass(t,classn)){
        t = t.previousSibling;
      };
      cc = class2;
    };
    if(hasClass(t,classn)){
      f.className=f.className.replace(cc,classn);
      t.className=t.className.replace(classn,cc);
    };
    
    check();
    
    if (event.preventDefault){
      event.preventDefault();
    }else{
      event.returnValue= false;
    };
    return false;
  };
  
  var init=function(){
    if(cont==null) return false;
    var i=0;
    var f=cont.firstChild;
    while(f!=undefined){
      if(i<3){
        f.className="frog "+class1;
      }else if(i>3){
        f.className="frog "+class2;
      }else{
        f.className="frog "+classn;
      };
      f=f.nextSibling;
      ++i;
    };
    win=false;
  };

  var start=function(){
    if(cont==null){
      cont=document.getElementById(div_id);
      while(cont.hasChildNodes()){
        cont.removeChild(cont.firstChild);
      };
      for(var i=0;i<7;++i){
        var div=document.createElement("DIV");
        cont.appendChild(div);
      };
      
      cont.onclick=click;
    };
    init();
  };
  
  this.start=start;
  this.init=init;
};
/**_frogs**/