/**
 * @author user
 */

$(function(){
	$('#full_screen').css('display', 'block');
	$('#suppliers_pane').jScrollPane({
		showArrows: true,
		scrollbarWidth: 13, 
		scrollbarMargin: 10,
		paddingTop: 15,
		paddingBottom: 15
	});
	
	$('#dimmer').addClass('hidden');
	$('#full_screen').css('display', 'none');
	
	$('#dimmer2').addClass('hidden');
	$('#full_screen2').css('display', 'none');
	$('#full_screen3').css('display', 'none');
		
	$('.top_menu #catalog').click(function(){
		$('#dimmer').css('opacity', 0).removeClass('hidden');
		
		$('#dimmer').animate({opacity: 0.9}, 300, function(){
			$('#full_screen').css('display', 'block');
			$('#popup_suppliers').css('top', parseInt(($('#full_screen').height() - $('#popup_suppliers').height()) / 2)).css('left', parseInt(($('#full_screen').width() - $('#popup_suppliers').width()) / 2));
		});
		
		return false;
	});
	
	$('#popup_suppliers .close_btn a').click(function(){
		$('#full_screen').css('display', 'none');
		$('#dimmer').animate({opacity: 0}, 300, function(){
			$('#dimmer').addClass('hidden');
		});
		return false;
	});
	
	$('#suppliers_pane a').each(function(){
		$(this).click(function(){
			var url = $(this).attr('href').replace(/detail/, 'detailajax');
			$.getJSON(url, function(data){
				$('#popup_supplier .title').html(data.title);
				$('#popup_supplier .body').html(data.body);
				
				$('#dimmer2').css('opacity', 0).removeClass('hidden');
				
				$('#dimmer2').animate({opacity: 0.9}, 300, function(){
					$('#full_screen2').css('display', 'block');
					$('#popup_supplier').css('top', parseInt(($('#full_screen2').height() - $('#popup_supplier').height()) / 2)).css('left', parseInt(($('#full_screen2').width() - $('#popup_supplier').width()) / 2));
				});
			});
			
			return false;
		});
	}); 
	
	$('#popup_supplier .close_btn a').click(function(){
		$('#full_screen2').css('display', 'none');
		$('#dimmer2').animate({opacity: 0}, 300, function(){
			$('#dimmer2').addClass('hidden');
		});
		return false;
	});
	
	$('#sales_list a').each(function(){
		$(this).click(function(){
			var url = $(this).attr('href').replace(/detail/, 'detailajax');
			$.getJSON(url, function(data){
				$('#popup_sale .title').html(data.title);
				$('#popup_sale .body').html(data.body);
				
				$('#dimmer2').css('opacity', 0).removeClass('hidden');
				
				$('#dimmer2').animate({opacity: 0.9}, 300, function(){
					$('#full_screen3').css('display', 'block');
					$('#popup_sale').css('top', parseInt(($('#full_screen3').height() - $('#popup_sale').height()) / 2)).css('left', parseInt(($('#full_screen3').width() - $('#popup_sale').width()) / 2));
				});
			});
			
			return false;
		});
	}); 
	
	$('#popup_sale .close_btn a').click(function(){
		$('#full_screen3').css('display', 'none');
		$('#dimmer2').animate({opacity: 0}, 300, function(){
			$('#dimmer2').addClass('hidden');
		});
		return false;
	});
});