// JavaScript Document


 (function($) {	
$(document).ready(function() { 

		$('.tab_product').click(function (){
			$('#button_popup').removeClass();
			$('#button_popup').addClass('add_product_class');
			$('#button_popup').text("Add new product");
		});
		
		$('.tab_customer').click(function (){
			$('#button_popup').removeClass();
			$('#button_popup').addClass('add_customer_class');
			$('#button_popup').text("Add new customer");
		});
		
		$('.tab_stylist').click(function (){
			$('#button_popup').removeClass();
			$('#button_popup').addClass('add_stylist_class');
			$('#button_popup').text("Add new stylist");
		});
		
		$('.tab_stats').click(function (){
			$('#button_popup').removeClass();
			$('#button_popup').addClass('add_stats_class');
			$('#button_popup').text("Add new product");
		});
		$('.tab_editsalon').click(function (){
			$('#button_popup').removeClass();
			$('#button_popup').addClass('add_editsalon_class');
			$('#button_popup').text("Add new product");
		});
	
	$('#button_popup').click(function() { 
			
		if ($("#button_popup").hasClass("add_product_class"))
			addProduct();
		if ($("#button_popup").hasClass("add_editsalon_class"))
			addProduct();
		if ($("#button_popup").hasClass('add_stylist_class'))
			addStylist();
		if ($("#button_popup").hasClass('add_customer_class'))
			addCustomer();
		if ($("#button_popup").hasClass('add_stats_class'))
		{
			addProduct();
		}		
	});
	
	$('#button_popup2').click(function() { 
		addProduct2();
	});	
			
    $('.close').click(function() { 
       $.unblockUI(); 
        return false; 
     }); 
 
}); 
})(jQuery);	


function addProduct() {
	jQuery.blockUI.defaults.css.border = '0px';
	jQuery.blockUI.defaults.css.top = '5%';
	jQuery.blockUI.defaults.css.left = '10%';
    jQuery.blockUI({ message: jQuery('#popup_add'), css: { width: '900px' } }); 
}

function addProduct2() {
	jQuery.blockUI.defaults.css.border = '0px';
	jQuery.blockUI.defaults.css.top = '5%';
	jQuery.blockUI.defaults.css.left = '10%';
    jQuery.blockUI({ message: jQuery('#popup_add2'), css: { width: '900px' } }); 
}
	
function addCustomer() {
	jQuery.blockUI.defaults.css.border = '0px';
	jQuery.blockUI.defaults.css.top = '10%';
	jQuery.blockUI.defaults.css.left = '20%';
    jQuery.blockUI({ message: jQuery('#customerID'), css: { width: '530px' } }); 
}



function addStylist() {
	jQuery.blockUI.defaults.css.border = '0px';
	jQuery.blockUI.defaults.css.top = '20%';
	jQuery.blockUI.defaults.css.left = '30%';
    jQuery.blockUI({ message: jQuery('#stylistID'), css: { width: '460px' } }); 
}