var fNameVal = "First Name";
var lNameVal = "Last Name";
var addressVal = "Address";
var cityVal = "City";
var zipVal = "Zip Code";
var emailVal = "Email Address";

$(document).ready(function(){

$('div#storyShareForm').show('fast');

// ----------------------------------------------------  set active navigation and sidebar
var path = location.pathname.split('/');
var pathParse = path[1];
if (pathParse != ''){
    var activePath = '';
    var activeSideBar = '';
     switch(pathParse)
                {
                case 'share-your-story':
                activePath = '#shareNav';
                activeSideBar = '#shareSidebar';
                break;
                case 'about-clean-air':
                activePath = '#aboutNav';
                 activeSideBar = '#aboutSidebar';
                break;
                case 'take-action':
                activePath = '#actionNav';
                 activeSideBar = '#actionSidebar';
                break;
                 case 'news':
                activePath = '#newsNav';
                 activeSideBar = '#newsSidebar';
                break;
                default:
                activePath = '';
                }
         
        
        
        if (activePath != ''){
         $(activePath).addClass('active');
        }
        if (activeSideBar != ''){
         $(activeSideBar).css('display', 'block');
        }
        
        
        
}


// ------------------------------------------------  homepage action form display functions


$('form#homepageAction input#email').focus(function(){
        if ($(this).val() == emailVal){
         $(this).val('');
        }
        $(this).removeClass('filled')
        $(this).addClass('focused');
    });
$('form#homepageAction input#email').blur(function(){
    $(this).removeClass('focused');
    if ($(this).val() == ''){
       $(this).val(emailVal);
        }else{
            $(this).addClass('filled');
        }
});
$('form#homepageAction input#first_name').focus(function(){
        if ($(this).val() == fNameVal){
         $(this).val('');
        }
        $(this).removeClass('filled')
        $(this).addClass('focused');
    });
$('form#homepageAction input#first_name').blur(function(){
    $(this).removeClass('focused');
    if ($(this).val() == ''){
       $(this).val(fNameVal);
        }else{
            $(this).addClass('filled');
        }
});
$('form#homepageAction input#last_name').focus(function(){
        if ($(this).val() == lNameVal){
         $(this).val('');
        }
        $(this).removeClass('filled')
        $(this).addClass('focused');
    });
$('form#homepageAction input#last_name').blur(function(){
   $(this).removeClass('focused');
    if ($(this).val() == ''){
       $(this).val(lNameVal);
        }else{
            $(this).addClass('filled');
        }
});
$('form#homepageAction input#street').focus(function(){
        if ($(this).val() == addressVal){
         $(this).val('');
        }
        $(this).removeClass('filled')
        $(this).addClass('focused');
    });
$('form#homepageAction input#street').blur(function(){
   $(this).removeClass('focused');
    if ($(this).val() == ''){
       $(this).val(addressVal);
        }else{
            $(this).addClass('filled');
        }
});
$('form#homepageAction input#city').focus(function(){
        if ($(this).val() == cityVal){
         $(this).val('');
        }
        $(this).removeClass('filled')
        $(this).addClass('focused');
    });
$('form#homepageAction input#city').blur(function(){
   $(this).removeClass('focused');
    if ($(this).val() == ''){
       $(this).val(cityVal);
        }else{
            $(this).addClass('filled');
        }
});
$('form#homepageAction input#zip').focus(function(){
        if ($(this).val() == zipVal){
         $(this).val('');
        }
        $(this).removeClass('filled')
        $(this).addClass('focused');
    });
$('form#homepageAction input#zip').blur(function(){
   $(this).removeClass('focused');
    if ($(this).val() == ''){
       $(this).val(zipVal);
        }else{
            $(this).addClass('filled');
        }
});

// ------------------------------------------------  sidebar signup form display functions


$('form#sidebarSignUpForm input#cons_email').focus(function(){
        if ($(this).val() == emailVal){
         $(this).val('');   
        }
        $(this).removeClass('filled')
        $(this).addClass('focused');  
    });
$('form#sidebarSignUpForm input#cons_email').blur(function(){
    $(this).removeClass('focused');
    if ($(this).val() == ''){
       $(this).val(emailVal);
        }else{
            $(this).addClass('filled');
        }
});
$('form#sidebarSignUpForm input#cons_first_name').focus(function(){
        if ($(this).val() == fNameVal){
         $(this).val('');
        }
        $(this).removeClass('filled')
        $(this).addClass('focused');
    });
$('form#sidebarSignUpForm input#cons_first_name').blur(function(){
    $(this).removeClass('focused');
    if ($(this).val() == ''){
       $(this).val(fNameVal);
        }else{
            $(this).addClass('filled');
        }
});
$('form#sidebarSignUpForm input#cons_last_name').focus(function(){
        if ($(this).val() == lNameVal){
         $(this).val('');
        }
        $(this).removeClass('filled')
        $(this).addClass('focused');
    });
$('form#sidebarSignUpForm input#cons_last_name').blur(function(){
   $(this).removeClass('focused');
    if ($(this).val() == ''){
       $(this).val(lNameVal);
        }else{
            $(this).addClass('filled');
        }
});

//-------------------------------------------------- submit story functions
 $('div#storyShareForm input#first_name').change(
 function(){
 compileStoryTitle();    
 });
 $('div#storyShareForm input#last_name').change(function(){
 compileStoryTitle();
 });
 $('div#storyShareForm select#state').change(function(){
 compileStoryTitle();
 });
//------------- homepage video lightbox
$("a#homepageVideoLightbox").colorbox({iframe:true, innerWidth:560, innerHeight:325});

   
}); //--- end document ready functions

