Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Joker Comedy Club - Home</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="scripts/js/accordion.js"></script>
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/accordion.js"></script>
<link href="scripts/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
<link href="scripts/fancybox/style.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//horizontal accordion
		Event.observe(window, 'load', loadAccordions, false);
			function loadAccordions() {
			var topAccordion = new accordion('horizontal_container', {
				classNames : {
					toggle : 'horizontal_accordion_toggle',
					toggleActive : 'horizontal_accordion_toggle_active',
					content : 'horizontal_accordion_content'

				},
				defaultSize : {
					width :739,
					height:300,

				},
				direction : 'horizontal',

			});
			;
			topAccordion.activate($$('#horizontal_container .horizontal_accordion_toggle')[0]);
		}

	</script>
<!--<script type="text/javascript">
$(document).ready(function () {
      $(".fbox").fancybox({
		  height:390,
		  width:900
		  });
 });
	</script>-->

<script type="text/javascript">
//Accordion Code
var ContentHeight = 480;
var TimeToSlide = 250.0;

var openAccordion = '';

function runScripts()
{
runAccordion(1);
logosize();
fancybox();
}
function fancybox()
{
	$(".fbox").fancybox({
		  height:390,
		  width:900
		  })
}

function runAccordion(index)
{
  var nID = "Accordion" + index + "Content";
  if(openAccordion == nID)
    nID = '';

  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
      + openAccordion + "','" + nID + "')", 33);

  openAccordion = nID;
}
//Logo Code
function logosize()
{
var logoID = document.getElementById('logo');
if (screen.width<=1152)
{
	document.images["logo"].width = 175;
    document.images["logo"].height = 175;
	document.getElementById('AccordionWrapper').style.marginTop = '0px';
}
}
//End
</script>
</head>
<body onload="runScripts();">
<div id="wrapper">
  <div id="Logo" class="Logo"><img src="images/logo.png" width="380" height="380" border="0" name="logo"/></a> </div>
  <div id="AccordionWrapper">
    <div id="AccordionContainer" class="AccordionContainer">
      <div onclick="runAccordion(1);">
        <div id="AccordionTitle1" class="AccordionTitle" onselectstart="return false;">
          <home> <img src="images/home.png" width="86" height="41" border="0" name="hometitle"/></home>
        </div>
      </div>
      <div id="Accordion1Content" class="AccordionContent">
        <div id="text-wrap">
          <iframe src='home.html' frameborder='0' width='700' height='400' allowtransparency='true'></iframe>
        </div>
      </div>
      <div onclick="runAccordion(2);">
        <div class="AccordionTitle" onselectstart="return false;">
          <about> <img src="images/aboutus.png" width="133" height="41" border="0" name="aboutustitle"/></about>
        </div>
      </div>
      <div id="Accordion2Content" class="AccordionContent">
        <div id="text-wrap">
          <iframe src='about.html' frameborder='0' width='700' height='400' allowtransparency='true'></iframe>
        </div>
      </div>
      <div onclick="runAccordion(3);">
        <div class="AccordionTitle" onselectstart="return false;">
          <lineup><img src="images/lineup.png" width="102" height="45" border="0" name="lineuptitle"/></lineup>
        </div>
      </div>
      <div id="Accordion3Content" class="AccordionContent">
        <div id="horizontal_container" >
          <h3 class="horizontal_accordion_toggle"></h3>
          <div class="horizontal_accordion_content">
           <iframe src='about.html' frameborder='0' width='700' height='400' allowtransparency='true'></iframe>
           </div>
                 <h3 class="horizontal_accordion_toggle"></h3>
          <div class="horizontal_accordion_content">
           <iframe src='about.html' frameborder='0' width='700' height='400' allowtransparency='true'></iframe>
           </div>

       </div>
      </div>

    </div>
    <div onclick="runAccordion(4);">
      <div class="AccordionTitle" onselectstart="return false;">
        <history> <img src="images/history.png" width="115" height="46" border="0" name="historytitle"/></history>
      </div>
    </div>
    <div id="Accordion4Content" class="AccordionContent">
      <div id="text-wrap">
      <li> <a class="fbox" href="about.html">This goes to iframe</a></li>
      </div>
    </div>
    <div onclick="runAccordion(5);">
      <div class="AccordionTitle" onselectstart="return false;">
        <book> <img src="images/contactus.png" width="163" height="46" border="0" name="contactustitle"/></book>
      </div>
    </div>
    <div id="Accordion5Content" class="AccordionContent">
      <div id="horizontal_container" >
        <h3 class="horizontal_accordion_toggle"><img src="images/mailinglist.png" width="21" height="85" vspace="20" hspace="4" border="0" name="mailinglisttitle"/></h3>
        <div class="horizontal_accordion_content">
          <iframe src='http://www.semaphoredesign.com/lists/?p=subscribe&id=1' frameborder='0' scrolling='no'
