<!--//---------------------------------+
//  Developed by Roshan Bhattarai 
//  Visit http://roshanbh.com.np for this script and more.
//  This notice MUST stay intact for legal use
// --------------------------------->
$(document).ready(function()
{
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#firstpane div.face").click(function()
    {
		$(this).css({backgroundImage:"url(images/sb-face-h.jpg)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).siblings("div.body").css({backgroundImage:"url(images/sb-body.jpg)"});
       	$(this).siblings("div.breast").css({backgroundImage:"url(images/sb-breast.jpg)"});
       	$(this).siblings("div.cosm").css({backgroundImage:"url(images/sb-cosmetic.jpg)"});
	});
});


$(document).ready(function()
{
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#firstpane div.body").click(function()
    {
		$(this).css({backgroundImage:"url(images/sb-body-h.jpg)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).siblings("div.face").css({backgroundImage:"url(images/sb-face.jpg)"});
       	$(this).siblings("div.breast").css({backgroundImage:"url(images/sb-breast.jpg)"});
       	$(this).siblings("div.cosm").css({backgroundImage:"url(images/sb-cosmetic.jpg)"});
	});
});


$(document).ready(function()
{
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#firstpane div.breast").click(function()
    {
		$(this).css({backgroundImage:"url(images/sb-breast-h.jpg)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).siblings("div.face").css({backgroundImage:"url(images/sb-face.jpg)"});
       	$(this).siblings("div.body").css({backgroundImage:"url(images/sb-body.jpg)"});
       	$(this).siblings("div.cosm").css({backgroundImage:"url(images/sb-cosmetic.jpg)"});
	});
});


$(document).ready(function()
{
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#firstpane div.cosm").click(function()
    {
		$(this).css({backgroundImage:"url(images/sb-cosmetic-h.jpg)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).siblings("div.face").css({backgroundImage:"url(images/sb-face.jpg)"});
       	$(this).siblings("div.body").css({backgroundImage:"url(images/sb-body.jpg)"});
       	$(this).siblings("div.breast").css({backgroundImage:"url(images/sb-breast.jpg)"});
	});
});