/*
function popup( href, h, l ) {
	var hauteur = Math.round( ( screen.availHeight - h ) / 2 );
	var largeur = Math.round( ( screen.availWidth - l ) / 2 );
	window.open( href, 'product', 'toolbar=0,location=0,directories=0,status=0, scrollbars=0,resizable=0,menubar=0,top='+hauteur+',left='+largeur+',width='+l+',height='+h);
	return false;	
}

function popupMap( Obj ) {
	return popup( Obj.href, 600, 600 );
}
*/

function changeMenuSubSkills( menu, idp ) {
	var menuObj = document.getElementById( menu );
	if( menuObj ) {
		clearAll( menu );
		menuObj.options[0] = new Option( '', '' );
		for( i in subskills ) {
			if( subskills[ i ].idskill == idp ) {
				menuObj.options[ menuObj.length ] = new Option( subskills[i].subskill, subskills[i].id );
			}
		}
	}
}

function clearAll( menu ) {			
	var menuObj = document.getElementById( menu );			
	for( var j=menuObj.length; j>=0; j-- ) {
		menuObj.options[j] = null;
	}
	menuObj = null;
}


// Skills
var menuSkill = document.getElementById( 'mskill' );

function addSkill() {
	var select = document.getElementById( 'idsubskill' );
	var selectedIdx = select.selectedIndex;
	
	if( document.getElementById( 'skill:' + select.options[ selectedIdx ].value ) ) {
		return;
	}
	createSkill( select.options[ selectedIdx ].value );
}

function createSkill( id ) {
	var subSkill = null;
	for( i in subskills ) {
		if( subskills[ i ].id == id ) {
			subSkill = subskills[ i ];
			break;
		}
	}
	if( !subSkill ) {
		return;
	}
	
	var gid = 'gskill:' + subSkill.idskill;
	var gskill = document.getElementById( gid );
	if( !gskill ) {
		gskill = createGroupSkill( subSkill.idskill );	
	}
	var liSkill = document.createElement( 'li' );
	
	// <input type="checkbox" name="skill[]" id="skill:10" value="10" />
	var inputSkill = document.createElement( 'input' );
	inputSkill.type = 'checkbox';
	inputSkill.name = 'skill[]';
	inputSkill.id = 'skill:' + id;
	inputSkill.value = id;
	
	liSkill.appendChild( inputSkill );
	
	liSkill.appendChild( document.createTextNode( ' ' ) );
	
	// <label for="skill:10">MySQL</label>	
	var labelInputSkill = document.createElement( 'label' );
	labelInputSkill.setAttribute( 'for', 'skill:' + id );
		
	labelInputSkill.appendChild( document.createTextNode( subSkill.subskill ) );
	liSkill.appendChild( labelInputSkill ); 
	
	liSkill.appendChild( document.createTextNode( ', ' ) );
	

	// <label for="level:10">niveau :</label>
	var labelSelectLevel = document.createElement( 'label' );
	labelSelectLevel.setAttribute( 'for', 'level:' + id );
	
	labelSelectLevel.appendChild( document.createTextNode( 'niveau :' ) );
	
	liSkill.appendChild( labelSelectLevel );
	
	liSkill.appendChild( document.createTextNode( ' ' ) ); 
	
	// <select name="level[10]" id="level:10" class="text">
	//	<option value=""></option>
	//	<option value="1">Débutant</option>
	//	<option value="2">Intermédiaire</option>
	//	<option value="3">Confirmé</option>
	// </select>
	var selectLevel = document.createElement( 'select' );
	selectLevel.setAttribute( 'name', 'level[' + id + ']' );
	selectLevel.setAttribute( 'id', 'level:' + id );
	selectLevel.setAttribute( 'class', 'text' );
	selectLevel.setAttribute( 'className', 'text' );
	
	var levels = Array( '', 'Débutant', 'Intermédiaire', 'Confirmé' );
	for( j in levels ) {
		var optionLevel = document.createElement( 'option' );
		optionLevel.setAttribute( 'value', j );
		optionLevel.appendChild( document.createTextNode( levels[ j ] ) );
		
		selectLevel.appendChild( optionLevel );						
	}
	
	liSkill.appendChild( selectLevel );
	
	var	ulGSkill = gskill.getElementsByTagName( 'ul' )[0];
	ulGSkill.appendChild( liSkill );
}

function createGroupSkill( id ) {
	var liGid = 'gskill:' + id;
	var menuSkill = document.getElementById( 'mskill' );
	var skillName = '';
	
	for( i in skills ) {
		if( skills[ i ].id == id ) {
			skillName = skills[ i ].skill;
			break;
		}
	}

	var liGroup = document.createElement( 'li' );
	liGroup.id = liGid;
	
	var liGroupTitle = document.createElement( 'strong' );
	liGroupTitle.appendChild( document.createTextNode( skillName ) );
	
	liGroup.appendChild( liGroupTitle );
	
	var ulGroup = document.createElement( 'ul' );
	liGroup.appendChild( ulGroup );
	
	menuSkill.appendChild( liGroup );
	
	return liGroup;
}

function changeFunctions( idf ) {
	clearGroupSkills();
	for( i in functionskills ) {
		if( functionskills[ i ].idfunction == idf ) {
			var idskill = functionskills[ i ].idskill;
			for( j in subskills ) {
				if( subskills[ j ].idskill == idskill ) {
					createSkill( subskills[ j ].id );	
				}
			}
		}
	}
}

function clearGroupSkills() {
	var menuSkill = document.getElementById( 'mskill' );	
	var menuSkillChildren = menuSkill.childNodes;
	
	while( menuSkill.hasChildNodes() == true ){
		var menuSkillChild = menuSkillChildren.item( 0 );
		menuSkill.removeChild( menuSkillChild );
	}
}