var h2;
var w2;
var w;
var h;
var iswide=1;
var isindex=1; 

var navs = new Array();
navs[0] = "news"; 
navs[1] = "classes";  
navs[2] = "trips";  
navs[3] = "booking";
navs[4] = "about";
navs[5] = "contact";

var nav_default=0.7;
var nav_selected=1.0;
var nav_unselected=0.6;
var nav_gallery=0.5;

var background = new Object();
var background = {image:backs[backindex].image, caption:backs[backindex].caption, width:backs[backindex].width, height:backs[backindex].height};

function change_page(page, back_val) { 
window.location = page+".php?back="+back_val; 
}

function change_back(change_val) { 
    backindex=(backindex+change_val+backs.length)%backs.length;
    background.image=backs[backindex].image;
    background.caption=backs[backindex].caption;
    background.width=backs[backindex].width;
    background.height=backs[backindex].height;
    iswide=2;
    rewrite_links();
    viewport();
}

function rewrite_links(){
    for(i=0; i<navs.length; i++){
        document.getElementById(navs[i]).innerHTML="<a href='"+navs[i]+".php?back="+backindex+"' onClick='contentClick(\""+navs[i]+"\");return false;'><img src='images/"+navs[i]+".gif' onmouseover='nav_hover(\""+navs[i]+"\");' onmouseout='nav_clear(\""+navs[i]+"\");' /></a>\n";
    }
    document.getElementById("titleContainer").innerHTML="<a href='index.php?back="+backindex+"'><img src='images/title.png' width='360' height='64' border='0'/></a>\n";
}

function viewport()
{
if(isindex==1){ 

 if (typeof window.innerWidth != 'undefined')
 {
      w = window.innerWidth,
      h = window.innerHeight
 }

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       w = document.documentElement.clientWidth,
       h = document.documentElement.clientHeight
 }

 else
 {
       w = document.getElementsByTagName('body')[0].clientWidth,
       h = document.getElementsByTagName('body')[0].clientHeight
 }



if ((w/h > (background.width/background.height)) && (iswide!=1)){
    document.getElementById('bg').innerHTML="<img src='proj_uploads/" + background.image + "' width='100%' alt='' />";
    document.getElementById('caption').innerHTML=background.caption;
    iswide=1;
}else if ((w/h <= (background.width/background.height)) && (iswide!=0)){
    document.getElementById('bg').innerHTML="<img src='proj_uploads/" + background.image + "' height='100%' alt='' />";
    document.getElementById('caption').innerHTML=background.caption;
    iswide=0;
}

}
}