var h2;
var w2;
var w;
var h;
var background = new Object();
var background = {width:3000, height:1528};
var links = new Array();
var BrowserDetect = {
    init: function () {
        this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
        this.version = this.searchVersion(navigator.userAgent)
            || this.searchVersion(navigator.appVersion)
            || "an unknown version";
        this.OS = this.searchString(this.dataOS) || "an unknown OS";
    },
    searchString: function (data) {
        for (var i=0;i<data.length;i++)    {
            var dataString = data[i].string;
            var dataProp = data[i].prop;
            this.versionSearchString = data[i].versionSearch || data[i].identity;
            if (dataString) {
                if (dataString.indexOf(data[i].subString) != -1)
                    return data[i].identity;
            }
            else if (dataProp)
                return data[i].identity;
        }
    },
    searchVersion: function (dataString) {
        var index = dataString.indexOf(this.versionSearchString);
        if (index == -1) return;
        return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
    },
    dataBrowser: [
        {
            string: navigator.userAgent,
            subString: "Chrome",
            identity: "Chrome"
        },
        {     string: navigator.userAgent,
            subString: "OmniWeb",
            versionSearch: "OmniWeb/",
            identity: "OmniWeb"
        },
        {
            string: navigator.vendor,
            subString: "Apple",
            identity: "Safari"
        },
        {
            prop: window.opera,
            identity: "Opera"
        },
        {
            string: navigator.vendor,
            subString: "iCab",
            identity: "iCab"
        },
        {
            string: navigator.vendor,
            subString: "KDE",
            identity: "Konqueror"
        },
        {
            string: navigator.userAgent,
            subString: "Firefox",
            identity: "Firefox"
        },
        {
            string: navigator.vendor,
            subString: "Camino",
            identity: "Camino"
        },
        {        // for newer Netscapes (6+)
            string: navigator.userAgent,
            subString: "Netscape",
            identity: "Netscape"
        },
        {
            string: navigator.userAgent,
            subString: "MSIE",
            identity: "Explorer",
            versionSearch: "MSIE"
        },
        {
            string: navigator.userAgent,
            subString: "Gecko",
            identity: "Mozilla",
            versionSearch: "rv"
        },
        {         // for older Netscapes (4-)
            string: navigator.userAgent,
            subString: "Mozilla",
            identity: "Netscape",
            versionSearch: "Mozilla"
        }
    ],
    dataOS : [
        {
            string: navigator.platform,
            subString: "Win",
            identity: "Windows"
        },
        {
            string: navigator.platform,
            subString: "Mac",
            identity: "Mac"
        },
        {
            string: navigator.platform,
            subString: "Linux",
            identity: "Linux"
        }
    ]

};
BrowserDetect.init();
if((BrowserDetect.browser=='Explorer') && (BrowserDetect.version < 7))
{
var titleimage = new linkInfo("title", "", "davidfaithfull_lrg.gif", 1255, 151, 859, 1028); 
}
else
{
var titleimage = new linkInfo("title", "", "davidfaithfull_lrg.png", 1255, 151, 859, 1028); 
}
links[0] = new linkInfo("contact", "contact.php", "contact_over.jpg", 245, 233, 775, 1220); 
links[1] = new linkInfo("cv", "cv.php", "cv_over.jpg", 121, 238, 1020, 1223);  
links[2] = new linkInfo("shop", "shop.php", "shop_over.jpg", 123, 238, 1142, 1223);  
links[3] = new linkInfo("recentProj", "recentProj.php", "recentProj_over.jpg", 692, 236, 1268, 1223);  
links[4] = new linkInfo("archive", "archive.php", "archive_over.jpg", 243, 242, 1951, 1218);  
images = new Array();
images[0] = new Image();
images[0].src="images/rollovers/contact_over.jpg";
images[1] = new Image();
images[1].src="images/rollovers/cv_over.jpg";
images[2] = new Image();
images[2].src="images/rollovers/shop_over.jpg";
images[3] = new Image();
images[3].src="images/rollovers/recentProj_over.jpg";
images[4] = new Image();
images[4].src="images/rollovers/archive_over.jpg";
images[5] = new Image();
images[5].src="images/hack.gif";


function linkInfo(name, link, image, width, height, left, top) { 
  
    this.name = name; 
    this.link = link; 
    this.image = image; 
    this.width = width; 
    this.height = height; 
    this.top = top; 
    this.left = left; 
 
} 

function full_page(){
    
    document.getElementById('links').innerHTML="";
    document.getElementById('images').innerHTML="";
    viewport();
    show_links();
}

