function DoVarIng(){
    var w,h, th, way;
    DoPosition();
}
function DoPosition(){
    $('#SiteData').scrollTop(0)
    MContainer = document.getElementById('MainContainer')
    if (self.innerWidth){
        w = self.innerWidth;
        h = self.innerHeight;
        w = Math.floor(w);
        h = Math.floor(h);
    }else if (document.documentElement && document.documentElement.clientWidth){
        a = document.documentElement.clientWidth;
        b = document.documentElement.clientHeight;
        w = Math.floor(a);
        h = Math.floor(b);
    }else if (document.body){
        w = document.body.clientWidth;
        h = document.body.clientHeight;
        w = Math.floor(w);
        h = Math.floor(h);
    }
    left = w/2
    MContainer.style.left=(left-500)+"px"
    DoMouseEvents();
}
function doPreLoad(){
    document.getElementById('ScrollContainer').innerHTML=""
    AllCat = document.getElementById('resDiv')
    ActCat = AllCat.getElementsByTagName('p')
    for(a=0; a<ActCat.length; a++){
        if(ActCat[a].className=="narancs"){
            dir = ActCat[a].id
            DoPreLoading(dir, 1);
        }
    }
}
function DoPreLoading(dir, imgCounter){
    var GPic, GSRC;
    if(imgCounter<10){
        GSRC = 'pic/galery/'+dir+'/0'+imgCounter+".jpg"
    }else{
        GSRC = 'pic/galery/'+dir+'/'+imgCounter+".jpg"
    }
    GPic= new Image();
    GPic.src=GSRC;
    GPic.onerror = function(){
        DoImageShow();
    }
    GPic.onload = function(){
        GImg = document.createElement('img')
        GImg.setAttribute('id', 'pic'+imgCounter)
        GImg.setAttribute('style', 'display:none; height:100pxpx; margin-right:15px; cursor: pointer;')
        document.getElementById('ScrollContainer').appendChild(GImg)
        GImg.setAttribute('src', GSRC)
        imgCounter++
        DoPreLoading(dir, imgCounter)
    }
}
function DoImageShow(){
    ScD = document.getElementById('ScrollContainer')
    TDi = ScD.getElementsByTagName('img')
    //alert(TDi)
    for(u=0; u<TDi.length; u++){
        TDi[u].style.display="inline-block"

    }
    DoGallery();
}
function DoMouseEvents(){
    Click=false;
    height = 50;
    way=10
    Scroll = document.getElementById('ScrollButton')
    Scroll.style.top="10px"
    ScrollDiv=document.getElementById('rightLine')
    ScrollData = document.getElementById('SiteData').scrollHeight
    //alert(ScrollData)
    height=(480/ScrollData)*480
    //alert(height)
    Scroll.style.height = height +"px"
    LeftU = document.getElementById('LeftUl')
    LU = LeftU.getElementsByTagName('li')
    document.onmouseup = function(evt){
        Click=false
            //alert('up')
            //Scroll.style.top= (parseInt(evt.clientY)-200)+"px"
    }
    document.onmousemove = function(e){
        if(Click){
            e = e || window.event;
            var cursor = {x:0, y:0};
            if (e.pageX || e.pageY) {
                cursor.x = e.pageX;
                cursor.y = e.pageY;
            }
            else {
                cursor.x = e.clientX +
                    (document.documentElement.scrollLeft ||
                    document.body.scrollLeft) -
                    document.documentElement.clientLeft;
                cursor.y = e.clientY +
                    (document.documentElement.scrollTop ||
                    document.body.scrollTop) -
                    document.documentElement.clientTop;
            }
            tPos=parseInt(cursor.y)-220
            //alert(tPos)
            if((tPos+height)<480){
                if(tPos>=10){
                //alert(tPos)
                    Scroll.style.top=tPos+"px"
                    $('#SiteData').scrollTop((tPos/480)*ScrollData)
                }else{
                    //alert('ok')
                    Scroll.style.top= 9+"px"
                    $('#SiteData').scrollTop(tPos-230)
                }
            var sum;
            sum=0;
            if(way>=tPos){
                //scroll felfele
                way=tPos
                for(a=0; a<num; a++){
                   //alert(th[a]+" | "+a)
                   sum = sum+ th[a]
                   //alert(sum)
                    if(sum>(tPos/480)*ScrollData+200){
                        if(sum>(tPos/480)*ScrollData+(th[a]/2)+210){
                            tId = TD[Place[a]].id.replace('_page','')
                            for(i=0; i<LU.length; i++){
                                LU[i].style.color="#CCCCCC"
                                LU[i].style.fontWeight="normal"
                            }
                            document.getElementById(tId).style.color="#FF9900"
                            document.getElementById(tId).style.fontWeight="bold"
                            return false;
                        }else{
                            return false;
                        }
                    }
                }
            }else{
                way=tPos
                //scroll lefele
                for(a=0; a<num; a++){
                   //alert(th[a]+" | "+a)
                   sum = sum+ th[a]
                   //alert(sum)
                    if(sum>(tPos/480)*ScrollData+200){
                        sum = sum-th[a]
                        //alert(sum+" | "+tPos)
                        tId = TD[Place[a]].id.replace('_page','')
                        for(i=0; i<LU.length; i++){
                            LU[i].style.color="#CCCCCC"
                            LU[i].style.fontWeight="normal"
                        }
                        document.getElementById(tId).style.color="#FF9900"
                        document.getElementById(tId).style.fontWeight="bold"
                        return false;
                    }
                }
            }
            }else if((tPos+height)>=480){
                //alert('ok2')
                Scroll.style.top= 480-height+"px"
                $('#SiteData').scrollTop((tPos/480)*ScrollData)
            }
            //alert(SCDIVl)

        }
    }
    Scroll.onmousedown = function(evt){
        Click=true
        return false;
            //alert('down')
            //Scroll.style.top= (parseInt(evt.clientY)-200)+"px"
    }
    Scroll.onmouseout = function(){
       // Click=true
       return false;
    }
    Scroll.onmouseover=function(){
    }
    Menu = document.getElementById('LeftUl')
    MenuLi = Menu.getElementsByTagName('li')
    for(i=0; i<MenuLi.length; i++){
        MenuLi[i].onclick = function(){
            thisId=this.id
            Ch=0
            for(a=0; a<MenuLi.length; a++){
                MenuLi[a].style.color="#CCCCCC"
                MenuLi[a].style.fontWeight="normal"
                if(MenuLi[a].id==thisId){
                    //alert(Ch)
                    CN = Ch
                  //return false;  
                }
                Ch++
            }
            this.style.color="#FF9900"
            this.style.fontWeight="bold"
           // th[CN]
            T=0
            for(g=0; g<CN; g++){
                    T=T+th[g]+20
            }
            if(CN!=0){
                if(((T/ScrollData)*480)+height<480){
                    $('#ScrollButton').animate({top: (T/ScrollData)*480}, 1000)
                    //Scroll.style.top=(T/ScrollData)*480+"px"
                    $('#SiteData').animate({scrollTop : T},1000)
                }else{
                    $('#ScrollButton').animate({top: 480-height}, 1000)
                    //Scroll.style.top=480-height+"px"
                    $('#SiteData').animate({scrollTop : T},1000)
                }
            }else{
                $('#ScrollButton').animate({top: 9}, 1000)
                //Scroll.style.top=9+"px"
                $('#SiteData').animate({scrollTop : 0},1000)
            }
        }
    }
    RMenu = document.getElementById('RightUl')
    RMenuLi = RMenu.getElementsByTagName('li')
    for(o=0; o<RMenuLi.length; o++){
        RMenuLi[o].onclick = function(){
           // alert('ok')
            if(this.id=="Map"){
                document.getElementById('HoverInside').innerHTML="<p id='closePopup'>close</p>"+document.getElementById('hiddenMap').innerHTML
                DoPopUp(480, 400)
            }else if(this.id=="Reg"){
                document.getElementById('HoverInside').innerHTML="<p id='closePopup'>close</p>"+"<p id='regtext'>A regisztráláshoz kérjük töltse ki az összes mezőt!</p><div class='poupInline'><p id='Email'>E-mail:</p><input type='text' id='email' value=''/></div><div class='poupInline'><p id='UserN'>Felhasználónév:</p><input type='text' id='userN' value=''/></div><div class='poupInline'><p id='Upass'>Jelszó:</p><input type='password' id='userP' value=''/></div><div id='korl' class='poupInline'><h5>A legújabb eseményekről e-mail-ben kérek értesítést!</h5><input type='checkbox' checked='true' id='korlevel'/></div><p id='DoREG'>Regisztrálok</p>"
                DoPopUp(480, 240)
                DoReg();
            }else if(this.id=="Log"){
                document.getElementById('HoverInside').innerHTML="<p id='closePopup'>close</p>"+"<div class='poupInline'><p id='NAME'>Felhasználónév:</p><input type='text' id='UN' value=''/></div><div class='poupInline'><p id='PASS'>Jelszó:</p><input type='password' id='UP' value=''/></div><p id='DoLOG'>Bejelentkezek!</p>"
                DoPopUp(480, 105)
                DoLOG();
            }
        }
    }
    hird = document.getElementById('HF')
    hird.onclick = function(){
        if(document.getElementById('RegUser').value!="no"){
                document.getElementById('HoverInside').innerHTML="<p id='closePopup'>close</p>"+'<ul><div class="poupInline"><li class="hirdL">Név: </li> <input type="text" id="Name"></div><div class="poupInline"><li class="hirdL">Telefon: </li> <input type="text" id="Phone"></div><li>Melyik napon szeretne játszani?<br><select id="Day"><option id="megb" value="0">megegyezés szerint</option><option id="hetfo" value="1">hétfő (du.)</option><option id="kedd" value="2">kedd (du.)</option><option id="szerda" value="3">szerda (du.)</option><option id="csutortok" value="4">csütörtök (du.)</option><option id="pentek" value="5">péntek (du.)</option><option id="szombat" value="6">szombat (du.)</option></select></li></ul><p id="HVF">Hirdetés feladása</p>'
                DoPopUp(480, 190)
                DoHird();
        }else{
            alert('Hirdetés feladásához kérjuk jelentkezzen be!')
        }
    }
    document.getElementById('MapII').onclick = function(){
                document.getElementById('HoverInside').innerHTML="<p id='closePopup'>close</p>"+document.getElementById('hiddenMap').innerHTML
                DoPopUp(480, 400)
    }
    AllGmenu = document.getElementById('resDiv')
    TGM = AllGmenu.getElementsByTagName('p')
    for(i=0; i<TGM.length; i++){
        TGM[i].onclick = function(){
            for(a=0; a<TGM.length; a++){
                TGM[a].style.color="#FFFFFF"
                TGM[a].style.FontWeight="normal"
                TGM[a].className=""
            }
            this.className="narancs"
            this.style.color="#FF9900"
            this.style.FontWeight="bold"
            doPreLoad();
        }
    }
    DoMenuMoove();
    function DoMenuMoove(){
        //alert('ok')
        SD = document.getElementById('SiteData')
        TD = SD.getElementsByTagName('div')
        SCDIVl = TD.length
        th = new Array();
        Place = new Array();
        num=0
        for(i=0; i<TD.length; i++){
            if(TD[i].className=="SCDIV"){
                Place[num]=i
                /*@cc_on
                    /*@if (@_win32)
                        th[num] = parseInt(TD[i].offsetHeight)
                    @else @*/
                        th[num] = parseInt(window.getComputedStyle(TD[i],null).getPropertyValue("height"));
                    /*@end
                @*/
                    //alert(th[num])
                    num++
            }
        }
    }
}
function DoHird(){
    HirSend = document.getElementById('HVF')
    var Iphone, Iname, TDay;
    HirSend.onclick = function(){
        Iname = document.getElementById('Name')
        Iphone = document.getElementById('Phone')
        AllDay = document.getElementById('Day')
        ThisDay = document.getElementsByTagName('option')
        for(i=0; i<ThisDay.length; i++){
            if(ThisDay[i].selected==true){
                TDay = ThisDay[i].value
            }
        }
        if(Iname.value!='' && Iphone.value!=""){
        httpObject = null;
        link = "main.php?SendHirdData=true&Iname="+Iname.value+"&Iphone="+Iphone.value.replace('+', encodeURIComponent('+'))+"&IDay="+TDay;
       //alert(link)
        httpObject = getHTTPObject();
        if (httpObject != null) {
            httpObject.open("GET", link , true);
            httpObject.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
            httpObject.setRequestHeader('User-Agent',"XHR User-Agent Override");
            httpObject.onreadystatechange = sendHird;
            httpObject.send(null);
        }
        }else{
            alert('Hirdetés feladásához az összes mező kitöltése kötelező!')
        }
    }
}
function DoGallery(){
    Gclick = false;
    RD= document.getElementById('resDiv')
    if(RD.childNodes.length==1){
        RD.childNodes[0].style.color="#FF9900"
    }
    GS = document.getElementById('Gscroll')
    GsI = GS.getElementsByTagName('img')
    for(i=0; i<GsI.length; i++){
        GsI[i].onmouseover = function(){
            $('#Gscroll').stop();
        }
        GsI[i].onmouseout = function(){
            //alert('ok')
            if(Gclick!=true){
            if(SCroll=='To' ){
                DoScrollTo();
            }else if(SCroll=="Back" ){
                DoScrollBack();
            }
            }
        }
        GsI[i].onclick = function(){
            /*@cc_on
                /*@if (@_win32)
                     SC= parseInt(this.offsetWidth)
                @else @*/
                    SC = parseInt(window.getComputedStyle(this,null).getPropertyValue("width")); 
                /*@end
            @*/
            DefSize=SC*3+40
            httpObject = null;
            TDSRC = this.src.replace('http://www.neverisquash.hu/pic/galery/'+dir+"/", dir+'-BIG-').replace('.jpg', '').replace('http://neverisquash.hu/pic/galery/'+dir+"/", dir+'-BIG-').replace('.jpg', '')+".db"
            link = "main.php?GetComment=true&SRC="+TDSRC
            httpObject = getHTTPObject();
            if (httpObject != null) {
                httpObject.open("GET", link , true);
                httpObject.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
                httpObject.setRequestHeader('User-Agent',"XHR User-Agent Override");
                httpObject.onreadystatechange = GetComment;
                httpObject.send(null);
            }
            document.getElementById('HoverInside').innerHTML="<p id='closePopup'>close</p><CENTER style='margin-top:25px;'><img id='BigIMG' src='"+this.src.replace('pic/galery/'+dir, 'pic/galery/'+dir+'/BIG/')+"'></CENTER><div class='poupInline'><p id='comments' class='Cable'>Hozzászólások:</p><p id='addComment' class='Cable'>+ új hozzászólás</p></div><div id='AddCommentCont'><div id='areaCenter'><textarea id='area'></textarea></div><div id='sendCommC'><p id='sendCom' style='margin:0px 10px 0px 0px;'>Hozzászólás elküldése!</p></div></div><div id='CommentCont'></div>"
        }
    }
    DoScrollTo();
}
function DoReg(){
    RegB = document.getElementById('DoREG')
    var emailOK, userNOK, userPOK;
    RegB.onclick = function(){
        emailOK=false;
        userNOK=false;
        userPOK=false;
        EIn = document.getElementById('email')
        if(EIn.value!="" && EIn.value.search('@')!=-1){
            emailOK=true
        }
        uNIn = document.getElementById('userN')
        if(uNIn.value!=""){
            userNOK=true
        }
        uPIn = document.getElementById('userP')
        if(uPIn.value!=""){
            userPOK=true
        }
        if(emailOK!=false && userNOK!=false && userPOK!=false){
            httpObject = null;
            link = "main.php?email="+EIn.value+"&password="+uPIn.value+"&Name="+uNIn.value+"&korl="+document.getElementById('korlevel').checked
            //alert(link)
            httpObject = getHTTPObject();
            if (httpObject != null) {
                httpObject.open("GET", link , true);
                httpObject.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
                httpObject.setRequestHeader('User-Agent',"XHR User-Agent Override");
                httpObject.onreadystatechange = setOutputM;
                httpObject.send(null);
            }
        }else{
            alert('Az összes mező kitöltése kötelező!')
        }
    }
}
function DoLOG(){
    document.getElementById('DoLOG').onclick = function(){
    UN1 = document.getElementById('UN')
    UP1 = document.getElementById('UP')
    if(UN1.value!="" && UP1.value!=""){
        httpObject = null;
        link = "main.php?user="+UN1.value+"&pass="+UP1.value
        //alert(link)
        httpObject = getHTTPObject();
        if (httpObject != null) {
            httpObject.open("GET", link , true);
            httpObject.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
            httpObject.setRequestHeader('User-Agent',"XHR User-Agent Override");
            httpObject.onreadystatechange = setOutput2;
            httpObject.send(null);
        }
    }else{
       alert('Az összes mező kitöltése kötelező!') 
    }
    }
}
function DoScrollTo(){
    SCroll='To'
    SCW = document.getElementById('Gscroll').scrollWidth-660
    //alert((SCW-document.getElementById('scroll').scrollLeft)/50)
    $('#Gscroll').animate({scrollLeft : SCW+"px"}, 1000*((SCW-document.getElementById('Gscroll').scrollLeft)/20), function(){
        //alert('ok')
        DoScrollBack();
    })
}
function DoScrollBack(){
    SCroll='Back'
    SCW = document.getElementById('Gscroll').scrollWidth-660
    $('#Gscroll').animate({scrollLeft : 0+"px"}, 1000*((SCW-(SCW-document.getElementById('Gscroll').scrollLeft))/20), function(){
        DoScrollTo();
    })
}
function DoComment(){
    C = document.getElementById('addComment')
    CommentWindow=false
    C.onclick = function(){
        if(CommentWindow==false){
            $('#AddCommentCont').slideDown(1000, function(){
            })
            $('#HoverInside').animate({height : 390+60+"px"}, 1000)
            CommentWindow=true
        }else{
            $('#AddCommentCont').slideUp(300, function(){
            })
            CRes = document.getElementById('CommentCont')
            PRes = CRes.getElementsByTagName('p')
            $('#HoverInside').animate({height : 380+(PRes.length*5)+"px"}, 300)
            CommentWindow=false
        }
        //alert(document.getElementById('HoverInside').style.height)
    }
    SCm = document.getElementById('sendCom')
    SCm.onclick = function(){
        if(document.getElementById('RegUser').value!="no"){
        TA = document.getElementById('area')
        if(TA.value!=''){
        httpObject = null;
        // $('#HoverInside').animate({height : 390+60+"px"}, 1000)
         TDSRC = document.getElementById('BigIMG').src.replace('http://www.neverisquash.hu/pic/galery/'+dir+"/", dir+'-BIG-').replace('.jpg', '')+".db"
        link = "main.php?SENDComment=true&SRC="+TDSRC+"&user="+document.getElementById('userLogin').value+"&text="+TA.value;
        //alert(link)
        httpObject = getHTTPObject();
        if (httpObject != null) {
            httpObject.open("GET", link , true);
            httpObject.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
            httpObject.setRequestHeader('User-Agent',"XHR User-Agent Override");
            httpObject.onreadystatechange = GetComment;
            httpObject.send(null);
        }
        }else{
            alert('Töltse ki a hozzászólást!')
        }
        }else{
            alert('A hozzászóláshoz be kell jelentkznie!')
        }
    }
}
function DoPopUp(DefSize, DefTop){
            Gclick = true;
            $('#Gscroll').stop();
    //alert(DefSize)
    if (self.innerWidth){
        w = self.innerWidth;
        h = self.innerHeight;
        w = Math.floor(w);
        h = Math.floor(h);
    }else if (document.documentElement && document.documentElement.clientWidth){
        a = document.documentElement.clientWidth;
        b = document.documentElement.clientHeight;
        w = Math.floor(a);
        h = Math.floor(b);
    }else if (document.body){
        w = document.body.clientWidth;
        h = document.body.clientHeight;
        w = Math.floor(w);
        h = Math.floor(h);
    }
    if(w/2>DefSize){
        document.getElementById('HoverInside').style.left=(w/2)-(DefSize/2)+"px"
    }else{
        document.getElementById('HoverInside').style.left=0+"px"
    }
        document.getElementById('HoverInside').style.width=DefSize+"px"
    if(DefTop!="auto"){
        document.getElementById('HoverInside').style.top=(h/2)-(DefTop/2)+"px"
        document.getElementById('HoverInside').style.height = DefTop+"px"
    }else{
        document.getElementById('HoverInside').style.top=h*0.2+"px"
        document.getElementById('HoverInside').style.height = 400+"px"
    }
    $("#HoverInside").show('slow')
    $("#hoverDiv").show('slow')
    ClosePopUp();
}
function ClosePopUp(){
    document.getElementById('closePopup').onclick = function(){
        $("#HoverInside").hide('slow')
        $("#hoverDiv").hide('slow')
        Gclick=false
        if(SCroll=='To' ){
            DoScrollTo();
        }else if(SCroll=="Back" ){
            DoScrollBack();
        }
    }
}
function DoLogOut(){
    LO=document.getElementById('LogOUT')
    LO.onclick = function(){
    RMenu = document.getElementById('RightUl')
    RMenuLi = RMenu.getElementsByTagName('li')
        document.getElementById('Log').innerHTML="Bejelentkezés";
        LO.innerHTML = "";
        document.getElementById('RegUser').value="no"
        document.getElementById('userLogin').value=""
    }
}
function setOutputM(){
             if(httpObject.readyState == 4){
                //alert(httpObject.responseText)
                var response = httpObject.responseText;
                searchText = response.search('<p>Sikeresen elküldtük az emailt!</p>')
                searchTextName = response.search('foglalt')
                if(searchText!=-1){
                    alert('Sikeresen elküldtük a regisztrációs e-mailt!')
                    $("#HoverInside").hide('slow')
                    $("#hoverDiv").hide('slow')
                    Gclick=false
                    if(SCroll=='To' ){
                        DoScrollTo();
                    }else if(SCroll=="Back" ){
                        DoScrollBack();
                    }
                }else if(searchTextName!=-1){
                    alert('Az Ön által megadott felhasználónév már foglalt!')
                }
             }
}
function sendHird(){
             if(httpObject.readyState == 4){
                //alert(httpObject.responseText)
                var response = httpObject.responseText;
                document.getElementById('HirdRes').innerHTML=response;
                $("#HoverInside").hide('slow')
                    $("#hoverDiv").hide('slow')
                    Gclick=false
                    if(SCroll=='To' ){
                        DoScrollTo();
                    }else if(SCroll=="Back" ){
                        DoScrollBack();
                    }
             }
}
function GetComment(){
             if(httpObject.readyState == 4){
                //alert(httpObject.responseText)
                var response = httpObject.responseText;
                document.getElementById('CommentCont').innerHTML=response;
                $('#AddCommentCont').slideUp(300)
                CRes = document.getElementById('CommentCont')
                PRes = CRes.getElementsByTagName('p')
                //alert(PRes.length)
                DoPopUp(DefSize, 380)
                $('#HoverInside').animate({height : 380+(PRes.length*5)+"px"}, 1000)
                DoComment();
             }
}
function setOutput2(){
             if(httpObject.readyState == 4){
                var response = httpObject.responseText;
                searchText = response.search('value="yes"')
                if(searchText!=-1){
                    document.getElementById('ajaxDiv').innerHTML=response;
                    $("#HoverInside").hide('slow')
                    $("#hoverDiv").hide('slow')
                    Gclick=false
                    if(SCroll=='To' ){
                        DoScrollTo();
                    }else if(SCroll=="Back" ){
                        DoScrollBack();
                    }
                    document.getElementById('Log').innerHTML="Bejelentkezve: <span class='narancs_bold'>"+document.getElementById('UN').value+"</span>"
                    document.getElementById('LogOUT').innerHTML="Kijelentkezés"
                    DoLogOut();
                }else{
                    alert('Bejelentkezési hiba!')
                }
             }
}
function getHTTPObject(){
         if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
         else if (window.XMLHttpRequest) return new XMLHttpRequest();
         else {
            alert("Your browser does not support AJAX.");
            return null;
         }
}
window.onload = function(){
    DoVarIng();
    doPreLoad();
}