//-------------------------------------------------- compile title for story form
   function compileStoryTitle(){
   
     var storyFirst = $('div#storyShareForm input#first_name').val();
     var storyLast = $('div#storyShareForm input#last_name').val();
     var storyState =  $('div#storyShareForm select#state').val();
     var storyTitle = storyFirst + ' '+ storyLast.substring(0,1) + '., ' + storyState;
     $('div#storyShareForm input#form-title').val(storyTitle);   
   }

// ------------------------------------------------  sidebar signup form validate functions
function sidebarSubmitTest(){
    var  fieldCheck = validateInputs();
    if (!fieldCheck){
            return false;
    }else{
            $('div#sidebarSignUp div#formPreSubmit').hide('fast');
          $('div#sidebarSignUp div#formThanks').show('fast');
            return true;
    }
}

function validateInputs(){
    var email = $('form#sidebarSignUpForm input#cons_email').val();
    var fname = $('form#sidebarSignUpForm input#cons_first_name').val();
    var lname = $('form#sidebarSignUpForm input#cons_last_name').val();
    var emailTest = validateEmail(email);
    if (fname =="" || fname == fNameVal ||  lname =="" || lname == lNameVal || !emailTest){
        if (fname =="" || fname == fNameVal ||  lname =="" || lname == lNameVal){
       	  		$('form#sidebarSignUpForm #formNotice').html('<span class="error">Please complete all fields</span>');
       		} else if (!emailTest){
       			$('form#sidebarSignUpForm #formNotice').html('<span class="error">Please enter  a valid email</span>');
       		}
       	    return false;
        }else{
            return true;
	   };
}
function validateHomeActionInputs(){
    var email = $('form#homepageAction input#email').val();
    var fname = $('form#homepageAction input#first_name').val();
    var lname = $('form#homepageAction input#last_name').val();
    var city = $('form#homepageAction input#city').val();
    var state = $('form#homepageAction select#state').val();
    var zip = $('form#homepageAction input#zip').val();
    var addr = $('form#homepageAction input#street').val();
    var title = $('form#homepageAction select#title').val();
    var emailTest = validateEmail(email);
    var zipTest = validateZIP(zip);
    if (fname =="" || fname == fNameVal ||  lname =="" || lname == lNameVal ||  title =="" || state =="" ||  addr =="" || addr == addressVal ||  zip =="" || zip == zipVal || !emailTest || !zipTest){
        if (fname =="" || fname == fNameVal ||  lname =="" || lname == lNameVal ||  title =="" || state =="" ||  addr =="" || addr == addressVal){
       	  		$('form#homepageAction #formNotice').html('<span class="error">Please complete all fields</span>');
       		} else if (!emailTest && !zipTest){
       			$('form#homepageAction #formNotice').html('<span class="error">Please enter a valid email and zip code</span>');
       			} else if (!emailTest){
       			$('form#homepageAction #formNotice').html('<span class="error">Please enter a valid email</span>');
       			} else if (!zipTest){
       			$('form#homepageAction #formNotice').html('<span class="error">Please enter a valid zip code</span>');
       		};
       	    return false;
        }else{
            return true;
	   };
}
function checkHomeSurveyForm(){
 var formTest = validateHomeSurveyInputs();
 if (!formTest){
     return false;
 }else{
  redirectvalidateHomeSurvey();   
 }

}