function slider(){
    viewport();

    $('div.sliderGallery').each(function () {
    var ul = $('ul', this);
    var productWidth = ul.innerWidth() - $(this).outerWidth();

    var slider = $('.slider', this).slider({ 
      handle: '.handle',
      minValue: 0, 
      maxValue: productWidth, 
      slide: function (ev, ui) {
        ul.css('left', '-' + ui.value + 'px');
      }, 
      stop: function (ev, ui) {
        ul.animate({ 'left' : '-' + ui.value + 'px' }, 500, 'linear');
      }
    });
  });

}

function do_clear(linkname){
    document.getElementById(linkname).innerHTML="";
}

function do_hover(linkname){
var x = new Object(); 
for (var i = 0; i < links.length; i++) {
    if(linkname==links[i].name){ 
        x.name=links[i].name;
        x.link=links[i].link;
        x.image=links[i].image;
        x.width=links[i].width;
        x.height=links[i].height;
        x.top=links[i].top;
        x.left=links[i].left;
    }
}       
x.width=Math.round(x.width*(w2/background.width)); 
x.height=Math.round(x.height*(h2/background.height));
x.left=Math.round(x.left*(w2/background.width))-((w2-w)/2); 
x.top=Math.round(x.top*(h2/background.height))-(h2-h);
document.getElementById(x.name).innerHTML="<img src='images/rollovers/"+x.image+"' height="+x.height+"px; width="+x.width+"px; border=0/>";
}

function show_links(){
var x = new Object();
var linksText="";
var imagesText=""; 
x.name=titleimage.name;
x.link=titleimage.link;
x.image=titleimage.image;
x.width=titleimage.width;
x.height=titleimage.height;
x.top=titleimage.top;
x.left=titleimage.left;
x.width=Math.round(x.width*(w2/background.width)); 
x.height=Math.round(x.height*(h2/background.height));
x.left=Math.round(x.left*(w2/background.width))-((w2-w)/2); 
x.top=Math.round(x.top*(h2/background.height))-(h2-h);
imagesText += "<img src='images/"+x.image+"' height="+x.height+"px; width="+x.width+"px; border=0 style='position: absolute; top: "+x.top+"px; left: "+x.left+"px; height:"+x.height+"px; width:"+x.width+"px; text-decoration: none; border:0; z-index:10;' />";


for (var i = 0; i < links.length; i++) { 
x.name=links[i].name;
x.link=links[i].link;
x.image=links[i].image;
x.width=links[i].width;
x.height=links[i].height;
x.top=links[i].top;
x.left=links[i].left;

x.width=Math.round(x.width*(w2/background.width)); 
x.height=Math.round(x.height*(h2/background.height));
x.left=Math.round(x.left*(w2/background.width))-((w2-w)/2); 
x.top=Math.round(x.top*(h2/background.height))-(h2-h);

linksText += "<a href='"+x.link+"' style='position: absolute; top: "+x.top+"px; left: "+x.left+"px; height:"+x.height+"px; width:"+x.width+"px; text-decoration: none; border:1; z-index:10;' onmouseover='do_hover(\""+x.name+"\")' onmouseout='do_clear(\""+x.name+"\")';><img src='images/hack.gif' height="+x.height+"px  width="+x.width+"px border=0/></a>";


imagesText += "<div id='"+x.name+"'  style='position: absolute; top: "+x.top+"px; left: "+x.left+"px; height:"+x.height+"px; width:"+x.width+"px; text-decoration: none; z-index:5;'></div>"
 
}

document.getElementById('links').innerHTML=linksText;

document.getElementById('images').innerHTML=imagesText;

   
}

function viewport()
{

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

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

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



if (w/h > (background.width/background.height)){
    document.getElementById('bg').innerHTML="<img src='images/bground.jpg' width='100%' alt=''><div id='overlays'></div>";
    w2=w;
    h2=Math.round((w/background.width)*background.height);
    document.getElementById('bg').style.marginTop="-" + h2 + "px";
    document.getElementById('bg').style.marginLeft="0px";
    document.getElementById('bg').style.top="100%";
    document.getElementById('bg').style.left="0%";
}else{
    document.getElementById('bg').innerHTML="<img src='images/bground.jpg' height='100%' alt=''><div id='overlays'></div>";
    w2=Math.round((h/background.height)*background.width);
    h2=h;
    document.getElementById('bg').style.marginLeft="-" + w2/2 + "px";
    document.getElementById('bg').style.marginTop="0px";
    document.getElementById('bg').style.top="0%";
    document.getElementById('bg').style.left="50%";
}

}