$(document).ready(function() {
    //share your story nav buttons
    $('a#beginSharing').livequery('click',function() {
        $(this).parent().parent().addClass('hideElement');
        $(this).parent().parent().parent().find('div#guide_blue').removeClass('hideElement');
        $(this).parent().parent().parent().find('div#story_guide').removeClass('hideElement');
        $(this).parent().parent().parent().find('div#story_guide').find('div#guide_post').removeClass('hideElement');
    });
    $('a#story_post').livequery('click',function() {
        $(this).parent().parent().parent().parent().parent().find('div#story_guide').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_guide').find('div#guide_post').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_guide').find('a#terms_open3').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_guide').find('a#terms_open2').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_terms').find('div#t_close3').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_terms').find('div#t_close').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#guide_blue').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_instructions').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_frame1').removeClass('hideElement');
    });
    var fname,lname,email,year,topic,story,photo;
    $('a#story_preview').livequery('click',function() {
        //validate form
        var bValid=true;
        var formDiv=$(this).parent().parent().parent().parent().parent().parent();
        
        
        //set field values
        fname=formDiv.find('input#story_fname').val();
        lname=formDiv.find('input#story_lname').val();
        email=formDiv.find('input#story_email').val();
        year=formDiv.find('input#story_year').val();
        topic=formDiv.find('select#story_condition').val();
        story=formDiv.find('textarea#yourstory').val();
        
        if(fname==''){
            bValid=false;
            formDiv.find('span#err_story_fname').css('display','block');
        }
        else{
            formDiv.find('span#err_story_fname').css('display','none');
        }
        if(lname==''){
            bValid=false;
            formDiv.find('span#err_story_lname').css('display','block');
        }
        else{
            formDiv.find('span#err_story_lname').css('display','none');
        }
        if(!year==''){
            for(var i=0;i < year.length; ++i){
               var new_key = year.charAt(i); //cycle through characters
               if(((new_key < "0") || (new_key > "9")) && !(new_key == "")){
                    bValid=false;
                    formDiv.find('span#err_story_year').css('display','none');
                    formDiv.find('span#err_story_year2').css('display','block');
                    break;
               }
            }
            if (bValid){
                if(year<1900 || year>2009){
                    bValid=false;
                    formDiv.find('span#err_story_year').css('display','none');
                    formDiv.find('span#err_story_year2').css('display','block');
                }
                else{
                    formDiv.find('span#err_story_year').css('display','none');
                    formDiv.find('span#err_story_year2').css('display','none');
                }
            }
        }
        else{
            bValid=false;
            formDiv.find('span#err_story_year').css('display','block');
            formDiv.find('span#err_story_year2').css('display','none');
        }
        if(topic==''){
            bValid=false;
            formDiv.find('span#err_story_topic').css('display','block');;
        }
        else{
            formDiv.find('span#err_story_topic').css('display','none');
        }
        if(story==''){
            bValid=false;
            formDiv.find('span#err_story_yourstory').css('display','block');
        }
        else{
            formDiv.find('span#err_story_yourstory').css('display','none');
        }
       if(!bValid)return;
       
       
        
        //display values
        formDiv.find('span#disp_story_fname').text(fname);
        formDiv.find('span#disp_story_lname').text(lname);
        formDiv.find('span#disp_story_year').text(year);
        formDiv.find('span#disp_story_topic').text(topic);
        formDiv.find('textarea#disp_previewstory').val(story);
        
        
        formDiv.find('div#story_frame1').addClass('hideElement');
        formDiv.find('div#story_frame2').removeClass('hideElement');
    });
    $('a#story_edit').livequery('click',function() {
        $(this).parent().parent().parent().parent().parent().find('div#story_frame2').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_frame1').removeClass('hideElement');
    });
    $('a#story_submit').livequery('click',function() {
        
        $(this).parent().parent().parent().parent().parent().find('div#story_instructions').addClass('hideInstructions');
        $(this).parent().parent().parent().parent().parent().find('div#story_instruction_copy').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_frame2').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_frame3').removeClass('hideElement');
        
        //save values to database
       $.ajax({
			type: "POST",
			url: "/handlers/share-your-story.ashx",
			data: "story_fname="+fname+"&story_lname="+lname+"&story_email="+email+"&story_year="+year+"&story_condition="+topic+"&yourstory="+story,
			success: function(msg){
				
		    }
		});
    
    });
    $('a#guide_open').livequery('click',function() {
        $(this).parent().parent().parent().parent().parent().find('div#story_guide').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#guide_blue').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_guide').find('div#guide_close2').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_terms').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_instructions').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_frame1').find('select#story_condition').css('display','none');
    });
    $('a#guide_close').livequery('click',function() {
        $(this).parent().parent().parent().parent().parent().find('div#story_guide').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#guide_blue').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_guide').find('div#guide_close2').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_instructions').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_frame1').find('select#story_condition').css('display','block');
    });
    $('a#terms_open').livequery('click',function() {
        $(this).parent().parent().parent().parent().parent().find('div#story_terms').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_instructions').find('p#utility-links').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_frame1').find('select#story_condition').css('display','none');
    });
    $('a#terms_close').livequery('click',function() {
        $(this).parent().parent().parent().parent().parent().find('div#story_terms').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_instructions').find('p#utility-links').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_frame1').find('select#story_condition').css('display','block');
    });
    $('a#terms_open2').livequery('click',function() {
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_terms').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_instructions').find('p#utility-links').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_instructions').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_guide').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().parent().find('div#guide_blue').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_guide').find('div#guide_close2').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_guide').find('div#guide_post').addClass('hideElement');
    });
    $('a#terms_open3').livequery('click',function() {
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_terms').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_terms').find('div#t_close3').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_instructions').find('p#utility-links').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().parent().find('div#story_instructions').removeClass('hideElement');
    });
    $('a#terms_close3').livequery('click',function() {
        $(this).parent().parent().parent().parent().parent().find('div#story_terms').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_terms').find('div#t_close3').addClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_instructions').find('p#utility-links').removeClass('hideElement');
        $(this).parent().parent().parent().parent().parent().find('div#story_instructions').addClass('hideElement');
    });
});