function opacity(id, opacStart, opacEnd, millisec) {

    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }

}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function illuminate(data){
formname = "";
if(data == 1){
data = "<div width=700><div id=closebox style=position:relative;top:21px;left:-10px;><img src=images/close_button_left.png border=0 style=cursor:pointer; onClick=darken()></div><div id=floatdiv style=padding:10px;background-image:URL('images/home_div.png');background-repeat:no-repeat;width:800px;height:499px;>";
data += "<div class=divbutton onClick=parent.location='http://www.ensignhonda.com'></div>";
data += "<div class=divbutton onClick=parent.location='http://www.kengarffhondariverdale.com/index.htm'></div>";
data += "<div class=divbutton onClick=parent.location='http://www.willeyhonda.com'></div>";
data += "<div style=margin-top:10px; class=divbutton onClick=parent.location='http://www.kengarffhondadowntown.com/index.htm'></div>";
data += "<div style=margin-top:10px; class=divbutton onClick=parent.location='http://www.lhmhonda.com/index.htm'></div>";
data += "<div style=margin-top:10px; class=divbutton onClick=parent.location='http://www.stocktontomalonehonda.com/index.htm'></div>";
data += "<div style=margin-top:25px; class=divbutton onClick=parent.location='http://www.kengarffhondaoforem.com/index.htm'></div>";
data += "</div></div>";
}
if(data == 2){
data = "<div width=250><div id=closebox style=position:relative;top:21px;left:-10px;><img src=images/close_button_left.png border=0 style=cursor:pointer; onClick=darken()></div><div id=floatdiv style=padding:30px;width:250px;height:500px;background-color:#FFF;>";
data += "<span class=puheader>Refer a Friend</span><br><br><span class=putitle>Your Name:</span><br><input type=text name=name class=webinput><br>";
data += "<span class=putitle>Your Email:</span><br><input type=text name=email class=webinput><br>";
data += "<span class=putitle>Your Phone:</span><br><input type=text name=phone class=webinput><br><br>";
data += "<span class=putitle>Referral Name:</span><br><input type=text name=ref_name class=webinput><br>";
data += "<span class=putitle>Referral Email:</span><br><input type=text name=ref_email class=webinput><br>";
data += "<span class=putitle>Referral Phone:</span><br><input type=text name=ref_phone class=webinput><br>";
data += "<span class=putitle>Vehicle:</span><br><input type=text name=vehicle class=webinput><br>";
data += "<span class=putitle>Which dealership?</span><br>";
data += "<select name=dealership><option value=0>Select A Dealer</option>";
data += "<option value='Ensign'>Ensign</option>";
data += "<option value='Ken Garff Ogden'>Ken Garff Ogden</option>";
data += "<option value='Willey'>Willey</option>";
data += "<option value='Ken Garff Downtown'>Ken Garff Downtown</option>";
data += "<option value='Larry H. Miller'>Larry H. Miller</option>";
data += "<option value='Ken Garff Orem'>Ken Garff Orem</option>";
data += "<option value='Stockton To Malone'>Stockton To Malone</option></select>";
data += "<br><br><input type=image src=images/submit_button.png align=right><br>";
data += "</div></div>";
formname="referral";
}
if(data == 3){
data = "<div width=400><div id=closebox style=position:relative;top:21px;left:-10px;><img src=images/close_button_left.png border=0 style=cursor:pointer; onClick=darken()></div><div id=floatdiv style=padding:30px;width:400px;height:550px;background-color:#FFF;>";
data += "<span class=puheader>Quick Quote</span><br><br><span class=putitle>Which vehicle are you interested in?</span><br><select name=car_of_interest>";
data += "<option value='2010 Accord LX Sedan'>2010 Accord LX Sedan</option>";
data += "<option value='2010 Accord LX Premium Sedan'>2010 Accord LX Premium Sedan</option>";
data += "<option value='2010 Accord EX Sedan'>2010 Accord EX Sedan</option>";
data += "<option value='2010 Accord EX-L Sedan'>2010 Accord EX-L Sedan</option>";
data += "<option value='2010 Accord EX V6 Sedan'>2010 Accord EX V6 Sedan</option>";
data += "<option value='2010 Accord EX-L V6 Sedan'>2010 Accord EX-L V6 Sedan</option>";
data += "<option value='2010 Accord LX-S Coupe'>2010 Accord LX-S Coupe</option>";
data += "<option value='2010 Accord EX Coupe'>2010 Accord EX Coupe</option>";
data += "<option value='2010 Accord EX-L Coupe'>2010 Accord EX-L Coupe</option>";
data += "<option value='2010 Accord EX-L V6 Coupe'>2010 Accord EX-L V6 Coupe</option>";
data += "<option value='2010 Civic DX Sedan'>2010 Civic DX Sedan</option>";
data += "<option value='2010 Civic DX-VP Sedan'>2010 Civic DX-VP Sedan</option>";
data += "<option value='2010 Civic LX Sedan'>2010 Civic LX Sedan</option>";
data += "<option value='2010 Civic EX Sedan'>2010 Civic EX Sedan</option>";
data += "<option value='2010 Civic EX-L Sedan'>2010 Civic EX-L Sedan</option>";
data += "<option value='2010 Civic Si Sedan'>2010 Civic Si Sedan</option>";
data += "<option value='2010 Civic Hybrid Sedan'>2010 Civic Hybrid Sedan</option>";
data += "<option value='2010 Civic GX Sedan'>2010 Civic GX Sedan</option>";
data += "<option value='2010 Civic DX Coupe'>2010 Civic DX Coupe</option>";
data += "<option value='2010 Civic LX Coupe'>2010 Civic LX Coupe</option>";
data += "<option value='2010 Civic EX Coupe'>2010 Civic EX Coupe</option>";
data += "<option value='2010 Civic EX-L Coupe'>2010 Civic EX-L Coupe</option>";
data += "<option value='2010 Civic Si Coupe'>2010 Civic Si Coupe</option>";
data += "<option value='2010 CR-V 2WD LX'>2010 CR-V 2WD LX</option>";
data += "<option value='2010 CR-V 2WD EX'>2010 CR-V 2WD EX</option>";
data += "<option value='2010 CR-V 2WD EX-L'>2010 CR-V 2WD EX-L</option>";
data += "<option value='2010 CR-V 4WD LX'>2010 CR-V 4WD LX</option>";
data += "<option value='2010 CR-V 4WD EX'>2010 CR-V 4WD EX</option>";
data += "<option value='2010 CR-V 4WD EX-L'>2010 CR-V 4WD EX-L</option>";
data += "<option value='2010 Element 2WD LX'>2010 Element 2WD LX</option>";
data += "<option value='2010 Element 2WD EX'>2010 Element 2WD EX</option>";
data += "<option value='2010 Element SC'>2010 Element SC</option>";
data += "<option value='2010 Element 4WD LX'>2010 Element 4WD LX</option>";
data += "<option value='2010 Element 4WD EX'>2010 Element 4WD EX</option>";
data += "<option value='2010 Fit'>2010 Fit</option>";
data += "<option value='2010 Fit Sport'>2010 Fit Sport</option>";
data += "<option value='2010 Fit Sport with Navigation'>2010 Fit Sport with Navigation</option>";
data += "<option value='2010 Odyssey LX'>2010 Odyssey LX</option>";
data += "<option value='2010 Odyssey EX'>2010 Odyssey EX</option>";
data += "<option value='2010 Odyssey EX-L'>2010 Odyssey EX-L</option>";
data += "<option value='2010 Odyssey Touring'>2010 Odyssey Touring</option>";
data += "<option value='2010 Pilot 2WD LX'>2010 Pilot 2WD LX</option>";
data += "<option value='2010 Pilot 2WD EX'>2010 Pilot 2WD EX</option>";
data += "<option value='2010 Pilot 2WD EX-L'>2010 Pilot 2WD EX-L</option>";
data += "<option value='2010 Pilot 2WD Touring'>2010 Pilot 2WD Touring</option>";
data += "<option value='2010 Pilot 4WD LX'>2010 Pilot 4WD LX</option>";
data += "<option value='2010 Pilot 4WD EX'>2010 Pilot 4WD EX</option>";
data += "<option value='2010 Pilot 4WD EX-L'>2010 Pilot 4WD EX-L</option>";
data += "<option value='2010 Pilot 4WD Touring'>2010 Pilot 4WD Touring</option>";
data += "<option value='2010 Ridgeline RT'>2010 Ridgeline RT</option>";
data += "<option value='2010 Ridgeline RTS'>2010 Ridgeline RTS</option>";
data += "<option value='2010 Ridgeline RTL'>2010 Ridgeline RTL</option>";
data += "<option value='2009 S2000'>2009 S2000</option>";
data += "<option value='2009 S2000 CR'>2009 S2000 CR</option>";
data += "<option value='2010 Insight LX'>2010 Insight LX</option>";
data += "<option value='2010 Insight EX'>2010 Insight EX</option>";
data += "<option value='2010 Insight EX with Navigation'>2010 Insight EX with Navigation</option>";
data += "<option value='2010 Accord Crosstour 2WD EX'>2010 Accord Crosstour 2WD EX</option>";
data += "<option value='2010 Accord Crosstour 2WD EX-L'>2010 Accord Crosstour 2WD EX-L</option>";
data += "<option value='2010 Accord Crosstour 4WD EX-L'>2010 Accord Crosstour 4WD EX-L</option>";
data += "<option value='2010 2WD Dog Friendly Element'>2010 2WD Dog Friendly Element</option>";
data += "<option value='2010 4WD Dog Friendly Element'>2010 4WD Dog Friendly Element</option>";

data += "</select><br>";
data += "<span class=putitle>Which dealership?</span><br>";
data += "<select name=dealership><option value=0>Select A Dealer</option>";
data += "<option value='Ensign'>Ensign</option>";
data += "<option value='Ken Garff Ogden'>Ken Garff Ogden</option>";
data += "<option value='Willey'>Willey</option>";
data += "<option value='Ken Garff Downtown'>Ken Garff Downtown</option>";
data += "<option value='Larry H. Miller'>Larry H. Miller</option>";
data += "<option value='Ken Garff Orem'>Ken Garff Orem</option>";
data += "<option value='Stockton To Malone'>Stockton To Malone</option></select><br>";
data += "<span class=putitle>First Name:</span><br><input type=text name=fname class=webinput><br>";
data += "<span class=putitle>Last Name:</span><br><input type=text name=lname class=webinput><br>";
data += "<span class=putitle>Email:</span><br><input type=text name=email class=webinput><br>";
data += "<span class=putitle>Phone:</span><br><input type=text name=phone class=webinput><br>";
data += "<span class=putitle>Zip Code:</span><br><input type=text name=zip class=webinput><br>";
data += "<span class=putitle>Comments:</span><br><textarea class=area51 name=comments></textarea><br><br>";
data += "<br><br><input type=image src=images/submit_button.png align=right><br>";
data += "</div></div>";
formname="quickquote";
}

if(data==4){
data = "<div width=250><div id=closebox style=position:relative;top:21px;left:-10px;><img src=images/close_button_left.png border=0 style=cursor:pointer; onClick=darken()></div><div id=floatdiv style=padding:30px;width:250px;height:100px;background-color:#FFF;>";
data += "<span class=puheader>Thank you!</span><p class=putitle>Your message has been successfully sent to the dealership.  Someone will be with you shortly.  Thank you for visiting UtahHondaDealers.com!</p>";
data += "</div></div>";
}
if(navigator.appName == "Microsoft Internet Explorer"){
myspeed = 200;
} else {
myspeed = 500;
}
opacity('foo', 0, 100, (myspeed+100));
document.getElementById('foo').innerHTML=data;
if(navigator.appName == "Microsoft Internet Explorer"){
topnum = 150+document.body.scrollTop;
leftnum = document.body.clientWidth/2-document.getElementById('foo').offsetWidth/2;
} else {
topnum = (window.innerHeight/2-document.getElementById('foo').offsetHeight/2)+window.pageYOffset;
leftnum = window.innerWidth/2-document.getElementById('foo').offsetWidth/2;
}

document.getElementById('foo').style.top=topnum+"px";
document.getElementById('foo').style.left=leftnum+"px";
document.getElementById('jeep').className='coffee_active';
opacity('jeep',0,60,myspeed);
}
function darken(){
opacity('foo',100,0,myspeed);
opacity('jeep',60,0,myspeed);
setTimeout("clearItUp()",myspeed);
}
function clearItUp(){
document.getElementById('jeep').className='coffee';
document.getElementById('foo').innerHTML='';
document.getElementById('foo').style.top="0";
document.getElementById('foo').style.left="0";
}
function closeOver(){
document.getElementById('boxes').src='images/close_over.png';
}
function closeOut(){
document.getElementById('boxes').src='images/close.png';
}

