Oscar

HTML

<div id="kollage" style="width:500px;"></div>

JavaScript

$(document).ready(function () {
    
	
	$(function stafflinks() {
   var v= new Array();
v[0] = new Array('durgam-abdul-amir');
v[1] = new Array('margareta-andersson');
v[2] = new Array('gunilla-bjorkman');
v[3] = new Array('maria-dahl');
v[4] = new Array('solveig-dolata');
v[5] = new Array('mimmi-elfving');
v[6] = new Array('carina-gustafsson');
v[7] = new Array('petter-jenninger');
v[8] = new Array('pontus-lagerberg');
v[9] = new Array('oscar-larsson');
v[10] = new Array('elisabeth-lundgren');
v[11] = new Array('georgi-marev');
v[12] = new Array('agneta-normann');
v[13] = new Array('jenny-ormsby');
v[14] = new Array('nihad-sarajlic');
v[15] = new Array('lena-stenback');
v[16] = new Array('sanela-stojanovic');
v[17] = new Array('yousuf-witwit');

$(v).each(function(index,el){
        
		if (location.href.indexOf(el[0]) > -1) {
		transp = "1.0" } else transp ="0.5"
		
		if (location.href.indexOf(el[0]) > -1) {
		klass = "static" } else klass = "stafflink"
		
		if (location.href.indexOf(el[0]) > -1) {
		content = "<img src='http://www.bahnhof.se/wb696868/yhstaff/"+el[0]+".jpg' width='55' height='94'/>" } else content = "<a href='http://yh.helsingborg.se/personal/"+el[0]+"'><img src='http://www.bahnhof.se/wb696868/yhstaff/"+el[0]+".jpg' width='55' height='94'/></a>"
		
		$('div#kollage').append("<div class='"+klass+"' id='"+el[0]+"' style='float:left; width:55px; height:94px; opacity:"+transp+"'>"+content+"</div>");
}); 

	
	$(".stafflink").hover(function () {
        $(this).css('opacity', '1.0') 
            }, function () {
		$(this).css('opacity', '0.5')
    });

	});

	});