/**
 * @author epaul
 */
/**
 * changeStyle()
 * 
 * function will change classname on hovering or clicking
 * @param {Object} elm
 */

loadname = false;
loadwork = true;

function changeStyle(elm){
	if(click){
		switch(elm){
			case 'name':
				if (loadname){
					$('NameContentHeader').style.display = "block";
				}else{	
					switch($('name').className){						
						case 'nameSmall':
							$('name').className	= 'nameBig';
							$('work').className	= 'headerSmall';
							$('arrowName').className	= 'middleImageBig';
							$('arrowWork').className	= 'middleImageSmall';
							$('NameContentHeader').style.display	= 'block';
						break;						
						
						case 'nameBig':
							$('name').className	= 'nameSmall';
							$('work').className	= 'headerBig';
							$('arrowName').className	= 'middleImageSmall';
							$('arrowWork').className	= 'middleImageBig';
							$('NameContentHeader').style.display	= 'none';	
						break;	
					}
				}
				break;
			case 'work':
				if(loadwork){
					$('WorkContentHeader').style.display	= "block";
				}else{
					switch($('work').className){	
						case 'headerSmall':
							$('name').className	= 'nameSmall';
							$('work').className	= 'headerBig';
							$('arrowName').className	= 'middleImageSmall';
							$('arrowWork').className	= 'middleImageBig';
							$('WorkContentHeader').style.display	= 'block';						
						break;	
											
						case 'headerBig':
							$('name').className	= 'nameBig';
							$('work').className	= 'headerSmall';
							$('arrowName').className	= 'middleImageBig';
							$('arrowWork').className	= 'middleImageSmall';
							if($('WorkContentHeader').style.display == "block"){						
								$('WorkContentHeader').style.display	= "none";						
							}else{
								$('name').className = 'nameSmall';
								$('WorkContentHeader').style.display	= "block";
							} 
						break;
					}
				}				
			break;		
		}
	}
}