function checkIt(){
msg = "";
poo = document.asdf;
filter = /^.+@.+\..{2,3}$/
if(formname=="referral"){
    if(poo.name.value == ""){
        msg += "\nYour Name";
    }
    if(!filter.test(poo.email.value)){
        msg += "\nYour Valid Email Address";
    }
    if(poo.phone.value == ""){
        msg += "\nYour Phone Number";
    }
    if(poo.ref_name.value == ""){
        msg += "\nYour Referral's Name";
    }
    if(!filter.test(poo.ref_email.value)){
        msg += "\nYour Referral's Valid Email Address";
    }
    if(poo.ref_phone.value == ""){
        msg += "\nYour Referral's Phone Number";
    }
    if(poo.vehicle.value == ""){
        msg += "\nThe Vehicle";
    }
}
if(formname=="quickquote"){
    if(poo.fname.value == ""){
        msg += "\nYour First Name";
    }
    if(poo.lname.value == ""){
        msg += "\nYour Last Name";
    }
    if(!filter.test(poo.email.value)){
        msg += "\nYour Valid Email Address";
    }
    if(poo.phone.value == ""){
        msg += "\nYour Phone Number";
    }
    if(poo.zip.value == ""){
        msg += "\nYour Zip Code";
    }
}
if(msg){
alert("There were some problems with your form,\nPlease check the following fields and try again:\n"+msg);
return false;
} else {
return true;
}
}