function selectLang(idx) {
 var locale = locales[idx];
 collapseLandLangPulldown();
 changelang(idx);
}
function hiLight(langImg, idx, over) {
 langImg.src = (over) ? langOverImgs[idx].src : langImgs[idx].src;
}

function createTooltip(id) {
 var tt = document.createElement("DIV");
 tt.id = id;
 tt.style.border='none';
 tt.style.position='absolute';
 document.body.appendChild(tt);
 return tt;
}

function findPos(obj) {
var curleft = 0;
var curtop = 0;
if (obj.offsetParent) {
curleft = obj.offsetLeft
curtop = obj.offsetTop
while (obj = obj.offsetParent) {
curleft += obj.offsetLeft
curtop += obj.offsetTop
}
}
return [curleft,curtop];
}

function getLangPulldownMenu(img) {
var pdDiv = createTooltip('langselection');
var top = img.clientY;
var pos = findPos(img);
pdDiv.style.left = (pos[0] + 3) + 'px';
pdDiv.style.top = (pos[1]+ 21) + 'px';
return pdDiv;
}

function runLangPulldown(img) {
var langPulldown = document.getElementById('langselection');
if (langPulldown != null) {
collapseLandLangPulldown()
}
else {
expandLangPulldown(img);
}
}

function collapseLandLangPulldown() {
var langPulldown = document.getElementById('langselection');
if (langPulldown != null) {
langPulldown.style.visibility='hidden';
document.body.removeChild(langPulldown);
langPulldown = null;
}
}

function expandLangPulldown(img) {
var langPulldown = getLangPulldownMenu(img);
langPulldown.innerHTML=getPulldownHTML();
langPulldown.style.visibility='visible';
}

function getPulldownHTML()
{
var pulldownHTML = '<table cellpadding="0" cellspacing="0" border="0">';
pulldownHTML = pulldownHTML.concat('<tr><td><img src="http://www.criminalstyle.nl/images/taal/en-off.jpg" border="0" width="129" height="25" onclick="javascript:selectLang(0)" onMouseOut="javascript:hiLight(this, 0, false)" onMouseOver="javascript:hiLight(this, 0, true)"/></td></tr>');
pulldownHTML = pulldownHTML.concat('<tr><td><img src="http://www.criminalstyle.nl/images/taal/nl-off.jpg" border="0" width="129" height="21" onclick="javascript:selectLang(1)" onMouseOut="javascript:hiLight(this, 1, false)" onMouseOver="javascript:hiLight(this, 1, true)"/></td></tr>');
pulldownHTML = pulldownHTML.concat('<tr><td><img src="http://www.criminalstyle.nl/images/taal/de-off.jpg" border="0" width="129" height="21" onclick="javascript:selectLang(2)" onMouseOut="javascript:hiLight(this, 2, false)" onMouseOver="javascript:hiLight(this, 2, true)"/></td></tr>');
pulldownHTML = pulldownHTML.concat('<tr><td><img src="http://www.criminalstyle.nl/images/taal/fr-off.jpg" border="0" width="129" height="21" onclick="javascript:selectLang(3)" onMouseOut="javascript:hiLight(this, 3, false)" onMouseOver="javascript:hiLight(this, 3, true)"/></td></tr>');
return pulldownHTML;
}

function changelang(id)
{
if (id == 0){ document.location = 'http://www.criminalstyle.eu/?lang=en'; }
if (id == 1){ document.location = 'http://www.criminalstyle.nl/?lang=nl'; }
if (id == 2){ document.location = 'http://www.criminalstyle.eu/?lang=de'; }
if (id == 3){ document.location = 'http://www.criminalstyle.eu/?lang=fr'; }
}

var langImgs = new Array(4);
var langOverImgs = new Array(4);
var locales = new Array(4);
langImgs[0] = new Image(129, 25);
langImgs[0].src="http://www.criminalstyle.nl/images/taal/en-off.jpg";
langOverImgs[0] = new Image(129, 25);
langOverImgs[0].src="http://www.criminalstyle.nl/images/taal/en-over.jpg";
langImgs[1] = new Image(129, 21);
langImgs[1].src="http://www.criminalstyle.nl/images/taal/nl-off.jpg";
langOverImgs[1] = new Image(129, 21);
langOverImgs[1].src="http://www.criminalstyle.nl/images/taal/nl-over.jpg";
langImgs[2] = new Image(129, 21);
langImgs[2].src="http://www.criminalstyle.nl/images/taal/de-off.jpg";
langOverImgs[2] = new Image(129, 21);
langOverImgs[2].src="http://www.criminalstyle.nl/images/taal/de-over.jpg";
langImgs[3] = new Image(129, 21);
langImgs[3].src="http://www.criminalstyle.nl/images/taal/fr-off.jpg";
langOverImgs[3] = new Image(129, 21);
langOverImgs[3].src="http://www.criminalstyle.nl/images/taal/fr-over.jpg";