function createRequestObject() {
    var req;
    if(window.ActiveXObject) {
       	req = new ActiveXObject("Microsoft.XMLHTTP");
	} else if(window.XMLHttpRequest){
      	req = new XMLHttpRequest();
    } else {
      	alert('Prablm kriejting d XMLHttpRequest obdzekt');
    }
    return req; 
}

var http = createRequestObject();

function odgovori(lol) {
	if(http.readyState == 4 && http.status == 200){
    	var response = http.responseText;
    	if(response) { 
			document.getElementById(lol).innerHTML=response;
		}
	}
}
/*
var ash = null

function ajaxCallback()
{
 if readystate = 4 
    ash = ajaxobject.responseText;
}
function pozoviAjax(parametar)
{
  ajaxobject = new createRequestObject;
  ajaxobject.onreadystatechange = ajaxCallback;
}
*/

var starter;
var calltitle;

function ajaxCallback()
{
	if(http.readyState == 4 && http.status == 200)
    	starter = http.responseText;
}

function ajaxCallbackTitle()
{
	if(http.readyState == 4 && http.status == 200)
    	calltitle = http.responseText;
}

var usernamec = true;
var emailc    = true;
var titlec    = true;
var categoryc = true;
var linkc     = true;
var descc     = true;


function validate(element) {
	switch (element) {
		case "username":
			var un = document.getElementById("name").value;
		    if(un == "" || un.length<2 || un.length>15){
				changeElem('nameVal',0);
				usernamec=false;
			}else{
			 	usernamec=true;
	    		changeElem('nameVal',1);
			}
		break;
		case "email":
			var em = document.getElementById("email").value;
		    if(em == "" || em.length<2 || em.length>150){
				changeElem('emailVal',0);
				emailj=false;
			}else{
				changeElem('emailVal',1);
				emailj=true;
			}
		break;
		case "title":
			var tutTitle = document.getElementById("title").value;
		    if(tutTitle.length >= 5){
				changeElem('titleVal',1);
				titlec=true;
			}else{
				changeElem('titleVal',0);
				titlec=false;
			}
		break;
		case "category":
			//cat = document.getElementById("category");
			cat = document.forma.category;
			if(cat.value == 0 || cat.value == ""){
			 	categoryc=false;
				changeElem('catVal',0);
			}else{
			 	categoryc=true;
				changeElem('catVal',1);
			}
			break;
		break;
		case "link":
			var link = document.getElementById("link").value;
			if (link.substr(0,7) != "http://" && link != ""){
				document.getElementById("link").value = "http://"+link; 
				link = document.getElementById("link").value;
				alert("http:// has been added in front of your link !");
			}
		    if(link != "" && link.length > 5 && link.length < 310){
			 	linkc=true;
				changeElem('linkVal',1);
			}else{
			 	linkc=false;
				changeElem('linkVal',0);
			}
		break;
		case "image":
		break;
		case "desc":
		    var desc = document.getElementById("desc").value;
		    if(desc == "" || desc.length<30 || desc.length>200){
		     	descc=false;
				changeElem('descVal',0);
			}else{
			 	descc=true;
				changeElem('descVal',1);
			}
		break;
		case "all":
			//usernamec,emailc,titlec,categoryc,linkc,descc
			if (usernamec && emailc && titlec && categoryc && linkc && descc){
				validate('username');
				validate('email');
				validate('category');
				validate('title');
				validate('desc');
				validate('link');
				document.getElementById("batn").disabled = false;
				//alert("da");
				//alert("u:"+usernamec+" e:"+emailc+" t:"+titlec+" c:"+categoryc+" l:"+linkc+" d:"+descc);
			}else{
				validate('username');
				validate('email');
				validate('category');
				validate('title');
				validate('desc');
				validate('link');
				document.getElementById("batn").disabled = true;
				//alert("ne");
				//alert("u:"+usernamec+" e:"+emailc+" t:"+titlec+" c:"+categoryc+" l:"+linkc+" d:"+descc);
			}
		break;
	}
}

function changeElem(element,state) {
	if(state==0){
		document.getElementById(element).className = "submitValInv";
		document.getElementById("batn").disabled = true;
		document.getElementById(element).innerHTML = "CHECK INPUT";
	}else{
		document.getElementById(element).className = "submitValVal";
		document.getElementById("batn").disabled = false;
		document.getElementById(element).innerHTML = "VALID";
	}
}

