/**************
 The Kicktip funcctions
 ***************/

 tipCard = function(act, gid, bet, tip, quot, team1Id, team2Id ) {
	//Element.update('response', '<img src="images/userpanel-loader.gif" height="15" />');
  	//loader = getBusyOverlay($('tipcard'), {opacity:0.5});
  	new Ajax.Request('worker/tip.worker.php',
	  {
	    method:'get',
	    parameters: { act: act, gid: gid, bet: bet, tip: tip, quot: quot, team1Id: team1Id, team2Id: team2Id },
	   // onLoading: loader,
	    onSuccess: function(transport){
	      var response = transport.responseText || "";
	      //alert("Success! \n\n" + response);
	      //response.update('Yeah! You are in the Top 10!').setStyle({ background: '#dfd' });
	      writeCard(response);
	    //  loader.remove();
	    },
	    onFailure: function(){ alert('Something went wrong...') }
	  })
 }


 writeCard = function(html) {
  	//new Insertion.Before ('tipcard', "<div class=\"tip\">"+ html+"</div>")
   
  	Element.update('tipcard', html);
  	myTabs.set("activeIndex", "1");
    myTabs.on('contentReady', new Effect.Fade('response',  { duration:5 }));
 }

 freshTipTab = function() {
 	window.location.href = 'toto.html';
 }

