// JavaScript Document

var SetSmallContent = function()
{
	
	$('#jeanmioverlay').show();
	
	$('body').append('<div class="jeanmiloadingclass"><img src="./index-jean-mi/src/img/ui/loading.gif" alt="" /></div>');
	
	$('.jeanmismallcontent').animate({opacity:'0.1'}, 'slow', function() {});
	 
	$('.jeanmismallcontentselected').removeClass('jeanmismallcontentselected').addClass('jeanmismallcontent'); 
     
     
	$('#jeanmipopup').slideUp('slow', function() 
	{
			
		$('.jeanmismallcontent').each(function(i) 
		{
				   
			 
	
			$(this).show();
			$(this).animate({opacity:'.1'}, 'slow', function()
			{
					
				
				$(this).mouseover(function() 
				{ 
				     $(this).css('cursor', 'pointer'); 
				     $(this).addClass('ui-state-hover'); 
				     //$(this).removeClass('ui-state-default'); 
				     //$('.jeanmismallcontent').css('opacity', '0.4');
				     //$(this).css('opacity', '1');
				});			   
				$(this).mouseout(function() 
				{ 
				     $(this).css('cursor', 'default'); 
				     $(this).removeClass('ui-state-hover'); 
				     //$(this).addClass('ui-state-default');
				     $('.jeanmismallcontent').css('opacity', '1'); 
				});		   
				$(this).click(function() 
				{ 
				
					$('#jeanmioverlay').show();
	
				     $('body').append('<div class="jeanmiloadingclass"><img src="./index-jean-mi/src/img/ui/loading.gif" alt="" /></div>');
				     //$('body').css('background-color', '#FFFFFF');
				     $(this).css('cursor', 'default');
				     $(this).removeClass('ui-state-hover');
				     //$(this).removeClass('ui-state-default'); 
				     $('.jeanmismallcontent').unbind('mouseover');
				     $('.jeanmismallcontent').unbind('mouseout');
				     $('.jeanmismallcontent').unbind('click');
				     $(this).removeClass('jeanmismallcontent');
				     $(this).addClass('jeanmismallcontentselected'); 
				     
				     $('.jeanmismallcontent').animate({opacity:'0.1'}, 'slow', function() {});
				     
				     $('#jeanmiheader').animate({opacity:'0.1'}, 'slow', function() 
					{ 
				     
						$.ajax(
						{
							  url: './index-jean-mi/src/server/_smallcontent.php',
							  type: "GET",
							  data: 'name='+$('.jeanmismallcontentselected').attr('name'),
							  success: function(data) 
							  {  
								$('#jeanmipopupcontent').html(data); 	
								 var offset = $('.jeanmismallcontentselected').offset();
								     //$('#jeanmipopup').css('top', ((offset.top)+($('.jeanmismallcontentselected').height()+5))+'px');
								     //$('#jeanmipopup').css('left', ((offset.left))+'px');
								     //$('#jeanmipopup').css('width', ($('.jeanmismallcontentselected').width())+'px');
								     $('#jeanmipopup').css('height', '10px');
								     $('#jeanmipopup').css('margin-top', '-5px');
								     $('#jeanmipopupbg').css('opacity', '0.95');
								     $('#jeanmipopup').animate({height:'500px', marginTop: '-250px'}, 'slow',  function() 
									{
										$('.jeanmiloadingclass').hide(); 
										$('#jeanmioverlay').hide();
									});		
								     
							  }
						});
					
					});
				
				     
				     
				});
			
			});
			
	
			
			//$(this).css('margin-right', '50%');
			//$(this).animate({marginRight:"1%"}, 0+(i*1000));
							   
		});
		
		$('#jeanmiheader').animate({opacity:'1'}, 2000, function()
		{
			$('.jeanmismallcontent').animate({opacity:'1'}, 'slow', function() {} );
			$('.jeanmiloadingclass').hide(); 
			$('#jeanmioverlay').hide();
		});
	
		
		
	});



};


$(function() {

	

	
	$('#jeanmiheader').hide();
	$('#jeanmicontent').hide();
	$('.jeanmismallcontent').css('opacity', '0.2');
	
	$('.btn_close').button(
	{
            icons: { primary: 'ui-icon-close' }
	});
	
	
	//$('#jeanmicontent').css('margin-top', '0px');
	$('#jeanmiheader').fadeIn('slow', function() 
	{ 
		$('#jeanmicontent').fadeIn();
		//$('#jeanmicontent').animate({ marginTop:"40px" }, 100, function()
		//{
			
		SetSmallContent();
		
		//});
	
		
	});
	

});