$(document).ready(
	function()
	{
		$("#aLinkFAQMenu1").click( function() { onSlideAccordionPane(1); } );
		$("#aLinkFAQMenu2").click( function() { onSlideAccordionPane(2); } );
		$("#aLinkFAQMenu3").click( function() { onSlideAccordionPane(3); } );
		$("#aLinkFAQMenu4").click( function() { onSlideAccordionPane(4); } );		
		$("#aLinkSideFAQMenu1").click( function() { onSlideAccordionPane(1); } );
		$("#aLinkSideFAQMenu2").click( function() { onSlideAccordionPane(2); } );
		$("#aLinkSideFAQMenu3").click( function() { onSlideAccordionPane(3); } );
		$("#aLinkSideFAQMenu4").click( function() { onSlideAccordionPane(4); } );
		
		$("#aLinkCloseModal").click( function() { alert("#hellow"); } );
		
		$("#aLinkFAQMenu1_Query1").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries1(0),
						css: { width: '300px', height: '160px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);
			}
		);
		
		
		$("#aLinkFAQMenu1_Query2").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries1(1),
						css: { width: '390px', height: '100px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);
			}
		);
		$("#aLinkFAQMenu1_Query3").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries1(2),
						css: { width: '400px', height: '130px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);
			}
		);
		
		$("#aLinkFAQMenu1_Query4").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries1(3),
						css: { width: '450px', height: '220px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);
			}
		);
		
		$("#aLinkFAQMenu2_Query1").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries2(0),
						css: { width: '500px', height: '150px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);
			}
		);		
		$("#aLinkFAQMenu2_Query2").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries2(1),
						css: { width: '300px', height: '100px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);
			}
		);		
		$("#aLinkFAQMenu2_Query3").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries2(2),
						css: { width: '350px', height: '95px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);
			}
		);				
		$("#aLinkFAQMenu2_Query4").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries2(3),
						css: { width: '500px', height: '180px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);
			}
		);				
		$("#aLinkFAQMenu2_Query5").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries2(4),
						css: { width: '500px', height: '100px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);
			}
		);				
		$("#aLinkFAQMenu2_Query6").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries2(5),
						css: { width: '250px', height: '80px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);

		$("#aLinkFAQMenu2_Query7").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries2(6),
						css: { width: '420px', height: '115px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);
		
		$("#aLinkFAQMenu2_Query8").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries2(7),
						css: { width: '380px', height: '95px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);
				
				
		$("#aLinkFAQMenu3_Query1").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries3(0),
						css: { width: '500px', height: '460px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);
				
		$("#aLinkFAQMenu3_Query2").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries3(1),
						css: { width: '500px', height: '95px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);
		$("#aLinkFAQMenu3_Query3").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries3(2),
						css: { width: '500px', height: '85px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);
		$("#aLinkFAQMenu3_Query4").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries3(3),
						css: { width: '500px', height: '115px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);

		$("#aLinkFAQMenu4_Query1").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries4(0),
						css: { width: '500px', height: '200px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);
		
		$("#aLinkFAQMenu4_Query2").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries4(1),
						css: { width: '500px', height: '110px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);		
				
		$("#aLinkFAQMenu4_Query3").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries4(2),
						css: { width: '500px', height: '100px',
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);		
		$("#aLinkFAQMenu4_Query4").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries4(3),
						css: { width: '500px', height: '110px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);		
		$("#aLinkFAQMenu4_Query5").click(
			function()
			{
				$.blockUI(
					{
						message: getFAQMenuQueries4(4),
						css: { width: '500px', height: '190px', 
							   textAlign: 'left', paddingLeft: '15px', 
							   paddingTop: '10px', paddingRight: '10px', color: '#000', border: 'none', fontSize: '11px', 
							   fontFamily: 'Verdana', backgroundColor: '#fff',
							   '-webkit-border-radius': '10px', '-moz-border-radius': '10px'
							}
					}
				);				
				
			}
		);
	}
);

function onSlideAccordionPane(whichMenu)
{
	switch(whichMenu)
	{
		case 1:
			$("div.accordionContent2").slideUp("normal");
			$("div.accordionContent3").slideUp("normal");
			$("div.accordionContent4").slideUp("normal");
			$("div.accordionContent1").slideDown("normal");			
			break;
		case 2:
			$("div.accordionContent1").slideUp("normal");			
			$("div.accordionContent3").slideUp("normal");
			$("div.accordionContent4").slideUp("normal");
			$("div.accordionContent2").slideDown("normal");
			break;
		case 3:
			$("div.accordionContent1").slideUp("normal");			
			$("div.accordionContent2").slideUp("normal");
			$("div.accordionContent4").slideUp("normal");
			$("div.accordionContent3").slideDown("normal");
			break;		
		case 4:
			$("div.accordionContent1").slideUp("normal");			
			$("div.accordionContent2").slideUp("normal");
			$("div.accordionContent3").slideUp("normal");
			$("div.accordionContent4").slideDown("normal");
			break;
	}
}


function getFAQMenuQueries1(nIndex)
{
	var retValQuery = [ "Do the Dermatologists recommend a particular moisturizer for use with Proactiv® Solution?", 
						"Can I Use Proactiv® Solution on my chest, back and buttocks?", 
						"What type of fragrance is used in Proactiv® Solution?", 
						"Why can't I buy Proactiv® Solution at the store?" ];
	var retValAnswer = [ "- Yes, Proactiv&reg; Solution Moisture Oil Free, It also contain a sunscreen with SPF 15.<br /><br />", 
						 "- Yes, you can Proactiv&reg; Solution on any blemish-prone area.<br /><br />", 
						 "- Proactiv&reg; Solution's fresh, clean scent is a combination of 4-5 <br>ingredients that mask the scent of the Benzoyl Peroxide and sulfur.<br> All ingredients are tested for allergic reaction and approved by the <br>governing body of fragrance controls.<br>", 
						 "- Unlike individual \"spot treatment\" products you can buy in the store, <br>Proactiv&reg; Solution is designed as a total acne management system. <br>We know that 85% of the 70 million people who suffer from acne don't <br>consult a doctor-by selling on the Internet and television, we can make <br>sure patients understand the problem of acne and use the system properly <br>for optimum results. <br><br>While Proactiv is not usually available in retail stores, in the Philippines <br>Proactiv is available by special arrangement at Watsons Stores. <br>" ];
	
	var retVal = "<b>Q:</b> " + retValQuery[nIndex] + "<br /><br /><b>A:</b>" + retValAnswer[nIndex]+ parseCloseButton();
	
	return retVal;
}


function getFAQMenuQueries2(nIndex)
{
	var retValQuery = [ "How can I test for allergic reactions?", 
						"Where should I keep Proactiv&reg; Solution?", 
						"Are the Proactiv&reg; solution system products gluten-free?", 
						"I've tried everything. How can I know if Proactiv&reg; Solution will work for me?", 
						"Does Proactiv&reg; Solution contain any ingredients made with animal products?", 
						"Is Proactiv&reg; Solution non-comedogenic?", 
						"Is Proactiv&reg; Solition hypoallergenic?", 
						"Can you wear make-up over Proactiv&reg; Solution?" ];
	
	var retValAnswer = [ "- Apply a small amount of the product to the nape (back) of your neck, or to the <br>underside of your neck at the jawline for 3 days. If no redness or irritation appears, <br> you will probably not have an allergic reaction. If redness persists, discontinue <br>using the product. If redness continues after you have stopped using the product, <br> consult a doctor.<br>", 
						 "- For best results, store it at room temperature.<br><br>", 
						 "- Yes. <br>", 
						 "- More than 500 people tested Proactiv&reg; Solution before it was introduced to the public, and millions of people have purchased it. Based on observations from tests conducted by the Dermatologists, their research indicated that over 80% of people with mild to moderate acne will see improvement within 3-6 weeks. <br> <br> The key is to stay on the system to maintain clear skin. More severe acne may require a prescription. <br>",
						 "- No animal by-products are used. Proactiv&reg; Solution acne treatment products are not tested on animals.<br>", 
						 "- Yes. <br>", 
						 "- Proactiv&reg; Solution is not for people who are allergic to Benzoyl Peroxide or sulfur. <br>All other ingredients are chosen for their hypoallergenic properties.<br>", 
						 "- Yes. For best results, be sure to use oil-free products. <br><br>" ];
						 
	var retVal = "<b>Q:</b> " + retValQuery[nIndex] + "<br /><br /><b>A:</b>" + retValAnswer[nIndex]+ parseCloseButton();
	
	return retVal;
}

function getFAQMenuQueries3(nIndex)
{
	var retValQuery = [ "Can I use Proactiv&reg; Solution with other medications?", 
						"What is the pH balance level in Proactiv&reg; Solution?", 
						"Will the Benzoyl Peroxide in the Proactiv&reg; Solution cause tattoos to lighten or fade?", 
						"What is the main ingredient in the Daily Oil Control?" ];
	var retValAnswer = [ "-	Yes, you can generally use Proactiv&reg; Solution with most other acne medications. Use this list as a guide, and be sure to read the comments next to each medication. <br />If you have any question or concern, we recommend you consult your doctor.<br><br>"+ parseAdditionalInfoMenu3(), 
						 "- The pH Balance in the Toner is 3.0 - 4.0; in the renewing cleanser 5.2 - 6.0; and in the Repairing Lotion 5.3 - 6.0.<br>", 
						 "- No. <br>", 
						 "-There is no one active ingredient in the Daily Oil Control, but a combination of several ingredients known as micro sponge technology. This technology is designed to control excess oils.<br/>" ];
	
	var retVal = "<b>Q:</b> " + retValQuery[nIndex] + "<br /><br /><b>A:</b>" + retValAnswer[nIndex]+ parseCloseButton();
	
	return retVal;
}

function getFAQMenuQueries4(nIndex)
{
	var retValQuery = [ "Will I have the same product effectiveness if I use the products seperately rather than together in a system?", 
						"Can Proactiv&reg; Solution be used by a woman who is pregnant or nursing?", 
						"When should I used the refining mask?", 
						"Why is Magnesium Aluminum Silicate used in the mask?", 
						"Can I get blemishes or redness from using Proactiv&reg; Solution?" ];
	var retValAnswer = [ "-	No, Proactiv&reg; Solution is a combination therapy treatment&mdash;each piece in the system enhances the effectiveness of the others. For optimum results, use the products together as a system. Depending on your condition and individual skin types, you may achieve similar effectiveness using each product. If you use more than one topical medication at the same time, or immediately following each other, you may experience increased dryness or irritation of the skin. If this occurs, use only one medication unless directed by a doctor.. <br>", 
						 "-	We recommend you consult your physician before using any medication, topical or oral, during pregnancy or nursing.<br>", 
						 "-	Use the mask with or without the rest of the Proactiv&reg; Solution system. Make sure to start with a clean face before applying the mask.<br>", 
						 "-	Magnesium Aluminum Silicate is known as a &quot;suspending agent&quot; which is important for the overall stability of the Proactiv&reg; Solution mask. It also has the ability to act as an oil absorber. It has been used extensively in liquid makeup for well over 50 years. <br>", 
						 "-	If you experience blemishes or redness when you first use Proactiv&reg; Solution, you may be sensitive to Benzoyl Peroxide. If this happens, stop using the system for 2 days. When your skin begins to improve, resume using the Renewing Cleanser and Revitalizing Toner daily. To slowly build a tolerance for Benzoyl Peroxide, use the Repairing Lotion twice a week at night. Gradually increase nightly usage of the Repairing Lotion, as tolerated. If redness or blemishes persist, stop using the product and consult your doctor.<br>" ];
						 
	var retVal = "<b>Q:</b> " + retValQuery[nIndex] + "<br /><br /><b>A:</b>" + retValAnswer[nIndex] + parseCloseButton();
						
	return retVal;
}

function parseAdditionalInfoMenu3()
{
	var retVal = "<table width=\"100%\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">";
		retVal += "		<tr><td>Metrogel</td><td>Start by using the products on alternating days, then increase to a routine of Metrogel by day and Proactiv&reg; Solution by night. </td></tr>";
		retVal += "		<tr><td>Depo-Provera</td><td>Proactiv&reg; Solution can be used while taking birth control pills or shots. ORal antibiotics used to treat moderate to severe acne may decrease the effectiveness of birth control pills or Depo-Provera injections. </td></tr>";
		retVal += "     <tr><td>Glyderm or other glycolic acid product </td><td>Glyderm and other glycolic products can be used in combination with Proactiv&reg; Solutions.</td></tr>";
		retVal += "     <tr><td>Tropical Erythromycin, Clindamycin, Azelex or Differin</td><td>Use Proacitv&reg; Solution Renewing Cleanser and Revitalizing Toner. After the Revitalizing toner dries, apply the prescription gel. </td></tr>";
		retVal += "		<tr><td>Accutane</td><td>No other treatment is needed while you're on Accutane. </td></tr>";
		retVal += "     <tr><td>Retin A </td><td>Consult your dermatologist before using more than one topical acne medication. </td></tr>";
		retVal += "     <tr><td>Salicylic Acid </td><td>Using other tropical acne medications at the same time, or immediately following each other, may increase skin dryness or irritation. If this occurs, use only one medication unless directed by a doctor.</td></tr>";
		retVal += "</table>";
	return retVal;
}

function parseCloseButton()
{
	return "<a href=\"javascript:unloadModal();\">Close</a>";
}
function unloadModal()
{
	$.unblockUI();
}