// JavaScript Document
function ValidateForm(strFormName)
{
 	if(CheckCompulsoryFields(strFormName) == false)
        return false;
    
    if(ValidateEmail(strFormName) == false)
        return false;	

    return true;
}

function CheckCompulsoryFields(strFormName)
{
    var theForm = document.forms[strFormName];
    var strName;
    var intI;
 
    for(intI=0; intI<theForm.elements.length; intI++)
    {
        strName = theForm.elements[intI].name;

        if((theForm.elements[intI].className == "Required") &&
          (theForm.elements[strName].value.length == 0))
        {
            if(strName == "realname")
                strName = "Name";
            if(strName == "email")
                strName = "E-mail";
            alert("'" + strName + "' field cannot be blank");
            return false;
        }
    }
    return true;
}

function ValidateEmail(strFormName)
{
    var strEmailAddress = document.forms[strFormName].elements["email"].value;
    var strInvalidChars = '\/\'\\ ";:?!()[]\{\}^|';
    var lngAtPos = strEmailAddress.indexOf('@',0);
	var lngDotPos = strEmailAddress.indexOf('.',0);
	var lngLength = strEmailAddress.length - 1;

    if (strEmailAddress == '')
    {
        alert('E-mail address is required');
        return false;
    }
    for (intI=0; intI<strInvalidChars.length; intI++)
    {
        if (strEmailAddress.indexOf(strInvalidChars.charAt(intI),0) > -1)
        {
            alert('E-mail address contains an invalid character');
            return false;
        }
    }
    for (intI=0; intI<strEmailAddress.length; intI++)
    {
        if (strEmailAddress.charCodeAt(intI)>127)
        {
            alert("E-mail address contains an invalid (non-ASCII) character");
            return false;
        }
    }

    if (lngAtPos == -1)
    {
        alert('E-mail address must contain an "@"');
        return false;
    }
    if (lngAtPos == 0)
    {
       alert('E-mail address must not start with "@"');
       return false;
    }
    if (lngAtPos == lngLength)
    {
       alert('E-mail address must not end with "@"');
       return false;
    }
    if (strEmailAddress.indexOf('@', lngAtPos + 1) > - 1)
    {
       alert('E-mail address must contain only one "@"');
       return false;
    }
    if (lngDotPos == 0)
    {
       alert('E-mail address must not start with "."');
       return false;
    }
    if (lngDotPos == lngLength)
    {
       alert('E-mail address must not end with "."');
       return false;
    }
    if (lngDotPos == -1)
    {
       alert('E-mail address must contain a "."');
       return false;
    }
    if (strEmailAddress.indexOf('@.',0) != -1)
    {
       alert('"." must not immediately follow "@" in e-mail address');
       return false;
    }
    if (strEmailAddress.indexOf('.@',0) != -1)
    {
       alert('"." must not immediately precede "@" in e-mail address');
       return false;
    }
    if (strEmailAddress.indexOf('..',0) != -1)
    {
       alert('Two ".." must not be adjacent in e-mail address');
       return false;
    }
    return true;
}

    var arrImage = new Array();
    var intNextImage = 1;
    var intNextNextImage = 1;

function InitializeSlideShow()
{
    arrImage[0] = '01_jollyjungle_r.jpg';
    arrImage[1] = '02_jungle.jpg';
    arrImage[2] = '03_dragon_den.jpg';
    arrImage[3] = '04_circuscombi_r.jpg';
    arrImage[4] = '05_gold_mine.jpg';
    arrImage[5] = '06_fairytale.jpg';
//    arrImage[6] = '07_slide_r.jpg';
    
    setInterval('ChangeImage()', 5000) // change the image every 5 seconds
}

function ChangeImage()
{
    document.getElementById('JJJSlideshow').src="images/" + arrImage[intNextImage];
//    document.getElementById("imagecaption").firstChild.nodeValue = intNextImage + 
//    ' ' + arrImage.length;

    intNextImage++;
    intNextNextImage++;
    if(intNextImage > arrImage.length - 1)
        intNextImage = 0;
    if(intNextNextImage > arrImage.length - 1)
        intNextNextImage = 0;
}

function FadeInImage(objID, Opacity)
{
    if(document.getElementById)
    {
        obj = document.getElementById(objId);
        if (Opacity <= 100)
        {
            setOpacity(obj, Opacity);
            Opacity += 10;
            window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
        }
    }
}