width='610' height='400' allowtransparency='true'></iframe>
        </div>
        <h3 class="horizontal_accordion_toggle"><img src="images/booknow.png" width="21" height="85" border="0" hspace="6" vspace="20" name="booknowtitle" /></h3>
        <div class="horizontal_accordion_content">
          <div id="emailform">
            <form name="form1" method="POST" action="_sendmail.php" onSubmit="return CheckAll(this);">
              <table width="708" border="0" cellspacing="1" cellpadding="2">
                <tr>
                  <td width="165" align="right" valign="top">Full Name *: </td>
                  <td width="565" align="left" valign="top"><input name="fieldnm_1" type="text" size="33" /></td>
                </tr>
                <tr>
                  <td width="165" align="right" valign="top">Email Address *: </td>
                  <td width="565" align="left" valign="top"><input name="fieldnm_2" type="text" size="33" /></td>
                </tr>
                <tr>
                  <td width="165" align="right" valign="top">Mobile Number *: </td>
                  <td width="565" align="left" valign="top"><input name="fieldnm_3" type="text" size="33" /></td>
                </tr>
                <tr>
                  <td width="165" align="right" valign="top">Date of show *: </td>
                  <td width="565" align="left" valign="top"><input name="fieldnm_4" type="text" size="33" /></td>
                </tr>
                <tr>
                  <td width="165" align="right" valign="top">Table Size *: </td>
                  <td width="565" align="left" valign="top"><input name="fieldnm_5" type="text" size="33" /></td>
                    </td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><input type="submit" name="Submit" value="Submit">
                    <input type="reset" name="Submit2" value="Reset"></td>
                </tr>
                  </tr>

              </table>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
</body>
<script language="javascript">
function CheckAll(x)
{

if (ISBLANK(x.fieldnm_1.value))
	{
		    alert("Please define value for Full Name field !!");
    	    return false;
    }

if (ISBLANK(x.fieldnm_2.value))
{
	alert("Please enter Email Address field !!");
    return false;
}
if(checkemail(x.fieldnm_2.value)==false)
{
	alert("Please enter a valid email address for Email Address field !!");
	return false;
}

if (ISBLANK(x.fieldnm_3.value))
	{
		    alert("Please define value for Mobile Number field !!");
    	    return false;
    }

if (ISBLANK(x.fieldnm_4.value))
	{
		    alert("Please define value for Date of show field !!");
    	    return false;
    }

if (ISBLANK(x.fieldnm_5.value))
	{
		    alert("Please define value for Table Size field !!");
    	    return false;
    }


	 return true;
}

/// email check

function checkemail(myemail)
{
var str=myemail;
var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
if (filter.test(str))
{
testresults=true
}
else
{
testresults=false
}
return (testresults)
}

/// to check that perticular value is EMPTY OR NOT
function ISBLANK(xx)
{
        var cc=0,tt;
		for(tt=0; tt<xx.length; tt++)
		{
		     if (xx.charAt(tt)==' ')
			 {
			 	cc=cc+1; // count blank character
			 }
		}
		if (cc==xx.length)
		{
			return true;  //// means it is BLANK
		}
	     return false;	//// means it is NOT BLANK
}

function is_radio_button_selected(fieldnm)
{
// set var radio_choice to false
var radio_choice = false;

// Loop from zero to the one minus the number of radio button selections
for (counter = 0; counter < fieldnm.length; counter++)
{
// If a radio button has been selected it will return true
// (If not it will return false)
if (fieldnm[counter].checked)
radio_choice = true;
}

if (!radio_choice)
{
return (false); /// means not selected
}
return (true); /// means selected
}
</script>
</html>