function updateMousePosition(e) {	
	if(!e) e = window.event;
	var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ? window.document.documentElement : window.document.body;	
	actual_y = e.pageY ? e.pageY : e.clientY + body.scrollTop - body.clientTop;	
	actual_y -= 100;	
}

function closeStartstyling(){
	document.getElementById('picture_layer').style.display = 'none';
	document.getElementById('hintergrund_layer').style.display = 'none';
}

function showStarstylingBig(b,dim,newposition){	
	
	ele = document.getElementById('picture_layer');	
	
	if(newposition=='true'){
		temp 								= document.getElementById('hintergrund_layer');
		temp.style.width 		= '100%';
		temp.style.height   = document.documentElement.scrollHeight + 'px';
		temp.style.minHeight = '100%';	
		temp.style.display	= 'block';		
		ele.style.top 	= actual_y+"px";
		
	}else{
		if(b=="1" || b=="14" || b=="20" || b=="30"){
			dim = "height";
		}				
	}	
	
	innerX = 0;
	if (self.innerHeight){		
		innerX = self.innerWidth;		
	}else if (document.documentElement && document.documentElement.clientHeight){		
		innerX = document.documentElement.clientWidth;		
	}else if (document.body){		
		innerX = document.body.clientWidth;		
	}	
	tequ	= (dim=='width' ? 340:255);	
	ele.style.left	= ((innerX/2)-tequ)+"px";	
	
	eletemp	= 	'<div style="position:absolute;">';
	eletemp += 	'<div style="position:absolute;top:-35px;left:'+(dim=='width' ? '658':'488')+'px;"><img style="cursor:pointer;" onclick="closeStartstyling()" src="'+ptr+'/../global/images/specials/friends/starstyling/close.gif"></div>';
	
	if(b>=2){
		eletemp += 	'<div style="position:absolute;top:'+(dim=='width' ? '249':'334')+';left:-35px;"><img style="cursor:pointer;" onclick="showStarstylingBig(\''+(parseInt(b)-1)+'\',\'width\',\'false\')" src="'+ptr+'/../global/images/specials/friends/starstyling/pfeil_links_f2.gif"></div>';
	}
	
	if(b<38){
		eletemp += 	'<div style="position:absolute;top:'+(dim=='width' ? '249':'334')+';left:'+(dim=='width' ? '693':'523')+'px;"><img style="cursor:pointer;" onclick="showStarstylingBig(\''+(parseInt(b)+1)+'\',\'width\',\'false\')" src="'+ptr+'/../global/images/specials/friends/starstyling/pfeil_rechts_f2.gif"></div>';
	}
	
	eletemp +=	'</div>';
	eletemp += 	'<img src="'+ptr+'/../global/images/specials/starstyling/'+b+'.jpg" width="'+(dim=='width' ? '681':'511')+'" height="'+(dim=='width' ? '511':'681')+'" style="border:3px solid #ff0000;">';
	
	ele.innerHTML 	= eletemp;
	ele.style.display = 'block';
}

document.onmousemove = updateMousePosition;