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);
                emailc=false;
            }else{
                changeElem('emailVal',1);
                emailc=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;
        case "link":
            var link = document.getElementById("link").value;
            
            if (link != "") {
                if (link.substr(0,7) != "http://"){
                    document.getElementById("link").value = "http://"+link; 
                    link = document.getElementById("link").value;
                    alert("http:// has been added in front of your link !");
                }

                if (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){
                //alert ('y');
                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;
    }


/*                alert('username: '+usernamec+"\n"
                    +'email: '+emailc+"\n"
                    +'category: '+categoryc+"\n"
                    +'title: '+titlec+"\n"
                    +'descr: '+descc+"\n"
                    +'link: '+linkc);
  */
}

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";
        
    }
}