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_fr_FR.gif' , flavorimgAlt:'power-c' , subText:"" , href:"../power-c/powerc_flavor.html"};
bottleInfo["bottle2"] = {alt:"essential" ,title:"essential", flavorImg:'vw_line_desc_essential_fr_FR.gif' , flavorimgAlt:'essential' , subText:"" , href:"../essential/essential_flavor.html"};
bottleInfo["bottle3"] = {alt:"ignite",title:"ignite", flavorImg:'vw_line_desc_ignite_fr_FR.gif' , flavorimgAlt:'ignite' , subText:"" , href:"../energy/ignite_flavor.html"};
bottleInfo["bottle4"] = {alt:"multi-v",title:"multi-v", flavorImg:'vw_line_desc_multiv_fr_FR.gif' , flavorimgAlt:'multi-v' , subText:"" , href:"../multi-v/multiv_flavor.html"};
bottleInfo["bottle5"] = {alt:"restore",title:"restore", flavorImg:'vw_line_desc_restore_fr_FR.gif' , flavorimgAlt:'restore' , subText:"" , href:"../restore/restore_flavor.html"};
bottleInfo["bottle6"] = {alt:"d-fence",title:"d-fence", flavorImg:'vw_line_desc_defence_fr_FR.gif' , flavorimgAlt:'d-fence' , subText:"" , href:"../defense/defence_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;
}