function validateHomeSurveyInputs(){
    var email = $('form#homepageActionSurvey input#email').val();
    var fname = $('form#homepageActionSurvey input#first_name').val();
    var lname = $('form#homepageActionSurvey input#last_name').val();
    var zip = $('form#homepageActionSurvey input#zip').val();
    var emailTest = validateEmail(email);
    var zipTest = validateZIP(zip);
    if (fname =="" ||  lname =="" || !emailTest || !zipTest){
   
        if (fname =="" || lname ==""){
       	  		$('form#homepageActionSurvey #formNotice').html('<span class="error">Please complete all fields</span>');
       		} else if (!emailTest && !zipTest){
       			$('form#homepageActionSurvey #formNotice').html('<span class="error">Please enter a valid email and zip code</span>');
       			} else if (!emailTest){
       			$('form#homepageActionSurvey #formNotice').html('<span class="error">Please enter a valid email</span>');
       			} else if (!zipTest){
       			$('form#homepageActionSurvey #formNotice').html('<span class="error">Please enter a valid zip code</span>');
       		};
       		 
       	    return false;
        }else{
        
            return true;
	   };
}

function redirectvalidateHomeSurvey(){
    window.location="http://www.fightingforair.org/spread-the-word/action_thanks.html";
}


function validateEmail(x){
	var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
	return false;
}else{
	return true;
	}

};
function validateZIP(field) {
var valid = "0123456789-";
var hyphencount = 0;

if (field.length!=5 && field.length!=10) {
return false;
}
for (var i=0; i < field.length; i++) {
temp = "" + field.substring(i, i+1);
if (temp == "-") hyphencount++;
if (valid.indexOf(temp) == "-1") {

return false;
}
if ((hyphencount > 1) || ((field.length==10) && ""+field.charAt(5)!="-")) {


return false;
   }
}

return true;
};


/***********************************************
* Random Content (from DIVs) script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

if (document.getElementById)
document.documentElement.className = 'jsclass'; //hide content for DOM capable browsers


var randomcontentdisplay={
	divholders:new Object(),
	masterclass: "randomcontent",

	init:function(){
		if (!document.getElementById)
			return
		var alldivs=document.getElementsByTagName("div")
		var randomcontentsearch=new RegExp(this.masterclass+"\\s+(group\\d+)", "i") //check for CSS class="randomcontent groupX" (x=integer)
		for (var i=0; i<alldivs.length; i++){
			if (randomcontentsearch.test(alldivs[i].className)){
				if (typeof this.divholders[RegExp.$1]=="undefined") //if array to hold this group of divs doesn't exist yet
					this.divholders[RegExp.$1]=new Array() //create array first
					this.divholders[RegExp.$1].push(alldivs[i]) //add this div to the array
			}
		}
	this.showone()
	},

	showone:function(){
		for (group in this.divholders){ //loop thru each array within object
			var chosenOne=Math.floor(Math.random()*this.divholders[group].length) //randomly pick one entry from array
			this.divholders[group][chosenOne].style.display="block" //display content corresponding to the chosen entry
		}
	}
}




