var VMNavLeft;
var VMNavTop;
var newMargin;
var newMargin2;
var labelLeft;
var labelTop;
var bt1H;
var bt1W;
var bt1Y;
var bt1X;
var loaded = false;

/*
	this fucniton is called onload and on resize
	it aligns various elements of the page

*/

function align(){
	wh = parseInt(getWinHeight()); 
	ww = parseInt(getWinWidth());
	
	divH = parseInt(getHeight('main'));
	divW = parseInt(getWidth('main'));
	
	newMargin = parseInt((wh - divH)/2);
	newMargin = (newMargin<0 ? 0 : newMargin);
	
	newMargin2 = parseInt((ww - divW)/2);
	newMargin2 = (newMargin2<0 ? 0 : newMargin2);
	
	document.getElementById('main').style.margin = newMargin + "px auto 0px " + "auto";
	
		
	document.getElementById('footer').style.margin = 4 + "px 0px 0px " + newMargin2;	

	VMNavTop = parseInt(getAbsY(document.getElementById('main'))) + 10 + 'px';
	VMNavLeft = parseInt(getAbsX(document.getElementById('main'))) + 10 + 'px';
		
	document.getElementById('container').style.visibility="visible";
	
	document.getElementById('nav').style.top = VMNavTop;
	document.getElementById('nav').style.left = VMNavLeft;
		
	loaded = true;
}



function bottlePop(id,multiplier) {
	document.getElementById('bottleInfo').getElementsByTagName('div')[0].innerHTML = '';
	lft = parseInt(getAbsX(document.getElementById(id))) - (browser.indexOf('ie')>=0 ? newMargin2 : 0);
	if(navigator.userAgent.indexOf( 'Safari' ) != -1){
		lft = 58*multiplier;
	}
	for(x=1; x<7; x++){
		imgs[x-1].parentNode.href=bottleInfo["bottle" + x].href;	
	}
	
	bottlePopElem = imgs[(imgs.length-1)];
	bottlePopElem.style.display='inline';
	bottlePopElem.id = id + "Pop";
	bottlePopElem.style.left = (lft-4) + "px";
	bottlePopElem.alt = bottleInfo[id].alt;
	bottlePopElem.title = bottleInfo[id].title;
	bottlePopElem.parentNode.href = bottleInfo[id].href;
	
	flavorImg = document.createElement('img');
	flavorImg.src = bottleInfo[id].flavorImg;
	flavorImg.alt = bottleInfo[id].flavorimgAlt;
	document.getElementById('bottleInfo').style.left = (lft-4) + "px";
	document.getElementById('bottleInfo').getElementsByTagName('div')[0].appendChild(flavorImg);
	document.getElementById('bottleInfo').getElementsByTagName('div')[1].innerHTML = bottleInfo[id].subText;
	
}

function bottleClear(id){
	imgs = document.getElementById('bottlesContainer').getElementsByTagName('img');
	bottlePopElem = imgs[(imgs.length-1)];
	bottlePopElem.style.display='none';
	document.getElementById(id).id='bottle7Pop';
	document.getElementById('bottleInfo').getElementsByTagName('div')[0].innerHTML = "";
	document.getElementById('bottleInfo').getElementsByTagName('div')[1].innerHTML = "";
	
	
}


bottleInfo = new Array;

bottleInfo["bottle1"] = {alt:"power-c" ,title:"power-c", flavorImg:'vw_line_desc_powerc_en_AU.gif' , flavorimgAlt:'Power-c' , subText:"" , href:"../power-c/powerc_flavor.html"};
bottleInfo["bottle2"] = {alt:"focus" ,title:"focus", flavorImg:'vw_line_desc_focus_en_AU.gif' , flavorimgAlt:'focus' , subText:"" , href:"../focus/focus_flavor.html"};
bottleInfo["bottle3"] = {alt:"essential" ,title:"essential", flavorImg:'vw_line_desc_essential_en_AU.gif' , flavorimgAlt:'essential' , subText:"" , href:"../essential/essential_flavor.html"};
bottleInfo["bottle4"] = {alt:"energy" ,title:"energy", flavorImg:'vw_line_desc_energy_en_AU.gif' , flavorimgAlt:'energy' , subText:"" , href:"../energy/energy_flavor.html"};
bottleInfo["bottle5"] = {alt:"revive",title:"revive", flavorImg:'vw_line_desc_revive_en_AU.gif' , flavorimgAlt:'revive' , subText:"" , href:"../revive/revive_flavor.html"};
bottleInfo["bottle6"] = {alt:"triple-x",title:"triple-x", flavorImg:'vw_line_desc_triplex_en_AU.gif' , flavorimgAlt:'triple-x' , subText:"" , href:"../triplex/triplex_flavor.html"};

//Image preloading function
function preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

// Image swapping function
function SwapImagesFunction(imageId, imageNewSrc) {
	document.getElementById(imageId).src = imageNewSrc;
}