function openPhotoPagingPopup( obj ){
	//$('.photo_paging_popup').children();
	var src_img   = $(obj).children();
	var src_div   = $(obj).parent();	
	var _prev_div = $(src_div).prev();
	var _next_div = $(src_div).next();
	
	var _show_prev_paging = $(_prev_div).hasClass('haspaging');
	var _show_next_paging = $(_next_div).hasClass('haspaging');
	
	$(src_div).addClass('photo_pointer');
	d = new dialog( {width:450, height:450, top:40, onclose:'d.close()', ismodel:true, isdrag:false, isclose:false} );	
	d.sethtml('<div style="height:500px;position:relative;border:0px solid red;" id="lightbox_container">'+getLoadingHtml()+'</div>');
	d.show();
	d.resizeDialog();
	
	appendImageToPopup( {orig_path:$(src_img).attr('monavie_photo_med_path'),title:'','show_prev':_show_prev_paging,'show_next':_show_next_paging, 'prev_div_obj':_prev_div, 'next_div_obj':_next_div, 'media_id':$(src_img).attr('monavie_photo_med_id')} );	
}
function getLoadingHtml( left, top ){
	var left = !isdefined(left) ? '100' : left;
	var top  = !isdefined(top) ? '300' : top;
	return '<div style="position:relative;top:'+top+'px;left:'+left+'px;"><img src="'+g_template_img+'icon-spinner-wihitebg.gif"></div>';
}
function showPrevImage(){	
	var src_img   = $('.photo_pointer').prev().children().children();	
	//$('.photo_paging_popup').children().find('div.photo_pointer').removeClass('photo_pointer');
	$('.photo_pointer').addClass('photo_pointer_temp');
	$('.photo_pointer').removeClass('photo_pointer');
	$('.photo_pointer_temp').prev().addClass('photo_pointer');
	$('.photo_pointer_temp').removeClass('photo_pointer_temp');
	
	var _prev_div = $('.photo_pointer').prev();
	var _next_div = $('.photo_pointer').next();
	
	var _show_prev_paging = $(_prev_div).hasClass('haspaging');
	var _show_next_paging = $(_next_div).hasClass('haspaging');
	
	var lightbox_width  = parseInt($('.dialog').css('width'));
	var lightbox_height = parseInt($('.dialog').css('height'));
	var loading_left = (lightbox_width / 2) - (66 / 2);
	var loading_top  = (lightbox_height / 2) - (66 / 2);
	$('#lightbox_container').html( getLoadingHtml(loading_left, loading_top) );
	//alert($(src_img).attr('nodeName'))
	appendImageToPopup( {orig_path:$(src_img).attr('monavie_photo_med_path'),title:'','show_prev':_show_prev_paging,'show_next':_show_next_paging, 'media_id':$(src_img).attr('monavie_photo_med_id')} );
}

function showNextImage(){
	//$('.photo_pointer').next().addClass('photo_pointer');
	var src_img   = $('.photo_pointer').next().children().children();
	//var src_div   = $(obj).parent();	
	
	$('.photo_pointer').addClass('photo_pointer_temp');
	$('.photo_pointer').removeClass('photo_pointer');
	$('.photo_pointer_temp').next().addClass('photo_pointer');
	$('.photo_pointer_temp').removeClass('photo_pointer_temp');
	
	var _prev_div = $('.photo_pointer').prev();
	var _next_div = $('.photo_pointer').next();

	var _show_prev_paging = $(_prev_div).hasClass('haspaging');
	var _show_next_paging = $(_next_div).hasClass('haspaging');
	
	var lightbox_width  = parseInt($('.dialog').css('width'));
	var lightbox_height = parseInt($('.dialog').css('height'));
	var loading_left = (lightbox_width / 2) -  (66 / 2);
	var loading_top  = (lightbox_height / 2) -  (66 / 2);
	
	$('#lightbox_container').html( getLoadingHtml(loading_left, loading_top) );
	appendImageToPopup( {orig_path:$(src_img).attr('monavie_photo_med_path'),title:'','show_prev':_show_prev_paging,'show_next':_show_next_paging, 'media_id':$(src_img).attr('monavie_photo_med_id')} );
}

//var width =290;