function WriteJJJLogo()
{
    //000000 = Black
    //0000ff = Blue
    //00ff00 = Lime Green
    //00ffff = Cyan or Aqua
    //ff0000 = Red
    //ff00ff = Magenta or Fuschia
    //ffff00 = Yellow
    //ffffff = White 
    
    var strReturn;
    
    strReturn = "<b> " +
                "<span style='color: #00ff00;'>J</span>" +  //Green
                "<span style='color: #ff00ff;'>u</span>" +  //Magenta or Fuschia
                "<span style='color: #0000ff;'>m</span>" +  //Blue
                "<span style='color: #00ffff;'>p</span>" +  //Cyan or Aqua
                "<span style='color: #ffff00;'>y</span> " + //Yellow
                "<span style='color: #ff00ff;'>J</span>" +  //Magenta or Fuschia 
                "<span style='color: #0000ff;'>u</span>" +  //Blue 
                "<span style='color: #ff0000;'>m</span>" +  //Red
                "<span style='color: #00ff00;'>p</span> " + //Green
                "<span style='color: #0000ff;'>J</span>" +  //Blue
                "<span style='color: #ffff00;'>u</span>" +  //Yellow
                "<span style='color: #00ff00;'>m</span>" +  //Green
                "<span style='color: #ff0000;'>p</span>" +  //Red
                "</b>";
    document.write(strReturn);
}

function WriteAddress()
{
    var strReturn;
    
    strReturn = "<p class='Address'> " +
                "76 Envis Way, Guildford, Surrey GU3 3NJ. "+
                "Telephone 01483 232850. Mobile 07891 470 879</p>";

    document.write(strReturn);
}

function WriteMenu()
{
    var StrReturn;
    
    strReturn = "<div class='wrapper1'> " + 
                    "<div class='wrapper'> " + 
                        "<div class='nav-wrapper'> " +
                            "<div class='nav-left'> " +
                            "</div> " +
                            "<div class='nav'> " +
                                "<ul id='navigation' style='width:706px';> " +
                                    "<li class='#'> " +
                                        "<a href='index.html' target='_self'> " +
                                            "<span class='menu-left'></span> " +
                                            "<span class='menu-mid'>Home</span> " +
                                            "<span class='menu-right'></span> " + 
                                        "</a> " +
                                    "</li> " +
                                    "<li class='#'> " +
                                        "<a href='#' target='_self'> " +
                                            "<span class='menu-left'></span> " +
                                            "<span class='menu-mid'>Bouncy Castles</span> " +
                                            "<span class='menu-right'></span> " +
                                        "</a> " +
                                        "<div class='sub'> " +
                                            "<ul> " +
                                                "<li> " +
                                                    "<a href='combislides.html' target='_self'>Castles with Slides</a> " +
                                                "</li> " +
                                                "<li> " +
                                                    "<a href='bouncycastles.html' target='_self'>Basic Castles</a> " +
                                                "</li> " +
                                                "<li> " +
                                                    "<a href='adultcastles.html' target='_self'>Large/Adult Castle</a> " +
                                                "</li> " +
                                            "</ul> " +
                                        "</div> " +
                                    "</li> " +
                                    "<li class='#'> " +
                                        "<a href='hallsforhire.html' target='_self'> " +
                                            "<span class='menu-left'></span> " +
                                            "<span class='menu-mid'>Halls for Hire</span> " +
                                            "<span class='menu-right'></span> " +
                                        "</a> " +
                                    "</li> " +
                                    "<li class='#'> " +
                                        "<a href='termsandconditions.html' target='_self'> " +
                                            "<span class='menu-left'></span> " +
                                            "<span class='menu-mid'>Terms & Conditions</span> " + 
                                            "<span class='menu-right'></span> " +
                                        "</a> " +
                                    "</li> " +
                                    "<li class='#'> " +
                                        "<a href='safetyprocedures.html' target='_self'> " +
                                            "<span class='menu-left'></span> " +
                                            "<span class='menu-mid'>Safety Procedures</span> " + 
                                            "<span class='menu-right'></span> " +
                                        "</a> " +
                                    "</li> " +
                                    "<li class='#'> " +
                                        "<a href='contactus.html' target='_self'> " +
                                            "<span class='menu-left'></span> " +
                                            "<span class='menu-mid'>Contact Us</span> " +
                                            "<span class='menu-right'></span> " +
                                        "</a> " +
                                    "</li> " +
                                "</ul> " + 
                            "</div> " +
                            "<div class='nav-right'> " +
                            "</div><br><br> " +
                        "</div> " +
                    "</div> " +
                "</div>";

    document.write(strReturn);
}