/********
Make the shitty IE working on li:hover
*********/
sfHover = function() {
	var sfEls = document.getElementById("subNavi").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+="iehover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp("iehover"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


friending = function(act, id, status, tabNum) {
	new Ajax.Request('worker/friend.worker.php',
	  {
	    method:'post',
	    parameters: { act: act, id: id, status: status },
	    onSuccess: function(transport){
	      var response = transport.responseText || "";
	      //alert("Success! \n\n" + response);
	      //response.update('Yeah! You are in the Top 10!').setStyle({ background: '#dfd' });
	      //if (act=="pending") {
	      // var tab = contentTab.getTab(3);
	      //}
	      //else if (act=="pingboard") {
	      // var tab = contentTab.getTab(4);
	      //}
	      var tab = contentTab.getTab(tabNum);
	      tab.set('content', response);

	    },
	    onFailure: function(){ alert('Something went wrong...') }
	  })
}

gameinfo = function(gid, friends, tipp, loaderDiv) {
	new Ajax.Request('worker/tip.worker.php',
	  {
	    method:'get',
	    onLoading: showLoad(loaderDiv,'inline'),
	    parameters: { gid: gid, friends: friends, tipp: tipp },
	    onSuccess: function(transport){
	      var html = transport.responseText || "";
	      //alert("Success! \n\n" + response);
	      //response.update('Yeah! You are in the Top 10!').setStyle({ background: '#dfd' });
	     
	     Element.update('gid_'+gid, html);
	     hideLoad(loaderDiv);
	    },
	    onFailure: function(){ alert('Something went wrong...') }
	  })
}

favTeam = function(form) {

	var teamID  = form.teamID.value;
	var userID  = form.userID.value;
	var act  = form.act.value;
	
	new Ajax.Request('worker/various.worker.php',
	  {
	    method:'get',
	    parameters: {act:act, teamID: teamID},

	    onSuccess: function(transport){
	    	var html = transport.responseText || "";
			Element.update("favTeamsDiv", html);
		},
	    onFailure: function(){ alert('Something went wrong...') }
	  })
}

updateTab = function(tabNum, link, loaderDiv) {
	
	if (tabNum == null) {
		tabNum = 0;
	}
	
	new Ajax.Request(link,
	  {
	    method:'get',
		onLoading: showLoad(loaderDiv), 
	    onSuccess: function(transport){
	      var response = transport.responseText || "";
	      //alert("Success! \n\n" + response);
	      //response.update('Yeah! You are in the Top 10!').setStyle({ background: '#dfd' });
	     
	     
	      var tab = contentTab.getTab(tabNum);
	      
	       tab.set('content', response);
		
	    },
	    onFailure: function(){ alert('Something went wrong...') }
	  })
}


updateTabDispatcher = function(tabNum, link, loaderDiv) {
	
	if (tabNum == null) {
		tabNum = 0;
	}
	
	new Ajax.Request(link,
	  {
	    method:'get',
		onLoading: showLoad(loaderDiv), 
	    onSuccess: function(transport){
	      var response = transport.responseText || "";
	      //alert("Success! \n\n" + response);
	      //response.update('Yeah! You are in the Top 10!').setStyle({ background: '#dfd' });
	     
	     
	      var tab = contentTab.getTab(tabNum);
	      
	       
	      //tab.set('content', response);
	      //YAHOO.util.Event.onContentReady('contentMain', function() {tab.set('content', response)} );
		 // tab.tabsChange(alert('shit'));
		  
		  YAHOO.plugin.Dispatcher.process('tabContent' + tabNum, response);
		  // YAHOO.plugin.Dispatcher.delegate(tab, 'contentMain' );
	      //tab.set('content', YAHOO.plugin.Dispatcher.process('content', response));
	    },
	    onFailure: function(){ alert('Something went wrong...') }
	  })
}


showLoad = function(loaderDiv, elementStyle) {
	if(!elementStyle){
	elementStyle = 'block';
	}
	$(loaderDiv).style.display = elementStyle;
}

hideLoad = function(loaderDiv) {
	$(loaderDiv).style.display = 'none';
}


newTabContent = function(newContent) {
	
	var tabNum = myTabs.get('activeIndex');
	var tab = contentTab.getTab(tabNum);

	tab.set('content', newContent);
}

// remove a NOD (no use anymore!)

function deleteNode(ID){
	var el = new YAHOO.util.Element(ID); 
	//We can access the Dom property hasChildNodes
	//directly on the Element instance: 
	if (el.hasChildNodes) { 
		el.removeChild(el.get('firstChild'));
	}
 }
 
 
insertText = function (id, txt) {
	if (txt == 'clear') {
  		$(id).clear(id);
  	}	  	
  	else {
  		var startPos = $(id).selectionStart;
	  	var endPos = $(id).selectionEnd;
		var cursorPos = endPos;
		
		$(id).value = $(id).value.substring(0, startPos)
	       + txt + " "
	       + $(id).value.substring(endPos, $(id).value.length);
		cursorPos += txt.length + 2;
		$(id).focus();
		$(id).selectionStart = cursorPos;
		$(id).selectionEnd = cursorPos;
  		
  	}
}


worker4param = function(act, divID, var1, var2, var3, actTab) {
	//loader = getBusyOverlay($(divID), {opacity:0.5});
	
	var contentTab;
	
	if (typeof actTab=='undefined') { 
		actTab=0;
	} else {
		contentTab.set('activeIndex', actTab);
	}
	
	new Ajax.Request('worker/various.worker.php',
	//new Ajax.Request('various.ajx',
	  {
	    method:'get', 
		//onLoading: showLoad('loaderGif_'+var1), 
		onLoading: loaderimage(divID),
	    parameters: {act:act, var1: var1, var2: var2, var3: var3}, 
	    onSuccess: function(transport){
	    	var html = transport.responseText || "";
			//Element.remove('loaderimg');
			Element.update(divID, html);
			//hideLoad('loaderGif_'+var1);
			//loader.remove();
		},
	    onFailure: function(){ alert('Something went wrong...');}
	  });
}

function loaderimage(divID) {
	var dimensions = $(divID).getDimensions();
	var loaderimg = '<div align="center" id="loaderimg" style="height:'+ dimensions.height +'px;width:100%;background: white; filter:alpha(opacity=66);-moz-opacity:.66;opacity:.66;"><img src="http://kick-tipp.com/images/busyLoader.gif" style="margin-top: '+ dimensions.height/2.5 +'px"/></div>';
	Element.insert(divID, {top: loaderimg}); 
	Element.absolutize('loaderimg');
}

sendForm = function(divID, formid, url) {
	//var url = 'worker/various.worker.php';

	var pars = Form.serialize(formid);
	var myAjax = new Ajax.Request( url, 
		{
			method: 'post', 
			parameters: pars, 
			onLoading: loaderimage(divID), 
			onComplete: function(transport){
		    	var html = transport.responseText || "";
				contentTab.get("activeTab");				
				Element.update(divID, html);
				//hideLoad('loaderGif_'+divID);
			},
    		onFailure: function(){ alert('Something went wrong...') }
		}
		);

}


function picUpload(){
 
  YAHOO.util.Event.on('uploadButton', 'click', onUploadButtonClick() );
}

onUploadButtonClick = function(e){
    //the second argument of setForm is crucial,
    //which tells Connection Manager this is a file upload form
  	loader = loaderimage('uploadFirmFoto'),
    YAHOO.util.Connect.setForm('firmFotoUploadForm', true);
		
    var uploadHandler = {
      upload: function(o) {
        //alert(o.responseText);
		$('loaderimg').remove();
		Element.update('uploadFirmFoto', o.responseText);
      }
    };
  YAHOO.util.Connect.asyncRequest('POST', 'worker/various.worker.php?act=firmFotoUpload', uploadHandler);
  };


 
function picUploadUsr(){
 
  YAHOO.util.Event.on('uploadButton', 'click', onUploadButtonClickUsr() );
}

onUploadButtonClickUsr = function(e){
    //the second argument of setForm is crucial,
    //which tells Connection Manager this is a file upload form
    loader = loaderimage('showFoto'), 
    YAHOO.util.Connect.setForm('editUserPicForm', true);

    var uploadHandlerUsr = {
      upload: function(o) {
        //alert(o.responseText);
		$('loaderimg').remove();
		Element.update('showFoto', o.responseText);

      }
    };
  YAHOO.util.Connect.asyncRequest('POST', 'worker/various.worker.php?act=userFotoUpload', uploadHandlerUsr);
  };

 
function resize(divID){  
	var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
	
	document.getElementById(divID).style.top = scrOfY+200+'px';
} 

menatwork = function(url, divID, params) {
	
	new Ajax.Request(url,
	  {
	    method:'get', 
		//onLoading: showLoad('loaderGif_'+var1), 
		onLoading: loaderimage(divID),
	    parameters: params, 
	    onSuccess: function(transport){
	    	var html = transport.responseText || "";
			Element.update(divID, html);
		},
	    onFailure: function(){ alert('Something went wrong...') }
	  })
}



/*
 * div fader
 * @param divs string, should look like "['htmlID-0', 'htmlID-1', 'htmlID-2', 'htmlID-3',.....]
 * HTML Settings:
 * Set all Div's to position:absolute; and all Div's to display:none exept(!) htmlID-0;
 */

function startDivFader(divs) {
	
	var wait = 5000;
	var i = 0;
	
	setInterval(	
			function swapFade() {
				Effect.Fade(divs[i], { duration:1, from:1.0, to:0.0 });
				i++;
				if (i == divs.length) i = 0;
				Effect.Appear(divs[i], { duration:1, from:0.0, to:1.0 });
			}
			, wait);	
	
}

/*
 * html ID fader
 * @param ids string, should look like "['htmlID-0', 'htmlID-1', 'htmlID-2', 'htmlID-3',.....]
 * HTML Settings:
 * Set all Div's to position:absolute; and all Div's to display:none exept(!) htmlID-0;
 */

function htmlElementChanger(ids) {
	
	var wait = 5000;
	var i = 0;
	
	setInterval(	
			function swapHTML() {
				//Effect.Fade(ids[i], { duration:1, from:1.0, to:0.0 });
				$(ids[i]).hide();
				i++;
				if (i == ids.length) i = 0;
				$(ids[i]).show();
				//Effect.Appear(ids[i], { duration:1, from:0.0, to:1.0 });
			}
			, wait);	
	
}