var contentsBottomMargin = 237;
var contentsTop = 116;
var contentsMinHeight = 260;
var bottomSize = 220;

window.onload = function() {
    setMainImageSize();
}

window.onresize = function() {
    setMainImageSize();
}

IE7_PNG_SUFFIX = "-trans.png";
var type = "";
if (navigator.userAgent.indexOf("Opera")!=-1 && document.getElementById) type="OP";
if (document.all) type="IE";
if (document.layers) type="NN";
if (!document.all && document.getElementById) type="MO";

var MAX_height = 12000;

function setMainImageSize() {
	var myWidth = 0, myHeight = 0;
    if( typeof( window.innerWidth ) == 'number' ) {
        //Non-IE
       myWidth = window.innerWidth;
       myHeight = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }
    
    var new_image_width = myWidth;
    var new_image_height = new_image_width*(1331/2000);
    
    if(new_image_height < myHeight) { 
        new_image_height = myHeight;
        new_image_width = new_image_height*(2000/1331);
    }
    
    // Image minimum dimensions...
    /*
    if(new_image_height < 630) {
    	new_image_height = 630;
    	new_image_width = new_image_height*(4108/3496);
    }
    */
    
    
    //desktop
    
    var mainimage = document.getElementById('mainimage');
    var mainimageContainer = document.getElementById('imagecontainer');
       
    mainimage.setAttribute("className", "dynamic");
    
    mainimage.style.height = new_image_height + "px";
    mainimage.style.width = new_image_width + "px";
    
    if(new_image_width < 1000) {
        mainimage.src = "images/" + mainimage.getAttribute("alt") + "1000.jpg";
    } else if(new_image_width < 1500) {
        mainimage.src = "images/" + mainimage.getAttribute("alt") + "1500.jpg";
    } else if(new_image_width < 2000) {
        mainimage.src = "images/" + mainimage.getAttribute("alt") + "2000.jpg";
    } else {
        mainimage.src = "images/" + mainimage.getAttribute("alt") + ".jpg";
    }
    
    
    
       
	//menubar

	var menubarVar = document.getElementById("menubar_img");
	menubarVar.setAttribute("className", "dynamic");
	
	menubarVar.style.width = (myWidth) + 'px';
	
	/* new stuff */
	
	if(new_image_width < 1000) {
        menubarVar.src = "images/" + menubarVar.getAttribute("alt") + "1000.gif";
    } else if(new_image_width < 1100) {
        menubarVar.src = "images/" + menubarVar.getAttribute("alt") + "1100.gif";
    } else if(new_image_width < 1200) {
        menubarVar.src = "images/" + menubarVar.getAttribute("alt") + "1200.gif";
    } else if(new_image_width < 1300) {
        menubarVar.src = "images/" + menubarVar.getAttribute("alt") + "1300.gif";
	} else if(new_image_width < 1400) {
        menubarVar.src = "images/" + menubarVar.getAttribute("alt") + "1400.gif";
    } else if(new_image_width < 1500) {
        menubarVar.src = "images/" + menubarVar.getAttribute("alt") + "1500.gif";
    } else if(new_image_width < 1600) {
        menubarVar.src = "images/" + menubarVar.getAttribute("alt") + "1600.gif";
    } else if(new_image_width < 1800) {
        menubarVar.src = "images/" + menubarVar.getAttribute("alt") + "1800.gif";
    } else {
        menubarVar.src = "images/" + menubarVar.getAttribute("alt") + "2000.gif";
    }
	
	/* END new stuff */
	
	
	
	
	
	var scaling_factor = (935 / myHeight);
	
	var myspace = document.getElementById("nav_myspace_img");
	myspace.style.height = (137 / scaling_factor) + 'px';
	
	var shop = document.getElementById("nav_shop_img");
	shop.style.height = (95 / scaling_factor) + 'px';
	
	var videos = document.getElementById("nav_videos_img");
	videos.style.height = (120 / scaling_factor) + 'px';
	
	var photos = document.getElementById("nav_photos_img");
	photos.style.height = (129 / scaling_factor) + 'px';
	
	var board = document.getElementById("nav_board_img");
	board.style.height = (243 / scaling_factor) + 'px';
	
	var gigs = document.getElementById("nav_gigs_img");
	gigs.style.height = (88 / scaling_factor) + 'px';
	
	var news = document.getElementById("nav_news_img");
	news.style.height = (96 / scaling_factor) + 'px';
	
	
	
}