function appendImageToPopup( param ){	
	var img = ce('img');	
	if ( document.all ) $('.dialog').animate({width:490}); //-- IE Fix
	$(img).attr({'src':param.orig_path,'alt':param.title});	
	img.onload = function(){		
		//width = this.width;
		var page = browser.getPageSize();
		//alert(page.windowWidth+" "+this.width)
		$('#lightbox_container').html('');
		$('#lightbox_container').append( $(img).fadeIn('slow') );
		if ( param.show_prev )
			$('#lightbox_container').append( '<div id="lightbox_nav_left" style="position:absolute;top:475px;left:0px;"><a href="Javascript:void(0);" onclick="showPrevImage()"><img src="'+g_template_img+'lightbox-btn-prev.gif" /></a></div>' );
		if ( param.show_next )
			$('#lightbox_container').append( '<div id="lightbox_nav_right" style="position:absolute;top:475px;left:'+(this.width-63+0)+'px;"><a href="Javascript:void(0);" onclick="showNextImage()"><img src="'+g_template_img+'lightbox-btn-next.gif" /></a></div>' );
			
		$('#lightbox_container').append( renderFooterPhotoPopup(param.media_id) );
		$('#lightbox_container').css('width',this.width+'px');
		//alert((page.windowWidth/2) - ((this.width+20)/2))
		$('.dialog').animate({'width':this.width+20+'px','left':((page.windowWidth/2) - ((this.width+20)/2))+'px'});
		//$('.dialog').css('width',this.width+20+'px')
	};
}

function renderFooterPhotoPopup(media_id){
	var img_server_path = $('#hid_img_server_path').val();
	html  = '<div id="VideoLinks" style="height:80px; border:0px solid red;">'
	html += '	<div class="DownloadButton" style="float:left; margin-right:10px;">'
	html += '				<a href="Javascript:void(0);" onclick="downloadMediaFromServer(\''+img_server_path+'download-media\','+media_id+');"><img src="'+g_template_img+'button_download.gif" alt="" /></a>'
	html += '			</div>'
	html += '			<div class="ShareButton" id="share_button"><a href="javascript:;" onclick="showEmbed('+media_id+')"><img src="'+g_template_img+'button_share.gif" alt="" /></a></div>'
	html += '			<div id="share_container_popup" style="z-index:20000"></div>'
	html += '			<div class="IconsHolder" style="background-image:none;"> '
	html += '				<div class="IconBox1"><!--Twitter-->'
	html += '					<a href="http://twitter.com/home/?status='+urlencode(g_site_path+'photogallery?from=widget&mode=photo&pid='+media_id)+'" title="" target="_blank"><img src="'+g_template_img+'spacer.gif" width="22" height="22" alt="" /></a>'
	html += '				</div>'
	html += '				<div class="IconBox2"><!--Facebook-->'
	html += '					<a rel="external" href="http://www.facebook.com/sharer.php?u='+urlencode(g_site_path+'photogallery?from=widget&mode=photo&pid='+media_id)+'&amp;t=" target="_blank"><img src="'+g_template_img+'spacer.gif" width="22" height="22" alt="" /></a>'
	html += '				</div>'
	html += '				<div class="IconBox3"><!--Stumbleupon-->'
	html += '					<a rel="external" href="http://www.stumbleupon.com/submit?url='+urlencode(g_site_path+'photogallery?from=widget&mode=photo&pid='+media_id)+'&amp;title=" target="_blank"><img src="'+g_template_img+'spacer.gif" width="22" height="22" alt="" /></a>'
	html += '				</div>'
	html += '				<div class="IconBox4"><!--Del.icio.us-->'
	html += '					<a rel="external" href="http://del.icio.us/post?v=4&amp;noui&amp;jump=close&amp;url='+urlencode(g_site_path+'photogallery?from=widget&mode=photo&pid='+media_id)+'&amp;title=" target="_blank"><img src="'+g_template_img+'spacer.gif" width="22" height="22" alt="" /></a>'
	html += '				</div>'
	html += '				<div class="IconBox5"><!--Digg-->'
	html += '					<a  rel="external" href="http://digg.com/submit?phase=2&amp;url='+urlencode(g_site_path+'photogallery?from=widget&mode=photo&pid='+media_id)+'&amp;title=" target="_blank"><img src="'+g_template_img+'spacer.gif" width="22" height="22" alt="" /></a>'
	html += '				</div>	'
	html += '			</div>'
	html += '			<div class="DownloadButton" style="margin-right:30px;"><a href="javascript:;" onclick="d.close()"><img src="'+g_template_img+'button_close.gif" alt="" /></a></div>'
	html += '		</div>';
	
	return html;
}