// JavaScript Document
$(document).ready ( function () {
	
	var logoData = {'logo_1' : 
						[{'image' : 'lb_logo_1_1.gif', 'link' : 'http://www.crownpaint.co.uk'}, {'image' : 'lb_logo_1_2.gif', 'link' : 'http://www.crowntrade.co.uk'}],
					'logo_2' :
						[{'image' : 'lb_logo_2_1.gif', 'link' : 'http://www.sandtex.co.uk'}, {'image' : 'lb_logo_2_2.gif', 'link' : 'http://www.sandtextrade.co.uk'}]
						
					};
	
	$("div.logos img.lb").click( function () {
	
		var key = $(this).attr("title");
		
		for(var i=0; i< logoData[key].length; i++)
		{
			$("#lb_logos").append('<a href="'+ logoData[key][i].link + '"><img src="/Content/LayoutImages/section_1/'+ logoData[key][i].image + '" alt="" /></a>');
		}
		
		$("#protective").show();	
		$("#protective").css("width: 100%");
		$("#protective").css("height: 100%");
		$("#over_protective").show();
		$("#over_protective").center(true);
		$("#over_protective").css("z-index", "200");

	});
	
	$("#protective, #lb_close").click( function () {
		$("#protective").hide();		
		$("#over_protective").hide();		
		$("#lb_logos").html("");
	});
});