$("document").ready(function() {

	$("#picker").live("click", function (event) {
		event.preventDefault();
		var left, parent;
		

		if($("#cylinder-window").size() > 0){

                        return;

                }

		parent = $("#content-wrapper");
		parent.append("<div id='cylinder-window'><div id='close-holder'><a id='close-button' href='#'>Stäng</a></div></div>");
		
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder1' title='Rund enkelcylinder, utsida'><img src='img/cylindrar/1.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder2' title='Rund enkelcylinder, insida'><img src='img/cylindrar/2.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder3' title='Rund dubbelcylinder'><img src='img/cylindrar/3.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder4' title='Ovalcylinder, utsida'><img src='img/cylindrar/4.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder5' title='Ovalcylinder, insida'><img src='img/cylindrar/5.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder6' title='Ovalcylinder, borrskyddad utsida'><img src='img/cylindrar/6.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder7' title='Ovalcylinder, utsida lång medbringare'><img src='img/cylindrar/7.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder8' title='Oval dubbelcylinder'><img src='img/cylindrar/8.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder9' title='Oval dubbelcylinder, borrskyddad'><img src='img/cylindrar/9.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder10' title='Europacylinder, enkel'><img src='img/cylindrar/10.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder11' title='Europacylinder, dubbelcylinder'><img src='img/cylindrar/11.jpg'/></a>");
		$("#cylinder-window").append("<a class='cylinder-img' href='cylinder12' title='Europacylinder, enkelcylinder med vred'><img src='img/cylindrar/12.jpg'/></a>");
		
		left_pos = parent.width() /2-($("#cylinder-window").width()/2);
		$("#cylinder-window").css({
			left: left_pos
		});
		
	});
	
	$(".cylinder-img").live("click", function (event) {
		event.preventDefault();
		var title;
		
		title = $(this).attr("title");
		
		$("#cylinder-window").remove();
		$("input[name=cyltype]").val(title);
	});
		$("#close-button").live("click", function () {
		$("#cylinder-window").remove();
	});

/* Clickable Block  */
	$('.block').click(function(){
		  window.location=$(this).find("a").attr("href"); return false;
	});
});