function checkElem(element,state) {
	if(state==0) {
		document.getElementById(element).className = "submitValInv";
		document.getElementById("batn").disabled = true;
		document.getElementById(element).innerHTML = "ALREADY EXISTS";
	} else {
		document.getElementById(element).className = "submitValVal";
		//document.getElementById("batn").disabled = false;
		document.getElementById(element).innerHTML = "VALID";
	}
}

function deletetutorial(wa){
	if (wa == "") return false;
	var q = confirm("Are you sure you want to delete this tutorial ?");
	if (q){
	 	http.open('get', 'deletetut.php?id='+wa);
	    http.onreadystatechange = ajaxCallback;
	    http.send(null);
	    if (starter==1){
	     	alert("Tutorial sucessfully deleted !");
	     	location.href = "myadmin.php";
	    }
	}
}

function removetutorial(wa){
	if (wa == "") return false;
	var q = confirm("Are you sure you want to remove this tutorial from featured list ?");
	if (q){
	 	http.open('get', 'removetut.php?id='+wa);
	    http.onreadystatechange = ajaxCallback;
	    http.send(null);
	    if (starter==1){
	     	alert("Tutorial sucessfully removed !");
	     	location.href = "myadmin.php";
	    }
	}
}

function Switch(tab) {
	if(document.getElementById(tab).className == "inactiveTab") {
		document.getElementById(tab).className = "overTab";
	} else {
		document.getElementById(tab).className = "inactiveTab";
	}
}

// Toggles the visibility of a div
function Show(div) {
	var style = document.getElementById(div).style;
	style.display = "block";
	if(div=="allCat") {
		document.getElementById('seeAll').className='allActive';
	}
}
function Hide(div) {
	var style = document.getElementById(div).style;
	style.display = "";
	if(div=="allCat") {
		document.getElementById('seeAll').className='allInactive';
	}
}

function showbox(div) {
	var divzor = document.getElementById(div);
	if(	divzor.style.display == 'none')
		document.getElementById(div).style.display='block';
	else
		document.getElementById(div).style.display='none';
}

function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	
//	console.log(self.innerWidth);
//	console.log(document.documentElement.clientWidth);

	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

//	console.log("xScroll " + xScroll)
//	console.log("windowWidth " + windowWidth)

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
//	console.log("pageWidth " + pageWidth)

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

function showme(){
	var a = document.getElementById('entire');
	var b = document.getElementById('kalendar');
	//alert(a.style.display);
	//alert(b.style.display);
	if (a.style.display=="block"){
		Effect.SlideUp('kalendar',{duration:1.0});
		setTimeout("showbox('entire')",1000);
	}else{
		a.style.display="block";
		Effect.SlideDown('kalendar',{duration:1.0});
	}
}

function calender(y,m,theID){
	http.open('post', 'calender.php?tid='+theID+'&godina='+y+'&mjesec='+m);
    http.onreadystatechange = function(){odgovori('calender');}
    http.send(null);
}

function calendar2(y,m){
	http.open('post', 'calender22.php?godina='+y+'&mjesec='+m);
    http.onreadystatechange = function(){odgovori('cldn');}
    http.send(null);
}

function addate(y,m,d){
 	document.getElementById('dejt').value=y+"-"+m+"-"+d;
}

function editme(y,m,theID){
	var arrayPageSize = getPageSize();
	document.getElementById('entire').style.width=arrayPageSize[0]+"px";
	document.getElementById('entire').style.height=arrayPageSize[1]+"px";
	showme();
}

function resizeme(y,m,theID){
	var arrayPageSize = getPageSize();
	document.getElementById('entire').style.width=arrayPageSize[0]+"px";
	document.getElementById('entire').style.height=arrayPageSize[1]+"px";
	showme();
	http.open('post', 'calender.php?tid='+theID+'&godina='+y+'&mjesec='+m);
    http.onreadystatechange = function(){odgovori('calender');}
    http.send(null);
}
function scheduleit(y,m,d,theID){
	http.open('get', 'flink.php?y='+y+'&m='+m+'&d='+d+'&id='+theID);
    http.onreadystatechange = ajaxCallback;
    http.send(null);
    if (starter==1){
     	showme();
     	document.getElementById('add'+theID).innerHTML="Waiting for approval";
     	document.getElementById('tutorial'+theID).style.background="#82CFFD";
    }
}
function acccancfeat(id,w){
	http.open('get', 'acccancfeat.php?id='+id+'&w='+w);
    http.onreadystatechange = ajaxCallback;
    http.send(null);
    if (starter==1){
     	document.getElementById('featurelink').innerHTML="<p>Accepted</p>";
    }else if (starter==2){
     	document.getElementById('featurelink').innerHTML="<p>Canceled</p>";
    }else if (starter=="0a"){
     	document.getElementById('featurelink').innerHTML="<p>Error</p>";
    }
}

