var arMn=[["Gelina Village Resort & Spa","village.php"],
["Gelina Mare Hotel","mare.php"],
//["Gelina Gardens","apart.php"],
["Hydropolis waterpark","hydro.php"]];

var arNav=[["Discover Northern Corfu","i_discover.htm"],
["The dream island","i_island.htm"],
["Myths and history","i_myths.htm"],
["The Ionian sea","i_ionian.htm"],
["Book a Vacation","i_reservation.php"],
["Contact us","i_contact.php"],
["Location","i_location.php"]];

var arTabs=null;//set it later
//var mn=QueryString('mn');//top menu
var nav=QueryString('nav');//nav menu
var pg=QueryString('pg');
var pg2=QueryString('pg2');
var pg3=QueryString('pg3');

function setHeader(){
//    var s='main';
//    for(i=0;i<arMn.length;i++){
//        ob=arMn[i]
//        if(ob[1]==pg){
//            s=ob[1].substr(0,ob[1].lastIndexOf('.'));
//            break;
//        }
//    //s+="<td width=25% align=center style=padding-right:7px;padding-top:2px; class='"+cl+"' onclick=goMn("+i+")>"+ob[0]+"</td>"
//    }
    //var name=(mn==null)?"main":arMn[mn][1].substr(0,arMn[mn][1].lastIndexOf('.'));
    s="<img id='imgheader' src='img/headermain1.jpg' />";
    if((nav==1)||(pg==null))s+="<br><img id='imgheader' src='img/headermain2.jpg' />";
    document.write(s);
}

function setMn(){
    var a;
    s="<table width=100% border=0 cellspacing=0 cellpadding=0><tr>"
    for(i=0;i<arMn.length;i++){
        ob=arMn[i]
        if((nav==1)||(pg==null))a="h"+i;
        else a=((ob[1]==pg)?"hs":"h")+i;
        s+="<td style='cursor:pointer;' onclick=goMn('"+ob[1]+"')><img src='img/"+a+".jpg'></td>"
    }
    s+="</tr></table>"
    document.write(s);
}

function setNav(){
    var cl=null;
    s="<table width='100%' border=0 cellspacing=0 cellpadding=0>"
    for(i=0;i<arNav.length;i++){
        ob=arNav[i]
        cl=(ob[1]==pg)?"s_sidemenuitem":"n_sidemenuitem";
        s+="<tr><td class='"+cl+"' onclick=goNav('"+ob[1]+"')>"+ob[0]+"</td></tr>"
    }
    cl=(pg==null)?"s_sidemenuitem":"n_sidemenuitem";
    s+="<tr><td class='"+cl+"' onclick=location.href='.' >Intro</td></tr>"
    s+="</table>"
    document.write(s);
}

function setTabs(ar){
    arTabs=ar;
    if(!pg2)pg2=arTabs[0][1]
    if(!pg3)pg3=pg2
    //var s="<div onMouseover=\"over_effect(event,'h_')\" onMouseout=\"over_effect(event,'n_')\">"
    var s="<table width='100%' border=0 cellspacing=0 cellpadding=0><tr>"
    for(i=0;i<arTabs.length;i++){
        var ob=arTabs[i]
        var cl=(ob[1]==pg2)?"s_menuitem":"n_menuitem";
        s+="<td width='33%' id=mn"+i+" align=center class='"+cl+"' onclick=goTab('"+ob[1]+"')>"+ob[0]+"</td>"
    }
    s+="</tr></table>"
    document.write(s);
}

function goMn(s){
    location.search="pg="+s;
}

function goNav(s){
    location.search="nav=1&pg="+s;
}

function goTab(s){
    location.search="pg="+pg+"&pg2="+s;
}

function over_effect(e,state){
    if(document.all)ob=e.srcElement
    else if(document.getElementById)ob=e.target
    s=ob.className.substring(0,2)
    if(s=="n_" || s=="h_"){
        if(s!="s_"){
            ob.className=state+ob.className.substring(2,ob.className.length)
        }
    }else{
        while(ob.tagName!="DIV"){
            ob=document.getElementById?ob.parentNode:ob.parentElement
            s=ob.className.substring(0,2)
            if(s=="n_" || s=="h_"){
                if(s!="s_"){
                    ob.className=state+ob.className.substring(2,ob.className.length)
                }
            }
        }
    }
}