$(document).ready(function(){
						
	var contentname = "#popupContact";
	var panel = "#panel";
	
	var name="";
	var numpop = $('#leadershipCnt').find('.button').length;	
	var numrow = $('#leadershipCnt').find('.outer').length;
 var innerele = $('#leadershipCnt .outer').find('.photoinner').length;
 var contactpopup =$('.jpur').length;


$('#emailpopup').hide();

	for(var i=1;i<=numpop;i++)
	{
		
		$('#popupContact'+i).hide();
	}
			for(var i=1;i<=contactpopup;i++)
				{
					if($('#officemap'+i).show())
					{
					$('#officemap'+i).hide();
					}
				}
	$(".button").click(function(){
		$('#emailpopup').hide();
		
	for(var i=1;i<=numpop;i++)
	{
		if($('#popupContact'+i).show())
		{
			$('#popupContact'+i).hide();
		}
	}
	pos = this.id;
	name = pos.split('-');
	if(name[0]=="lbutton")
	{
		$(contentname+name[1]).css({"position": "absolute","top":290,"left":400	});
	}
	else
	{
		parentdivpos = $(contentname+name[1]).parents("div").parents("div").attr('id');
		parentdivname = parentdivpos.split('-');
		
	if(parentdivname[1]==1)
	{
		
		$(contentname+name[1]).css({"position": "absolute","top":220,"left":400	});
	}
	else if(parentdivname[1]==2)
	{
		$(contentname+name[1]).css({"position": "absolute","top":525,"left":400	});
	}
	else if(parentdivname[1]==3)
	{
		$(contentname+name[1]).css({"position": "absolute","top":830,"left":400	});
	}
	else
	{
		$(contentname+name[1]).css({"position": "absolute","top":1135,"left":400});
	}
	}
	$(contentname+name[1]).show();$('#pane1'+name[1]).jScrollPane({scrollbarWidth:19, scrollbarMargin:0, showArrows:false});

	});
	
	$(".previous").click(function(){
								  
								$(contentname+name[1]).hide();
								var pre = name[1]-1;
								if(pre==0)
								{
									parentdivpos = $(contentname+name[1]).parents("div").parents("div").attr('id');
								}
								else
								{
									parentdivpos = $(contentname+pre).parents("div").parents("div").attr('id');
								}
							
									parentdivname = parentdivpos.split('-');
								if(parentdivname[1]==1)
								{
										$(contentname+pre).css({"position": "absolute","top":220,"left":400	});
								}
								else if(parentdivname[1]==2)
								{
									$(contentname+pre).css({"position": "absolute","top":525,"left":400	});
								}
								else if(parentdivname[1]==3)
								{
										$(contentname+pre).css({"position": "absolute","top":830,"left":400	});
								}
								else
								{
										$(contentname+pre).css({"position": "absolute","top":1135,"left":400});
								}
	
								if(pre==0)
								{
									$(contentname+name[1]).show();$('#pane1'+name[1]).jScrollPane({scrollbarWidth:19, scrollbarMargin:0, showArrows:false});
								}
								else
								{
									$(contentname+pre).show();$('#pane1'+pre).jScrollPane({scrollbarWidth:19, scrollbarMargin:0, showArrows:false});
								}
								name[1] = name[1]-1;
								
  });
	
	
	$(".next").click(function(){
								
								$(contentname+name[1]).hide();
								var popnext = parseInt(name[1])+1;
								
								if(name[1]==innerele)
								{
									
									parentdivpos = $(contentname+name[1]).parents("div").parents("div").attr('id');
								}
								else
								{
									parentdivpos = $(contentname+popnext).parents("div").parents("div").attr('id');
								}
							
									parentdivname = parentdivpos.split('-');
									
								if(parentdivname[1]==1)
								{
										$(contentname+popnext).css({"position": "absolute","top":220,"left":400	});
								}
								else if(parentdivname[1]==2)
								{
									$(contentname+popnext).css({"position": "absolute","top":525,"left":400	});
								}
								else if(parentdivname[1]==3)
								{
										$(contentname+popnext).css({"position": "absolute","top":830,"left":400	});
								}
								else
								{
										$(contentname+popnext).css({"position": "absolute","top":1135,"left":400});
								}
	
								if(name[1]==innerele)
								{
									
									$(contentname+name[1]).show();$('#pane1'+name[1]).jScrollPane({scrollbarWidth:19, scrollbarMargin:0, showArrows:false});
										name[1] =  parseInt(name[1]);
								}
								else
								{
									$(contentname+popnext).show();$('#pane1'+popnext).jScrollPane({scrollbarWidth:19, scrollbarMargin:0, showArrows:false});
									name[1] =  parseInt(name[1])+1;
								}
								
  });

$(".popupContactClose").click(function(){
									poppos = this.id;
									
									name = poppos.split('-');
									
									 $(contentname+name[1]).hide();
								
	});	

	$('#emailbutton').click(function(){	$('#officemap').hide();
	for(var i=1;i<=numpop;i++)
	{
		if($('#popupContact'+i).show())
		{
			$('#popupContact'+i).hide();
		}
	}
	$("#emailpopup").css({"position": "absolute","top":220,"left":400});$('#emailpopup').show();});
	$('#popupEmailClose').click(function(){$('#emailpopup').hide();});
	
	
		$('.showofficemap').click(function(){$('#emailpopup').hide();
					for(var i=1;i<=contactpopup;i++)
				{
					if($('#officemap'+i).show())
					{
					$('#officemap'+i).hide();
					}
				}	
					contactpos = this.id;
					contactname = contactpos.split('-');
						$("#officemap"+contactname[1]).css({"position": "absolute","top":10,"left":400});$('#officemap'+contactname[1]).show();});	
		
		$(".mapClose").click(function(){
									mappoppos = this.id;
									
									name = mappoppos.split('-');
									
									 $("#officemap"+name[1]).hide();
								
		});
		
});