// Configuration 

var speed  = 50;    // Fewer - quickier
var flag_images, direct, image_number, direct1, direct2, direct3;
var width_default, width_new, help=0;

function initLangPane() {
	flag_images = document.getElementById("lang_pane").getElementsByTagName("img");
	width_default = flag_images[0].width;
}

function zoom(number, width, height) {
    image_number = number;
	width_new = width;
    if(help==0){help=1; zooming()};
}

function zooming() {
	direct1 = direct2 = direct3 = 2;
	switch(image_number) {
		case 0: width_new1=width_new2=width_new3=width_new; break;
		case 1: direct1=-2; width_new1=width_new; width_new2=width_new3=width_default; break;
		case 2: direct2=-2; width_new2=width_new; width_new1=width_new3=width_default; break;
		case 3: direct3=-2; width_new3=width_new; width_new1=width_new2=width_default; break;
	}
	
	if(flag_images[0].width==width_new1) {}
	else {flag_images[0].width = flag_images[0].width - direct1; flag_images[0].height = flag_images[0].height - direct1;}
	if(flag_images[1].width==width_new2) {} 
	else {flag_images[1].width = flag_images[1].width - direct2; flag_images[1].height = flag_images[1].height - direct2;}
	if(flag_images[2].width==width_new3) {} 
	else {flag_images[2].width = flag_images[2].width - direct3; flag_images[2].height = flag_images[2].height - direct3;}
	
	if(flag_images[0].width==width_default && flag_images[1].width==width_default && flag_images[2].width==width_default) { help=0;}
	else {setTimeout(zooming, speed);}
}