/**
 * THUISBEST | MARCHETTA KLANTPORTAAL
 * 
 * @projectDescription: klantportaal voor Thuis Best & Villabouw Marchetta klanten
 * 
 * @Version:	0.2
 * @Date:		2011.08.11
 * @Author:		Jeroen Cornelissen
 * @Company:	KIXX www.kixx.be | BROWSBOX www.browsbox.be
 **/



/**
 * IT ALL STARTS HERE
 **/ 
 (function($) {
	
	$.fn.klantportaal = function(options) {
		
		// default settings
    	var settings = {
            project			: 'tb', // vm == villabouw marchetta & tb == thuisbest
            ajaxfile		: '/website/thuis-best/klantportaal/ajax.php'
        };
		
		var uid = 0;
		var md5id = 0;
		var project = 'tb';
		        
        if(options) { $.extend(settings, options); }
		
		// some baked in hardcoded styles right here
		var style = '<style type="text/css">' +
						'#portaal_overlay { display:none; width:960px; height:600px; border:1px solid black; background-color:#333; }' +
						
						'#portaal_overlay a.close, #social_overlay a.close { position:absolute; top:3px; right:3px; width:10px; height:11px; background:url(/website/thuis-best/klantportaal/sprite.png) no-repeat 0 -283px; }' +
						'#portaal_overlay a.close:hover, #social_overlay a.close:hover { background-position: -22px -283px; }' +
						'#portaal_overlay a.close:focus:hover, #social_overlay a.close:focus:hover { background-position: -11px -283px; }' +
						
						'#portaal_overlay #topbar { float:left; width:960px; height:80px; border-bottom:1px solid #232323; background:url(/website/thuis-best/klantportaal/sprite.png) no-repeat; }' +
						'#portaal_overlay.vm #topbar { background-position:20px 23px; }' +
						'#portaal_overlay.tb #topbar { background-position:20px -95px; }' +
						
						'#portaal_overlay #topbar p { float:left; height:40px; font-size:10px; margin-top:23px; }' +
						'#portaal_overlay #topbar span { color:#AAA; }' +
						'#portaal_overlay #topbar p.first { width:120px; margin-left:230px; padding-right:20px; border-right:1px solid #232323; }' +
						'#portaal_overlay #topbar p.mid { width:290px; padding:0 20px; border-left:1px solid #3F3F3F; border-right:1px solid #232323; }' +
						'#portaal_overlay #topbar p.last { width:230px; padding-left:20px; border-left:1px solid #3F3F3F; }' +
						
						'#portaal_overlay #content { position:relative; float:left; width:920px; padding:20px; border-top:1px solid #3f3f3f; }' +
						
						'#portaal_overlay .sociallinks { position:absolute; top:2px; right:20px; }' +
						'#portaal_overlay .sociallinks p { float:left; margin-top:8px; font-size:10px; color:#CCC; }' +
						'#portaal_overlay .sociallinks a { float:left; width:27px; height:28px; overflow:hidden; text-indent:40px; margin:-4px 0 0 5px; }' +
						'#portaal_overlay .sociallinks #fbBtn { background:url(/website/thuis-best/klantportaal/sprite.png) no-repeat -2px -464px; }' +
						'#portaal_overlay .sociallinks #twBtn { background:url(/website/thuis-best/klantportaal/sprite.png) no-repeat -33px -464px; }' +
						'#portaal_overlay .sociallinks #mailBtn { background:url(/website/thuis-best/klantportaal/sprite.png) no-repeat -64px -464px; }' +
						
						'#portaal_overlay #form { position:relative; width:310px; margin:150px auto; }' +
						'#portaal_overlay #form label { float:left; clear:left; width:75px; text-align:right; margin-right:20px; color:#AAA; }' +
						'#portaal_overlay #form input { float:left; width:200px; margin-bottom:15px; padding:3px 3px 4px 3px; color:#FFF; border:none; background:#999 url(/website/thuis-best/klantportaal/sprite.png) no-repeat 0 -214px; }' +
						'#portaal_overlay #form a.button { float:left; clear:both; margin-left:95px; width:79px; padding:2px 0 4px 0; text-align:center; text-decoration:none; color:#FFF; background:#999 url(/website/thuis-best/klantportaal/sprite.png) no-repeat 0 -245px; }' +
						'#portaal_overlay #form a.button:hover { color:#c00; }' +
						'#portaal_overlay #form a.button:focus:hover { color:#888; }' +
						'#portaal_overlay #form p.errorLabel { display:none; float:left; clear:both; width:186px; padding:10px; margin:20px 0 0 95px; color:#A00; text-shadow:0 1px 0 #111; font-size:10px; border:1px solid #700; background:#332b2b; }' +
						
						'#portaal_overlay .tabs { float:left; list-style:none; }' +
						'#portaal_overlay .tabs li { float:left; margin-left:10px; }' +
						'#portaal_overlay .tabs li a { padding:4px 12px; color:#636363; text-transform:uppercase; text-decoration:none; border:1px solid #1F1F1F; border-bottom:none; }' +
						'#portaal_overlay .tabs li a:hover { border-color:black; color:#AAA; }' +
						'#portaal_overlay .tabs li a.current { color:#AAA; border-color:black; border-bottom:1px solid #333; background:#999 url(/website/thuis-best/klantportaal/sprite.png) no-repeat 0 -321px; }' +
						
						'#portaal_overlay .panes { margin-top:3px; float:left; clear:both; width:898px; padding:10px; border:1px solid black; }' +
						
						'#portaal_overlay .panes #thumbcol { float:left; width:300px; }' +
						'#portaal_overlay .panes #thumbcol img { cursor:pointer; float:left; max-width:90px; height:50px; margin:2px; padding:1px; border:1px solid #333; }' +
						'#portaal_overlay .panes #thumbcol img.current { border:1px solid #A00; }' +
						
						'#portaal_overlay .panes #bigimgbox { position:relative; float:right; text-align:right; width:586px; height:440px; }' +
						'#portaal_overlay .panes #bigimgbox #bigimg { /*width:586px;*/ margin:auto; }' +
						'#portaal_overlay .panes #bigimgbox #imglabel { position:absolute; bottom:0; right:0; padding:3px 10px; color:#AAA; background:#333; background:rgba(0,0,0,0.7); }' +
						'#portaal_overlay .panes #bigimgbox #imglabel a { color:#AAA; }' +
						
						'#portaal_overlay .panes #docstable { width:878px; }' +
						'#portaal_overlay .panes #docstable th { padding-left:10px; height:22px; font-weight:normal; color:#AAA; text-align:left; border:1px solid black; background:url(/website/thuis-best/klantportaal/sprite.png) repeat-x 0 -367px; }' +
						'#portaal_overlay .panes #docstable th.first { width:130px; border-right:none; }' +
						'#portaal_overlay .panes #docstable tr.light { background:#373737; }' +
						'#portaal_overlay .panes #docstable td { padding:4px 10px; color:#AAA; }' +
						
						'#social_overlay { position:relative; z-index:99997; display:none; width:960px; height:600px; border:1px solid black; background-color:rgba(0,0,0,0.8); }' +
						'#social_overlay div {  position:absolute; z-index:99998; top:65px; left:190px;  width:530px; padding:25px; border:1px solid black; background-color:#333; }' +
						'#social_overlay label {  float:left; padding:5px 0 5px 10px; margin-bottom:10px; width:70px; height:20px; font-size:12px; text-transform:uppercase; color:#CCC; background:#676767; }' +
						'#social_overlay input.txt {  float:left; padding:5px 0 5px 10px; margin-bottom:10px; width:440px; height:20px; font-size:12px; color:#222; background:#FFF; border:none; }' +
						'#social_overlay input.btn {  float:right; padding:8px 15px; margin-top:20px; font-size:12px; color:#CCC; background:#676767; border:none; }' +
						'#social_overlay textarea {  float:left; padding:5px; margin-top:10px; width:520px; height:170px; font:12px Verdana; line-height:170%; color:#222; background:#FFF; border:none; }' +
						'#social_overlay a.close { position:absolute; z-index:99999; top:69px; left:757px; }' +
						
					'</style>' + 
					'<!--[if IE]>' +
						'<style type="text/css">'+
							'#social_overlay {'+
								'background-color:transparent;' +
								'filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000033,endColorstr=#00000033);' +
								'zoom: 1;' +
							'}' + 
						'</style>' +
					'<![endif]-->';
					
		$('head').append(style);
		
		// add overlay to webpage
		var ux = 	'<div id="social_overlay">' +
						'<div id="socialFrame">' +
							'<form id="mailForm" action="/submit/" method="post">' +
								'<label for="txtFrom">Van</label>' +
								'<input type="text" class="txt" name="txtFrom" id="txtFrom" />' +
								'<label for="txtTo">Aan</label>' +
								'<input type="text" class="txt" name="txtTo" id="txtTo" />' +
								'<textarea id="txtMsg" name="message"></textarea>' +
								'<input type="submit" class="btn" value="SEND" />' +
							'</form>' +
						'</div>' +
						'<a href="#" class="close"></a>' +
					'</div>' +
					'<div id="portaal_overlay" class="'+settings.project+'">' +
						'<a href="#" class="close"></a>' +
						'<div id="topbar">' +
						'</div>' +						
						'<div id="content">' +
							'<div id="form">' +
								'<label for="login">User</label>' +
								'<input type="text" name="login" id="login" />' +
								'<label for="pass">Paswoord</label>' +
								'<input type="password" name="pass" id="pass" />' +
								'<a href="#login" class="button">Login</a>' +
								'<p class="errorLabel"></p>' +
							'</div>' +
						'</div>' +
					'</div>';
				
		$('body').prepend(ux);
				
		// make a jquery tools overlay
				
        var portaal_overlay = $('#portaal_overlay').overlay({
								mask: {	color:'#000', loadSpeed:200, opacity:0.8 },
								oneInstance: false,
								closeOnClick: false,
								load: false,
								onBeforeClose: function() {
								}
							}).data("overlay");
							
		var social_overlay = $('#social_overlay').overlay({
								oneInstance: false,
								closeOnClick: false,
								load: false,
								onBeforeClose: function() {
								}
							}).data("overlay");
							
		// add login behaviour
		$('#portaal_overlay div#form input').bind("keydown", function (e) {
			var key = e.keyCode || e.which;
			if (key === 13) { $('#portaal_overlay a.button').click(); }
		});
		$('#portaal_overlay a.button').click(function(e)
		{
			$('#portaal_overlay p.errorLabel').text('').fadeOut('fast');
			
			var u = $('#portaal_overlay input#login').val();
			var p = $('#portaal_overlay input#pass').val();
			
			
			if( u == '' || p == '') {
				 $('#portaal_overlay p.errorLabel').text('Beide velden invullen, aub').fadeIn(300);
				 return false;
			}
			
			var obj = {'user':u , 'pass':p, 'project':settings.project, 'action':'login'};
			$.ajax({
				type: 		"POST",
				url: 		settings.ajaxfile,
				data: 		obj,
				dataType: 	'json',
				cache: 		false,
				success: 	function(data,textStatus){
								if( data.length == 0 )
									$('#portaal_overlay p.errorLabel').text('Gebruiker niet gevonden').fadeIn(300);
								else
									fillStage(data);
							}
			});
			
			function fillStage(data) {
			
				$('#portaal_overlay').removeClass('vm tb').addClass(data.client.project);
				
				var top = '<p class="first"><br/><span>Datum: </span>' + data.client.datum + '</p>'
						+ '<p class="mid"><span>Klant: </span>' + data.client.klant + '<br/>'
						+ '<span>Adres: </span>' + data.client.straat + ' - ' + data.client.gemeente + '</p>'
						+ '<p class="last"><span>Architect: </span>' + data.client.architect + '<br/>'
						+ '<span>Bouwadv.: </span>' + data.client.bouwadviseur + '</p>'
						
				$('#portaal_overlay #topbar').html(top);
									
				$('#portaal_overlay #form').remove();
				
				uid 		= data.client.id;
				md5id 		= data.client.md5id;
				project		= data.client.project;
				
				var content = '<div class="sociallinks"><p>Deel mijn ontwerpen:<p><a id="fbBtn" href="#fb">Facebook</a> <a id="twBtn" href="#tw" data-url="'+data.id+'">Twitter</a> <a id="mailBtn" href="#Mail" data-url="'+data.id+'">Mail</a> </div>'
							+ '<ul class="tabs"><li><a href="#">Ontwerpen</a></li><li><a href="#">Offertes</a></li></ul>'
							+ '<div class="panes"><div id="imgtab"><div id="thumbcol"></div><div id="bigimgbox"><img id="bigimg" /><p id="imglabel"></p></div></div><div id="doctab"></div></div>';
								
				$('#portaal_overlay #content').html(content);
				$("#portaal_overlay #content ul.tabs").tabs("#portaal_overlay > #content > div.panes > div");
				
				// social links
				$('#portaal_overlay .sociallinks a').click(function(e){
					
					
					var src 	= "";
					var type 	= "";
					var url 	= project == 'tb' ? 'www.thuisbest.be' : 'www.marchetta.be';
					var comp 	= project == 'tb' ? 'Thuis+Best' : 'Villabouw+Marchetta';
					
					if( $(this).attr('id') == 'fbBtn' )	{ 
						src = 'http://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2f'+url+'%2f%23/u='+md5id+'/c=fb&t=Bekijk+het+ontwerp+dat+'+comp+'+heeft+ontworpen%0d%0avoor+mijn+woning.';
						type = 'fb';
					}
					else if( $(this).attr('id') == 'twBtn' ) {
						src = 'http://twitter.com/intent/tweet?url=http%3a%2f%2f'+url+'%2f%23/u='+md5id+'/c=tw&text=Bekijk+het+ontwerp+dat+'+comp+'+heeft+ontworpen%0d%0avoor+mijn+woning.';
						type = 'tw';
					}
					
					if( src != "" )
					{
						window.open (src, 'mywindow','location=1,status=0,resizable=1,width=600,height=400');
						
						var obj = 'action=socialstats&uid=' + uid + '&type=' + type;
						
						$.ajax({
						type: 		"POST",
						url: 		settings.ajaxfile,
						data: 		obj,
						dataType: 	'json',
						cache: 		false,
						success: 	function(data,textStatus){
										
									}
						});
					}
					else					
					{
						comp = project == 'tb' ? 'Thuis Best' : 'Villabouw Marchetta';
						$('#socialFrame textarea').val("Bekijk het ontwerp dat "+comp+" heeft ontworpen voor mijn woning.\n<http://"+url+"/#/u="+md5id+'/c=mail>');
						social_overlay.load();
					}
					
					return false;
				});
				
				// mail form
				$('#mailForm').submit(function() {
					
					if( !isValidEmailAddress( $('#txtFrom').val() ) ) {
						alert('Geen geldig email adres');
						$('#txtFrom').focus();
						return false;
					}
					else if( !isValidEmailAddress( $('#txtTo').val() ) ) {
						alert('Geen geldig email adres');
						$('#txtTo').focus();
						return false;
					}
					
					var obj = $('#mailForm').serialize();
					obj		+= '&action=sendmail&uid=' + uid;
					
					$.ajax({
					type: 		"POST",
					url: 		settings.ajaxfile,
					data: 		obj,
					dataType: 	'json',
					cache: 		false,
					success: 	function(data,textStatus){
									if(data.value == true) {
										alert('mail verzonden');
										social_overlay.close();
									}
									else
									{
										alert('probleem bij het verzenden');
									}
								}
				});
					
					return false;
				});
				function isValidEmailAddress(emailAddress) {
					var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
					return pattern.test(emailAddress);
				};
				
				// imgs
				var i = 0, l = data.imgs.length, imgs = '', defWidth = 586, defHeight = 416;
				if(data.imgs != null)
				{
					for(i ; i < l ; ++i)
					{
						imgs		+= '<img src="'+data.imgs[i].file+'" title="'+data.imgs[i].label+' | '+data.imgs[i].datum+'" ';
						var calcWidth, calcHeight;
						
						if(data.imgs[i].width > defWidth || data.imgs[i].height > defHeight){
							calcHeight = data.imgs[i].height;
							if(data.imgs[i].width > defWidth){
								calcWidth = defWidth;
								calcHeight = Math.round(calcWidth * data.imgs[i].height/data.imgs[i].width);
							}
							if(calcHeight > defHeight){
								calcHeight = defHeight;
								calcWidth = Math.round(calcHeight * data.imgs[i].width/data.imgs[i].height);
							}
							
							imgs += 'attr-width="'+calcWidth+'" attr-height="'+calcHeight+'" ';
						} else {
							imgs += 'attr-height="'+data.imgs[i].height+'" attr-width="'+data.imgs[i].width+'" ';
						}
					
						imgs		+= '/>';
						
					}
				} else {
					imgs = '<p>Geen ontwerpen gevonden.</p>';
				}
				
				
				$('#portaal_overlay #thumbcol').html(imgs);
				$('#portaal_overlay #thumbcol img').click(function(e){
					$('#portaal_overlay #thumbcol img.current').removeClass('current');
					$(this).addClass('current');
					$('#portaal_overlay #bigimg').attr( 'src' , $(this).attr('src') );
					$('#portaal_overlay #bigimg').removeAttr('width');
					$('#portaal_overlay #bigimg').removeAttr('height');
					if($(this).attr('attr-width') > 0 ){
						$('#portaal_overlay #bigimg').attr('width',$(this).attr('attr-width'));
					}
					if($(this).attr('attr-height') > 0){
						$('#portaal_overlay #bigimg').attr('height',$(this).attr('attr-height'));
					}
					$('#portaal_overlay #imglabel').html( '<a href="'+$(this).attr('src')+'" target="_blank">'+$(this).attr('title')+'</a>' );
				});
				$('#portaal_overlay #thumbcol img:first').click();
				
				
				// docs
				var i = 0, docstable = '<table id="docstable" cellspacing="0"><tr><th class="first">Datum</th><th>Bestand</th/><tr/>';
				
				if(data.docs != null && data.docs != undefined){
					var l = data.docs.length;
					for(i ; i < l ; ++i)
					{
						var cl 		= i%2 == 0 ? 'light' : 'dark';
						
						docstable	+= '<tr class="' + cl + '"><td>' + data.docs[i].datum + '</td>';
						docstable	+= '<td><a href="' + data.docs[i].file + '" target="_blank">' + data.docs[i].label + '</a></td></tr>';
					}
					docstable 		+= '</table>';
					$('#portaal_overlay #doctab').html(docstable);
					
				} else {
					//docstable = '<p>Geen offertes gevonden.</p>';
					$('#portaal_overlay #content ul.tabs li:last').remove();
					$('#portaal_overlay #doctab').remove();
				}
					
			}
			
			
		});
		
		
		// add behaviour to each target and return it
		return this.each(function() {
			$(this).click(function(e){
				portaal_overlay.load();
				e.preventDefault();
			});
		});
		
		
		
	} // end of function
	
	
	// ****************************** //
	
	$.fn.publiekportaal = function(options) {
	
		// default settings
    	var settings = {
            ajaxfile		: '/website/thuis-best/klantportaal/ajax.php'
        };
		
		// publiek profiel?
		if( window.location.hash && window.location.hash.substr(1) != '' && window.location.hash.indexOf('/u=') > -1 )
		{
			var hash = window.location.hash.substr(2);
			var vars = hash.split('/');
			var user = '';
			var campaign = '';
			
			if( vars[0] != '' )  {
				user = vars[0].substr(2); // remove u=
			}
			if( hash.indexOf('/c=') > -1 && vars[1] != undefined )  {
				campaign = vars[1].substr(2); // remove c=
			}
			
			if( user != '' )
			{
				var obj = 'action=publicprofile&uid=' + user + '&campaign=' + campaign;
					
				$.ajax({
					type: 		"POST",
					url: 		settings.ajaxfile,
					data: 		obj,
					dataType: 	'json',
					cache: 		false,
					success: 	function(data,textStatus){
									if(data.value == true)
									{
										// some baked in hardcoded styles right here
										var style = '<style type="text/css">' +
														'#public_overlay { display:none; position:relative; width:650px; height:480px; padding:5px 10px 10px 10px; background:#333; border:1px solid black; }' +
														
														'#public_overlay a.close { position:absolute; top:3px; right:3px; width:10px; height:11px; background:url(/website/thuis-best/klantportaal/sprite.png) no-repeat 0 -283px; }' +
														'#public_overlay a.close:hover { background-position: -22px -283px; }' +
														'#public_overlay a.close:focus:hover { background-position: -11px -283px; }' +
														
														'#public_overlay h2 { position:absolute; top:8px; left:10px; margin:0; padding:0; font-size:11px; font-weight:normal; color:#CCC; }' +
														
														'#public_overlay img#bigimg { position:absolute; margin:0 auto; left:0; bottom:10px; max-width:650px; max-height:450px; }' +
														'#public_overlay #imglabel { position:absolute; bottom:0; right:0; padding:3px 10px; color:#AAA; background:#333; background:rgba(0,0,0,0.7); }' +
														
														'#public_overlay a#prevBtn { position:absolute; top:180px; left:0; width:36px; height:36px; background:url(/website/thuis-best/klantportaal/sprite.png) no-repeat 0 -504px; }' +
														'#public_overlay a#nextBtn { position:absolute; top:180px; right:0; width:36px; height:36px; background:url(/website/thuis-best/klantportaal/sprite.png) no-repeat -38px -504px; }' +
														
													'</style>';
										$('head').append(style);
										
										var imgs = data.img;
										var i = 0;
										var ux = 	'<div id="public_overlay">' +
														'<h2>Ontwerpen van: '+ data.client +'</h2>' +
														'<img id="bigimg" />' +
														'<a href="#previmg" id="prevBtn"></a>' +
														'<a href="#nextimg" id="nextBtn"></a>' +
														'<p id="imglabel"></p>' +
														'<a href="#" class="close"></a>' +
													'</div>';
													
										for( i ; i < imgs.length ; ++ i )
										{
											ux += '<img src="'+imgs[i]['file']+'" style="display:none;" />';
										}
										i = -1;
												
										$('body').prepend(ux);
										
										
										$('#public_overlay #nextBtn').click(function(){
											
											i++;
											if( i >= imgs.length ) i = 0;
											
											var calcWidth = 0, calcHeight = 0, defWidth = 650, defHeight = 450;
											
											if( imgs[i].width > defWidth || imgs[i].height > defHeight){
												calcHeight = imgs[i].height;
												if(imgs[i].width > defWidth){
													calcWidth = defWidth;
													calcHeight = Math.round(calcWidth * imgs[i].height/imgs[i].width);
												}
												if(calcHeight > defHeight){
													calcHeight = defHeight;
													calcWidth = Math.round(calcHeight * imgs[i].width/imgs[i].height);
												}

											} else {
												calcHeight = imgs[i].height;
												calcWidth = imgs[i].width;
											}
											var lefty = Math.round((defWidth - calcWidth) / 2) + 10; 
											
											$('#public_overlay #bigimg').fadeOut('fast',function(){
												$(this).css({left:lefty+'px',width:calcWidth+'px',height:calcHeight+'px'}).attr('src',imgs[i]['file']).fadeIn('fast');
												$('#public_overlay #imglabel').html('<a href="'+imgs[i]['file']+'" target="_blank">'+imgs[i]['label']+' | '+imgs[i]['date']+'</a>');
											});
											
											
											return false;
										});
										$('#public_overlay #prevBtn').click(function(){
											
											i--;
											if( i < 0 ) i = imgs.length - 1;
										
											var calcWidth = 0, calcHeight = 0, defWidth = 650, defHeight = 450;
											
											if( imgs[i].width > defWidth || imgs[i].height > defHeight){
												calcHeight = imgs[i].height;
												if(imgs[i].width > defWidth){
													calcWidth = defWidth;
													calcHeight = Math.round(calcWidth * imgs[i].height/imgs[i].width);
												}
												if(calcHeight > defHeight){
													calcHeight = defHeight;
													calcWidth = Math.round(calcHeight * imgs[i].width/imgs[i].height);
												}

											} else {
												calcHeight = imgs[i].height;
												calcWidth = imgs[i].width;
											}
											var lefty = Math.round((defWidth - calcWidth) / 2); 
											
											$('#public_overlay #bigimg').fadeOut('fast',function(){
												$(this).css({left:lefty+'px',width:calcWidth+'px',height:calcHeight+'px'}).attr('src',imgs[i]['file']).fadeIn('fast');
												$('#public_overlay #imglabel').html('<a href="'+imgs[i]['file']+'">'+imgs[i]['label']+' | '+imgs[i]['date']+'</a>');
											});
											
											
											return false;
										});
										
										var overlay = $('#public_overlay').overlay({
											mask: {	color:'#000', loadSpeed:200, opacity:0.8 },
											closeOnClick: false,
											load:true
										}).data("overlay");
										$('#public_overlay #nextBtn').click();
										
									}
								}
				});
			}
		}
	
	}
	
})(jQuery);