function acp(z,h){
	http.open('get', 'inc/acp.php?z='+z+'&h='+h);
    http.onreadystatechange = function(){odgovori('list')};
    http.send(null);
}

function showha(h){
	http.open('get', 'inc/promotewhat.php?h='+h);
    http.onreadystatechange = function(){odgovori('list')};
    http.send(null);
}

function showc(){
	var a = document.getElementById('cldn');
	//alert(a.style.display);
	//alert(b.style.display);
	if (a.style.display=="block"){
	 	a.style.display="none";
	}else{
		a.style.display="block";
	}
}
/*
function changebg(where){
	if (where==3){
		document.getElementById("22").innerHTML = '<span class="ftuLowSelector"><span class="ftuL2"><a href="javascript:void(0);" onclick="switch2(1);"></a></span></span>';
		document.getElementById("11").innerHTML = '<span class="ftuLowSelector"><span class="ftuL1"><a href="javascript:void(0);" onclick="switch2(2);"></a></span></span>';	
	}
	if (where==2){
		document.getElementById("22").innerHTML = '<span class="ftuLowSelector"><span class="ftuL2"><a href="javascript:void(0);" onclick="switch2(1);"></a></span></span>';
		document.getElementById("33").innerHTML = '<span class="ftuLowSelector"><span class="ftuL1"><a href="javascript:void(0);" onclick="switch2(3);"></a></span></span>';
	}
	if (where==1){
		document.getElementById("11").innerHTML = '<span class="ftuLowSelector"><span class="ftuL1"><a href="javascript:void(0);" onclick="switch2(2);"></a></span></span>';
		document.getElementById("33").innerHTML = '<span class="ftuLowSelector"><span class="ftuL1"><a href="javascript:void(0);" onclick="switch2(3);"></a></span></span>';
	}
}
function killchangebg(where){
	if (where==3){
		document.getElementById("3").innerHTML = '<span class="ftuL3"></span>';
	}
	if (where==2){
		document.getElementById("22").innerHTML = '<span class="ftuL2"></span>';
	}
	if (where==1){
		document.getElementById("11").innerHTML = '<span class="ftuL1"></span>';
	}
}*/


function switch2(to){
	if (to==3){
	 	document.getElementById("11").innerHTML = '<span class="ftuL1"><a href="javascript:;" onclick="switch2(1);"></a></span>';
		document.getElementById("22").innerHTML = '<span class="ftuL2"><a href="javascript:;" onclick="switch2(2);"></a></span>';
		document.getElementById("33").innerHTML = '<span class="ftuLowSelector"><span class="ftuL3"></span></span>';
		document.getElementById("1").style.display = "none";
		document.getElementById("2").style.display = "none";
		document.getElementById("3").style.display = "";
	}
	if (to==2){
		document.getElementById("11").innerHTML = '<span class="ftuL1"><a href="javascript:;" onclick="switch2(1);"></a></span>';
		document.getElementById("22").innerHTML = '<span class="ftuLowSelector"><span class="ftuL2"></span></span>';
		document.getElementById("33").innerHTML = '<span class="ftuL3"><a href="javascript:void(0);" onclick="switch2(3);"></a></span>';
		document.getElementById("1").style.display = "none";
		document.getElementById("2").style.display = "";
		document.getElementById("3").style.display = "none";
	}
	if (to==1){
		document.getElementById("11").innerHTML = '<span class="ftuLowSelector"><span class="ftuL1"></span></span>';
		document.getElementById("22").innerHTML = '<span class="ftuL2"><a href="javascript:;" onclick="switch2(2);"></a></span>';
		document.getElementById("33").innerHTML = '<span class="ftuL3"><a href="javascript:;" onclick="switch2(3);"></a></span>';
		document.getElementById("1").style.display = "";
		document.getElementById("2").style.display = "none";
		document.getElementById("3").style.display = "none";
		
	}
}