/*contact form*/
function verifyemail(email){

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

}

function chfcontact(fa) {
    f = $(fa);

    if (f.name.value=='')  {
        $('err_name').set('html','Please enter your name!');
    } else {
         $('err_name').set('html','');
    }

    if (f.companyname.value=='')  {
        $('err_companyname').set('html','Please enter your company name!');
    } else {
         $('err_companyname').set('html','');
    }

    if (f.email.value!='') {
        if (!verifyemail(f.email.value))  {
            $('err_email').set('html','The email you have entered is not valid, please check that it is entered correctly.');
            b  = false;
        } else {
         $('err_email').set('html','');
        }
    }
    if (f.email.value=='') {
        $('err_email').set('html','Please insert your e-mail!');
        b  = false;
    }


    if (f.website.value=='')  {
        $('err_website').set('html','Please enter your website!');
    } else {
         $('err_website').set('html','');
    }

    if (f.phone.value=='')  {
        $('err_phone').set('html','Please enter your phone number!');
    } else {
         $('err_phone').set('html','');
    }

    if (f.feedback.value=='') {
        $('err_feedback').set('html','Please fill in your comment!');
    } else {
         $('err_feedback').set('html','');
    }

    

   return true;
}

/*our solutions*/
function loadIntoOurSol(v) {
    var s = new Request({
        url: 'v2templates/oursolutions_'+v+'.php',
        onSuccess: function(response) {
            $('contentx').set('html',response);
            $('lnk1').className = 'leftlink firstlink';
            $('lnk2').className = 'leftlink';
            $('lnk3').className = 'leftlink';
            $('lnk4').className = 'leftlink';
            if (v==1) {
                $('lnk1').className = 'leftlink firstlink link1active';
            } else {
                $('lnk'+v).className = 'leftlink link2active';
            }

        }
    }).send();
}

/*customer forgot password*/
var submitted = false;
function setfx() {

    if (!submitted) {
        $('feedback').submit();
    }

    submitted = true;

}
function setfxs() {

    if (!submitted) {
        submitted = true;
        return true;
    } else {
        submitted = true;
        return false;
    }



}

/*faq*/
function chf(f) {
    var b = true;
    if (f.name.value=='')  {
        $('err_name').set('html','Please enter your name!');
        b  = false;
    } else {
         $('err_name').set('html','');
    }

    
    if (f.companyname.value=='')  {
        $('err_companyname').set('html','Please enter your company name!');
        b  = false;
    } else {
         $('err_companyname').set('html','');
    }

    if (f.email.value!='') {
        if (!verifyemail(f.email.value))  {
            $('err_email').set('html','The email you have entered is not valid, please check that it is entered correctly.');
            b  = false;
        } else {
         $('err_email').set('html','');
        }
    }
    if (f.email.value=='') {
        $('err_email').set('html','Please insert your e-mail!');
        b  = false;
        }




    if (f.phone.value=='')  {
        $('err_phone').set('html','Please enter your phone number!');
        b  = false;
    } else {
         $('err_phone').set('html','');
    }

    if (f.feedback.value=='') {
        $('err_feedback').set('html','Please fill in your comment!');
        b  = false;
    } else {
         $('err_feedback').set('html','');
    }
    return b;

}

/* tester sign up */
 var trmaccepted = false;

/*sticky windows*/

var mystickywin = null;
var displ = false;
function showlearnmore(t) {

    if (!displ) {
        displ = true;

        mystickywin = new StickyWinModal.Ajax({ url: 'index.php?page=_modal&type=large&title=Terms of Use - Tester&pg=privacy_tester_content&add='+t}).update();
        mystickywin.addEvent("close",function() {
            clearCombos();
            displ = false;

        });
    }
}
function showlearnmoreclient(t) {
    mystickywin = new StickyWinModal.Ajax({ url: 'index.php?page=_modal&type=large&title=Terms of Use - Client&pg=privacy_client_content&add='+t}).update();
    mystickywin.addEvent("close",function() {
        clearCombos();
    });
}
function showjobdescription(t,title) {
    mystickywin = new StickyWinModal.Ajax({ url: 'index.php?page=_modal&type=large&title='+title+'&pg='+t}).update();
    mystickywin.addEvent("close",function() {
        clearCombos();
    });
}

function showterms(t) {
    mystickywin = new StickyWinModal.Ajax({ url: 'index.php?page=_modal&type=large&title=Terms of Use - Tester&pg=privacy_tester_content&add='+t}).update();
    mystickywin.addEvent("close",function() {
        clearCombos();
    });
}

function showtermsClient(t) {
    mystickywin = new StickyWinModal.Ajax({ url: 'index.php?page=_modal'+(t=='D'?'&noclose=true':'') +'&type=large&title=Terms of Use - Clients&pg=privacy_client_content&add='+t}).update();
    mystickywin.addEvent("close",function() {
        clearCombos();
    });
}

function showtermsClientD(t) {
    mystickywin = new StickyWinModal.Ajax({ url: 'index.php?page=_modal&type=large&title=Terms of Use - Clients&pg=privacy_client_content&add='+t}).update();
    mystickywin.addEvent("close",function() {
        clearCombos();
    });
}
function showtermsClientNC(t) {
    mystickywin = new StickyWinModal.Ajax({ url: 'index.php?page=_modal'+(t=='D'?'&noclose=true':'') +'&type=large&title=Terms of Use - Clients&pg=privacy_client_content&add='+t,modalOptions: {hideOnClick:false}}).update();
    mystickywin.addEvent("close",function() {
        clearCombos();
    });
}

function showtermsH(t) {
 
    mystickywin = new StickyWinModal.Ajax({ url: 'index.php?page=_modal&noclose=true&type=large&title=Terms of Use - Tester&pg=privacy_tester_content&add='+t,modalOptions: {hideOnClick:false} }).update();
    mystickywin.addEvent("close",function() {
        clearCombos();
    });
}

function showthankyou(r) {
   mystickywin = new StickyWinModal.Ajax({ url: r}).update();
}

var clickflowsticky = null;

function clearCombos() {
    var allCombos = $(document.body).getElements('select');

    for (i=0; i<allCombos.length; i++) {
        b = allCombos[i];
        b.setStyle('visibility','visible');
        b.setStyle('opacity','100');
    }
}

function closemodal () {
    //$('modalOverlay').destroy();$$('.StickyWinInstance').each(function(it) {it.destroy();});
    mystickywin.destroy();
    mystickywin = null;
    clearCombos();
    displ = false;

}

/* sample order form*/
function chfSample(f) {
    /*if (f.smp_name.value=='') {
        alert('Please enter your name');
        return false;
    }*/
    if (f.smp_firstname.value=='') {
        $('err_smp_firstname').set('html','Please enter your name!');

        //alert('Please insert your first name');
        //document.getElementById('captchaid').src='captcha/CaptchaSecurityImages.php?s=$rand&width=100&height=40&characters=5';
        //return false;
    } else {
         $('err_smp_firstname').set('html','');
    }


    if (f.smp_lastname.value=='') {
        $('err_smp_lastname').set('html','Please enter last name!');
        //alert('Please insert your last name');
       // document.getElementById('captchaid').src='captcha/CaptchaSecurityImages.php?s=$rand&width=100&height=40&characters=5';
       // return false;
    } else {
         $('err_smp_lastname').set('html','');
    }


    if (f.smp_mail.value!='') {
        if (!verifyemail(f.smp_mail.value))  {
            $('err_smp_mail').set('html','The email you have entered is not valid, please check that it is entered correctly.');
            b  = false;
        } else {
         $('err_smp_mail').set('html','');
        }
    }
    if (f.smp_mail.value=='') {
        $('err_smp_mail').set('html','Please insert your e-mail!');
        b  = false;
    }


    if (f.smp_phone.value=='') {
        $('err_smp_phone').set('html','Please insert your phone number');
        //alert('Please insert your phone number');
        //document.getElementById('captchaid').src='captcha/CaptchaSecurityImages.php?s=$rand&width=100&height=40&characters=5';
        //return false;
    } else {
         $('err_smp_phone').set('html','');
    }

    if (f.smp_site.value=='') {
        $('err_smp_site').set('html','Please provide the website you would like a sample Usability report for.');
       // alert('Please provide the website you would like a sample Usability report for.');
        //document.getElementById('captchaid').src='captcha/CaptchaSecurityImages.php?s=$rand&width=100&height=40&characters=5';
        //return false;
    } else {
         $('err_smp_site').set('html','');
    }
    /*if (f.smp_how.value=='') {
        alert('Please insert How did you hear about us');
        document.getElementById('captchaid').src='captcha/CaptchaSecurityImages.php?s=$rand&width=100&height=40&characters=5';
        return false;
    }*/

    return true;
}

/* home page*/
var duration = 3000;  /* 1000 millisecond fade = 1 sec */
      var steps = 20;       /* number of opacity intervals   */
      var delay = 5000;     /* 5 sec delay before fading out */
      var doz=1;
      var testimonials = new Array(2);
      testimonials[0] = new Array("Kate Taylor, Online Marketing Manager, Sydney Symphony","","\"I found Userlytics a quick and cost-efficient way to understanding how our over-55 demographic navigated our website.\"","pix/clients/sydney.jpg");
      testimonials[1] = new Array("Kevin Sigliano, Internet Marketing Consultant","","\"It is the perfect tool for usability testing. The results are fast and credible.\"","");
      testimonials[2] = new Array("Owner, Earthturns.com","","Userlytics&trade; gave us the opportunity to clearly see what our customers thought about our website.\"","pix/clients/earthturns.png");
      //testimonials[1] = new Array("CEO, Lilipip Studios","","\"Vital feedback\"","pix/clients/square.png");
      //testimonials[2] = new Array("Online Editor, Yogajournal.com","","\"Yields incredibly useful results\"","pix/clients/yoga.png");
      

      /* set the opacity of the element (between 0.0 and 1.0) */
      function setOpacity(level) {
        $('elemento').style.opacity = level;
        $('elemento').style.MozOpacity = level;
        $('elemento').style.KhtmlOpacity = level;

        $('elemento').style.filter = "alpha(opacity=" + (level * 100) + ");";
        $('elemento2').style.opacity = level;
        $('elemento2').style.MozOpacity = level;
        $('elemento2').style.KhtmlOpacity = level;
        $('elemento2').style.filter = "alpha(opacity=" + (level * 100) + ");";
        $('www').style.opacity = level;
        $('www').style.MozOpacity = level;
        $('www').style.KhtmlOpacity = level;
        $('www').style.filter = "alpha(opacity=" + (level * 100) + ");";
        $('elementoimg').style.opacity = level;
        $('elementoimg').style.MozOpacity = level;
        $('elementoimg').style.KhtmlOpacity = level;
        $('elementoimg').style.filter = "alpha(opacity=" + (level * 100) + ");";
      }

      function fadeIn(){
        for (i = 0; i <= 1; i += (1 / steps)) {
          setTimeout("setOpacity(" + i + ")", i * duration);
        }

        setTimeout("fadeOut()", delay);
      }

      function fadeOut() {

        for (i = 0; i <= 1; i += (1 / steps)) {
          setTimeout("setOpacity(" + (1 - i) + ")", i * duration);
        }


        setTimeout("popin()", duration);
        setTimeout("fadeIn()", duration);
      }

      function popin() {
        if(doz==3){doz=0;};
        $('elemento').set('html',testimonials[doz][2]);
        if (testimonials[doz][3]) {
            $('elemento').setStyle('width','');
            $('elementoimg').set('html','<img src="'+testimonials[doz][3]+'" border="0" />');

        } else {
            $('elemento').setStyle('width','400px');
            $('elementoimg').set('html',' ');
        }
        $('elemento2').set('html',testimonials[doz][1]);
        $('www').set('html',testimonials[doz][0]);
        
        doz++;
      }

/*main dom ready event listener*/
window.addEvent("domready",function() {

   /*for home page*/
   var tab = $('elemento');
   if (tab!=null) {
       fadeIn();
   }

   //store titles and text
	$$('a.tipz').each(function(element,index) {
		var content = element.get('title').split('::');
		element.store('tip:title', content[0]);
		element.store('tip:text', content[1]);
	});

	//create the tooltips
	var tipz = new Tips('.tipz',{
		className: 'tipz',
		fixed: true,
		hideDelay: 50,
		showDelay: 50
	});

 





        $$('.toautocomplete').each (function(item) {
            var bid = item.id.substring(0,item.id.length-3);
   
            var el = $(bid+'_disp');

            var tokens = [];
            var revtokens = [];
            for (i=0; i<item.options.length; i++) {
                revtokens[item.options[i].text] = item.options[i].value;
                tokens[tokens.length] = [item.options[i].text,item.options[i].value];
            }

            var completer1 = new Autocompleter.Local(el, tokens, {
                'delay': 100,
                'filterSubset':true,
                'forceSelect':true,
                'filterTokens': function() {
                    var regex = new RegExp('^' + this.queryValue.escapeRegExp(), 'i');
                    return this.tokens.filter(function(token){
                        return (regex.test(token[0]));
                    });
                },
                'injectChoice': function(choice) {
                    var ela = new Element('li')
                        .set('html', this.markQueryValue(choice[0]));
                        //.adopt(new Element('span', {'class': 'example-info'}).set('html',this.markQueryValue(choice[1])));
                    ela.inputValue = choice[0];

                    
                    this.addChoiceEvents(ela).injectInside(this.choices);
                },
                'onSelection': function(element, selected, value, input) {

                     if (value=='') {
                         $(bid).value = '';
                     } else {
                        $(bid).value=revtokens[value];

                        setEventMy(bid,revtokens[value],value);
                     }
                     savetempvar(bid,$(bid).value);
                     
                }

            });

            el.addEvent('blur',function() {
                if (el.value=='') {
                    $(bid).value = 0;
                }

            });
        });




    
});

function setEventMy(obid, val, disp) {
    if (obid=='country') {
        paises(val);
    }
}
      

/*useful functions*/
function show_special_object(name) {
    $(name).setStyle('display','block');
}
function hide_special_object(name) {
    $(name).setStyle('display','none');
}

/*sign up process*/
function loadLogForms() {
    $('frmlog').addEvent('submit', function(e) {

		if (e!=undefined) {

            e.stop();
        }
		this.set('send', {
			onSuccess: function(response,xmlr) {


				if (response!='') {

					document.location.reload();

				} else {
                    alert('You have entered an email and password combination that is not registered. If you are a new customer please fill in the fields below "New Customers" below. If you are an existing customer, please verify your email and password and try again, or click on "Forgot your Password" for a new one to be emailed to you.');
                }
			}});

		this.send();
	});

	$('confirmbuttonlog').addEvent('click',function() {
		$('frmlog').fireEvent('submit');
	});
}

function svprop(p) {
    var req = new Request( {
        url: 'actions/savesessionp.php?coupon='+p
    }).send();
}

function svprop_check(t) {
    if (t=='paymetod_coupon') {
        $('newcustsubmit').setStyle('display','block');
        $('regcustsubmit').setStyle('display','none');
    } else if(t=='paymetodh1')  {
        $('newcustsubmit').setStyle('display','none');
        $('regcustsubmit').setStyle('display','block');
    }
}


function loadPayForms() {



    $('frm').addEvent('submit', function(e) {

		if (e!=undefined) {
            e.stop();
        }
        $$('.errspan').set('html','');
		this.set('send', {
			onSuccess: function(response,xmlr) {
                var obj = null;
                 var p = 0;
               try {
                   obj = JSON.decode(response);
                   p = parseInt(obj.length);
               } catch(e) { }

               


                if (p>0) {

                    // sessionlost
                    if(obj[0]==""){
                    }

                    for (i=0; i<obj.length; i++) {
                         
                        $('err_'+obj[i].label).set('html',obj[i].text);
                    }
                    //alert('Please fill in all fields.');
                } else if (response.length<=5) {

                    $('paypalform').submit();
                    /*if($('paymetodh1').checked){
                        $('paypalform').submit();
                    }else if($('paymetod_coupon').checked){
                        $('paypalform').submit();
                    }else{
                        $('creditform').submit();
                    }*/
 


				} else if (response=="nosession") {
					alert("Sorry your session was lost, please redefine your test again.");
                    document.location.href="http://www.userlytics.com/software-usability/";
				} else if (response=="coupons") {
					alert('Sorry Rbut this coupon is not valid, try again.')
				} else if (response=="false") {
					alert('Please fill in all fields.')
				} else if (response=="termagree") {
					alert('You must accept the terms of use before completing your order.')
				} else if (response=="taxwrong") {
					alert('You must enter your VAT / CIF if you are residing in the European Union.')
                } else if (response=="emailinvalid") {
					alert('The email you have entered is not valid, please check that it is entered correctly.')
                } else if (response=="emailregistered") {
                    alert('The email you entered is already registered, please sign in as an existing customer.');

				} else if (response=="emailregisteredfull") {
                    alert('This email has been registered for a full test. Please login using your client login and password under "Existing Customers." If you´ve lost your password, enter your email in the "Forgot your Password" link and a new one will be emailed to you.');

				} else if (response=="emailregisteredsample") {
                    alert('This email has been registered for a sample test. Please login using your sample login and password under "Existing Customers." If you´ve lost your password, enter your email in the "Forgot your Password" link and a new one will be emailed to you.');

				} else if (response=="confirminvalid") {
					alert('You have incorrectly confirmed your e-mail')
				} else if (response=="emailinvalidconfirm") {
					alert('You have incorrectly confirmed your e-mail')
				} else {
                    alert(response);
                }
			}});

		this.send();
	});

	$('confirmbutton').addEvent('click',function() {
   
		$('frm').fireEvent('submit');
	});


}

function saveTempA(type,val,element) {
	freemem = false;
	var myRequest = new Request({method: 'get', url: 'actions/savedata.php'});
	if (type=='other') {
		var texts = "";
		$$('.addothertext').each(function(ot) {
			if (ot.value!='') {
				texts += ot.value + ',';
			} else {

				ot.destroy();
			}
		});
		myRequest.send('type='+type+'&value='+texts);
	} else {
		myRequest.send('type='+type+'&value='+val);
	}
	myRequest.addEvent('success',function(responseText, responseXML) {
        if (responseText) {
            $('bulksummary').set('html',responseText);
        }

	});

}

function validar(e) {
    tecla = (document.all) ? e.keyCode : e.which;
    if (tecla==8) return true; //Tecla de retroceso (para poder borrar)
    patron = /d/; //ver nota
    te = String.fromCharCode(tecla);
    return patron.test(te);
}


function validateStep(n,w) {
	if (w>=n) {
		var request = new Request({
			url: 'actions/validatestep.php?step='+n,
			onSuccess: function(responseText) {
				if (responseText!="true") {
                    var b = JSON.decode(responseText);
                    for (i=0; i<b.length; i++) {
                        $(b[i].id).set('html',b[i].text);
                    }
                    //$('err_email').set('html',responseText);
					//alert(responseText);
				} else {
					if(!w)
						n='';
					if(n!=w)
						n=w;
					location.href='/?page=purchase&step='+(n+1)+'&id=1';
				}
			}
        }).send();
    } else {
		location.href='/?page=purchase&step='+(w+1)+'&id=1';
    }
}


function validateStepA(n) {
    var request = new Request({
        url: 'actions/validatestep.php?step='+n,
        onSuccess: function(responseText) {
            if (responseText!="true") {
                alert(responseText);
            } else {
                location.href='/?pg=createtest'+(n+1);
            }
        }
    }).send();
}

 function agecup() {
    saveTemp('age[3]',0,'togglerage' );
    /*saveTemp('age[4]',0,'togglerage' );
    saveTemp('age[8]',0,'togglerage' );
    */
    saveTemp('age[10]',0,'togglerage' );
    document.getElementById('agex3').checked = false;
    /*document.getElementById('agex4').checked = false;
    document.getElementById('agex8').checked = false;
    */
   document.getElementById('agex10').checked = false;
}
function agecup0() {
    saveTemp('age[1]',0,'togglerage' );
    document.getElementById('agex1').checked = false;
}
function educup() {
/*    saveTemp('education[2]',0,'togglereducation' );
    saveTemp('education[3]',0,'togglereducation' );
    saveTemp('education[4]',0,'togglereducation' );
    saveTemp('education[5]',0,'togglereducation' );
*/
    saveTemp('education[6]',0,'togglereducation' );
    saveTemp('education[7]',0,'togglereducation' );
/*
    document.getElementById('educationx2').checked = false;
    document.getElementById('educationx3').checked = false;
    document.getElementById('educationx4').checked = false;
    document.getElementById('educationx5').checked = false;
*/
    document.getElementById('educationx6').checked = false;
    document.getElementById('educationx7').checked = false;
}
function educup0() {
    saveTemp('education[1]',0,'togglerage' );
    document.getElementById('educationx1').checked = false;
}

function employmentcup() {
//    saveTemp('employment[2]',0,'toggleremployment' );
//    saveTemp('employment[3]',0,'toggleremployment' );
//    saveTemp('employment[4]',0,'toggleremployment' );
    saveTemp('employment[5]',0,'toggleremployment' );
    saveTemp('employment[10]',0,'toggleremployment' );
    //saveTemp('employment[6]',0,'toggleremployment' );
//    document.getElementById('employmentx2').checked = false;
//    document.getElementById('employmentx3').checked = false;
//    document.getElementById('employmentx4').checked = false;
    document.getElementById('employmentx5').checked = false;
    //document.getElementById('employmentx6').checked = false;
    document.getElementById('employmentx10').checked = false;
}
function employmentcup0() {
    saveTemp('employment[1]',0,'toggleremployment' );
    document.getElementById('employmentx1').checked = false;
}

function familystatuscup() {
    saveTemp('familystatus[2]',0,'togglerfamilystatus' );
    saveTemp('familystatus[3]',0,'togglerfamilystatus' );
    document.getElementById('familystatusx2').checked = false;
    document.getElementById('familystatusx3').checked = false;
}

function familystatuscup0() {
    saveTemp('familystatus[1]',0,'togglerfamilystatus' );
    document.getElementById('familystatusx1').checked = false;
}
var freemem = true;

function savetempvar(name,value) {
    var myRequest = new Request({method: 'get', url: 'actions/saveuserprof.php'});

		myRequest.send('name='+name+'&value='+value);

}

function saveTemp(type,val,element) {
	freemem = false;
	var myRequest = new Request({method: 'get', url: 'actions/savedata.php'});
	if (type=='other') {
		var texts = "";
		$$('.addothertext').each(function(ot) {
			if (ot.value!='') {
				texts += ot.value + ',';
			} else {

				ot.destroy();
			}
		});
		myRequest.send('type='+type+'&value='+texts);
	} else {
		myRequest.send('type='+type+'&value='+val);
	}
	myRequest.addEvent('success',function(responseText, responseXML) {


	});


}
function settask(t) {
    var df = t.options[t.selectedIndex].value;
    $('descid').value = df;
    saveTemp('taskdesc1',df,'togglertask1' );
    saveTemp('taskt',1,'togglertask1' );
}
function usetaskx(dn) {
    var g1 = document.getElementById('descid');
    var g = g1.value;
    $('taskdesc1').value=g;
    saveTemp('taskdesc1',g,'togglertask1' );
}

/*questions*/
var selectedexample = [];

var questionexamples = [];
var leng = 0;

//1111111. question example - multiple, only 3 options
questionexamples[leng] = [];
questionexamples[leng]["type"] = 1;
questionexamples[leng]["desc"] = "In the past year, what products have you purchased online?";
questionexamples[leng]["text"] = "Allows testers to select more than one answer to a question. Can be analyzed with very little effort.";
questionexamples[leng]["opts"] = []
questionexamples[leng]["opts"][0] = "Entertainment (CD, DVD, etc.)";
questionexamples[leng]["opts"][1] = "Clothing";
questionexamples[leng]["opts"][2] = "Health & beauty";
questionexamples[leng]["opts"][3] = "Jewelry";
questionexamples[leng]["opts"][4] = "Food";

//2222222. question example - yes or no
leng++;
questionexamples[leng] = [];
questionexamples[leng]["type"] = 2;
questionexamples[leng]["desc"] = "Would you visit this site again?";
questionexamples[leng]["text"] = "Allows testers to choose either ¨Yes¨ or ¨No¨ to a question. Good for questions that involve very little critical thinking.";
questionexamples[leng]["opts"] = []


//3333333. question example - Single choice
leng++;
questionexamples[leng] = [];
questionexamples[leng]["type"] = 3;
questionexamples[leng]["desc"] = "Which area on our website did you feel needed the most improvement?";
questionexamples[leng]["text"] = "Single choice questions allow users to select the best answer from a series of answers.";
questionexamples[leng]["opts"] = []
questionexamples[leng]["opts"][0] = "Navigation";
questionexamples[leng]["opts"][1] = "Search process";
questionexamples[leng]["opts"][2] = "Registration";
questionexamples[leng]["opts"][3] = "Content";
questionexamples[leng]["opts"][4] = "Design";

//4444444. question example - Write in
leng++;
questionexamples[leng] = [];
questionexamples[leng]["type"] = 5;
questionexamples[leng]["desc"] = "What fields or part of the login/registration process did you feel were unnecessary or cumbersome? Please explain.";
questionexamples[leng]["text"] = "These types of questions give you more focused information to tasks and extract key suggestions, questions, and concerns that are most important to the tester.";
questionexamples[leng]["opts"] = []

//5555555. question example - Scale
leng++;
questionexamples[leng] = [];
questionexamples[leng]["type"] = 6;
questionexamples[leng]["desc"] = "On a Scale of 1 to 5, how would you rate our site´s design vs. our competitor XYZ?";
questionexamples[leng]["text"] = "Allows testers to answer a question on the basis of 1 (weakest) to 5 (strongest). Good for qualitative measurement.";
questionexamples[leng]["opts"] = []



var selectedquestion = null;

var showfirst = true;

window.addEvent("domready",function() {
    selectedquestion = $('quediv1');
    showexample();
    var myAccordion = new Accordion('.questiontrigger', '.questionelement',{
			onActive: function(toggler, element){
                selectedquestion = element;
            }
        });
    var myAccordion = new Accordion('.faq_toggler', '.faqelement',{
			onActive: function(toggler, element){
                selectedquestion = element;
            }
        });
   var myAccordion = new Accordion('.acctrigger', '.accelement', {
			onActive: function(toggler, element){

                if (showfirst) {
                     var b = element.getElement('.firstelement');
                } else {
                     var b = element.getElement('.lastelement');
                }
                   
                setTimeout(function() { b.focus(); },1000);
                toggler.getElement('.opentriggerspan').setStyle('visibility','hidden');
            },
            onBackground: function (toggler, element) {
                toggler.getElement('.opentriggerspan').setStyle('visibility','visible');
            }
        });
    $$('.acctrigger').each(function(it) {
        it.addEvent('click',function() {
            showfirst = true;
        });
    });
});

function activateRemark(id) {
    $('remark_arrow'+id).setStyle('visibility','visible');
    $('remark_content'+id).setStyle('visibility','visible');
    try {
        $('remark_contentx'+id).setStyle('visibility','visible');
    } catch(e) {}
}

function deactivateRemark(id) {
    $('remark_arrow'+id).setStyle('visibility','hidden');
    $('remark_content'+id).setStyle('visibility','hidden');
    try {
        $('remark_contentx'+id).setStyle('visibility','hidden');
    } catch(e) {}
}

function kpr(e,id,el) {
    if (e.keyCode==9 && e.shiftKey==false && el.hasClass("lastelement")) {
        showfirst = true;
        $('accblock'+id).fireEvent('click');        
    } else if (e.keyCode==9 && e.shiftKey==true && el.hasClass("firstelement")) {
        showfirst = false;
        $('accblock'+id).fireEvent('click');        
    }
    /*else if (el.hasClass("lastelement")) {
        var lg = el.value.length;
        if (lg == 1) {
            $('accblock'+id).fireEvent('click');     
        }
    }*/
}

function shw(id) {
    $('accblock'+id).fireEvent('click');
}

function swapanswers(n) {
	var sel = $('questiontype'+n);
	var pr = sel.getParent().getParent();
	var myElements = pr.getElements('.showhidelayer');

	var selected = sel.options[sel.selectedIndex].value;
	if (selected==1 || selected==3) {
		style = "visible";
	} else {
		style = "hidden";
	}

	myElements.each(function(item) {
		item.setStyle('visibility',style);
	});
 
}


function cleanque(dn) {
    selectedquestion.getElement('.quetype_ctrl').selectedIndex = 0;
    selectedquestion.getElement('.quetext_ctrl').value = '';
    for (i=0; i<5; i++) {
            selectedquestion.getElement('.queopt'+(i+1)+'_ctrl').value = '';
            saveTemp('question'+dn+'option'+(i+1),'','togglerquestion'+dn );
    }
    var selfield = selectedquestion.getElement('.quetype_ctrl');
    saveTemp('questiontype'+dn,1,'togglerquestion'+dn );
    var txtfield = selectedquestion.getElement('.quetext_ctrl');
    saveTemp('question'+dn,'','togglerquestion'+dn );
}

function usequestion(k) {
    var dn = selectedquestion.getElement('.divnum').value;
    var cx = selectedquestion.getElement('.quetype_ctrl');
    for (i=0; i<cx.options.length; i++) {
		if (cx.options[i].value==questionexamples[selectedexample[k]]["type"]) {
			selectedquestion.getElement('.quetype_ctrl').selectedIndex = i;
		}
    }

    if (questionexamples[selectedexample[k]]["opts"].length>0) {
        selectedquestion.getElement('.showhidelayer').setStyle('display','block');
    } else {
        selectedquestion.getElement('.showhidelayer').setStyle('display','none');
    }
    selectedquestion.getElement('.quetext_ctrl').value = questionexamples[selectedexample[k]]["desc"];
    for (i=0; i<5; i++) {
        if (questionexamples[selectedexample[k]]["opts"].length>i) {
            selectedquestion.getElement('.queopt'+(i+1)+'_ctrl').value = questionexamples[selectedexample[k]]["opts"][i];
            saveTemp('question'+dn+'option'+(i+1),questionexamples[selectedexample[k]]["opts"][i],'togglerquestion'+dn );
        } else {
            selectedquestion.getElement('.queopt'+(i+1)+'_ctrl').value = '';
            saveTemp('question'+dn+'option'+(i+1),'','togglerquestion'+dn );
        }

    }


    var selfield = selectedquestion.getElement('.quetype_ctrl');
    saveTemp('questiontype'+dn,questionexamples[selectedexample[k]]["type"],'togglerquestion'+dn );
    var txtfield = selectedquestion.getElement('.quetext_ctrl');
    saveTemp('question'+dn,txtfield.value,'togglerquestion'+dn );


}

function showexample() {
    var hk = 0;
    $$('.questionelement').each(function(it) {
        hk++;
        /*var addtxt = "<br/>";
        for (i=0; i<questionexamples[selectedexample[hk]]["opts"].length; i++) {
            addtxt += (i+1) + ") " + questionexamples[selectedexample[hk]]["opts"][i] + "<br/>";
        }*/
        selectedexample[hk]= it.getElement('.quetype_ctrl').selectedIndex;
        var addtxt = "<br/>";
        for (i=0; i<questionexamples[selectedexample[hk]]["opts"].length; i++) {
            addtxt += (i+1) + ") " + questionexamples[selectedexample[hk]]["opts"][i] + "<br/>";
        }
        it.getElement('.exampletext').set('html',questionexamples[selectedexample[hk]]["desc"] + addtxt);
        it.getElement('.examplehelp').set('html',questionexamples[selectedexample[hk]]["text"]);
    });    
}


function sampleactive(k){

   selectedexample[k] = selectedquestion.getElement('.quetype_ctrl').selectedIndex;


    var addtxt = "<br/>";
    for (i=0; i<questionexamples[selectedexample[k]]["opts"].length; i++) {
        addtxt += (i+1) + ") " + questionexamples[selectedexample[k]]["opts"][i] + "<br/>";
    }
    selectedquestion.getElement('.exampletext').set('html',questionexamples[selectedexample[k]]["desc"] + addtxt);
    selectedquestion.getElement('.examplehelp').set('html',questionexamples[selectedexample[k]]["text"]);

}

/*order summary*/
function paises(select){
   
    // Spain
    //#BELOW SECTION COMMENTED OUT TEMPORARILY UNTIL EU COUNTRY IS ISSUER
    /*if(select==215){
        $('vatnumber').setStyle('display', 'block');
        $('vate').setStyle('display', 'block');
        $('vate').innerHTML="CIF";
    }*/
    // Europe
    //#BELOW SECTION COMMENTED OUT TEMPORARILY UNTIL EU COUNTRY IS ISSUER
    /*
    else if(
    (select==18)||
        (select==25)||
        (select==38)||
        (select==62)||
        (select==63)||
        (select==73)||
        (select==79)||
        (select==80)||
        (select==100)||
        (select==81)||
        (select==83)||
        (select==87)||
        (select==90)||
        (select==108)||
        (select==114)||
        (select==116)||
        (select==130)||
        (select==136)||
        (select==137)||
        (select==165)||
        (select==105)||
        (select==86)||
        (select==187)||
        (select==191)||
        (select==201)||
        (select==221)||
        (select==241) ||
        (select==186) )
    {
        $('vatnumber').setStyle('display', 'block');
        $('vate').setStyle('display', 'block');
        $('vate').innerHTML="VAT(European Union residents only)";
        $('err_vatnumber').setStyle('display','block');
    }
    else{
        $('vatnumber').setStyle('display', 'none');
        $('vate').setStyle('display', 'none');
         $('err_vatnumber').setStyle('display','none');
    }*/

    if (select==242) {
        $('state_disp').value = '';
        $('state').value = ''
        $('state_disp').readOnly = false;
        $('state_disp').setStyle('color','#000000');
        savetempvar('cmp_state_disp','');
        savetempvar('cmp_state','');
    } else {
        $('state_disp').value = 'not applicable';
        $('state').value = 'not applicable';
        $('state_disp').readOnly = true;
        $('state_disp').setStyle('color','#aaaaaa');
        savetempvar('cmp_state_disp','not applicable');
        savetempvar('cmp_state','not applicable');
    }
    // Other
}

function setactive(n) {
    if (n==1) {
        $('taskbox1').className='taskbox taskbox_margin';
        $('taskbox2').className='taskbox taskbox_inactive taskbox_inactiveB';
    } else {
        $('taskbox1').className='taskbox taskbox_margin taskbox_inactive taskbox_inactiveB';
        $('taskbox2').className='taskbox ';
    }
}

function clstck() {


        clickflowsticky.destroy();

    
    clearCombos();
}

function lb_watch(urlx,xmlf,w,h) {
    try {
         clstck();

    }
    catch(e) {} 
    w = w!=null?w:700;
    h = h!=null?h:410;
     clickflowsticky = new StickyWinModal.Ajax(
            { url: '?page=_lightbox&sbp=watchhow&height='+h+'&width='+w,
                onDisplay: function() {
                  var flashvars = {
                  htmlPage: document.location,
                  settingsFile: "flash/"+(xmlf!=null?xmlf:"flash_howitworks_settings.xml")
                };
                var params = {
                  allowFullScreen: "true"
                };

                swfobject.embedSWF("http://"+urlx+"/videoPlayer.swf", "videoPlayer", w, h, "9.0.115", "expressInstall.swf", flashvars, params);

                },
                onClose: function() {
                    clstck();
                }
        }).update();
}


function lb_how( ) {

    crx = 0;
    cntrx = 0;
    try {
         clstck();

    }
    catch(e) {}

    var szd = document.getSize();


     clickflowsticky = new StickyWinModal.Ajax(
            { url: 'customerEnvironment/dynamicreports/lightbox_howitworks.php?height='+(szd.y-60)+'&width='+(szd.x-110) 
            ,
            onDisplay: function() {
               // console.log($$('.slideshowelements').length);
               var imgs = [];
               var thmb = [];
               var wrt = [];
               cntrx = $$('.slideshowelements').length;

                $$('.slideshowelements').each(function(it) {
                    it.setStyle('display','none');
                    var lk = imgs.length;
                    imgs[lk] = it.get('html');


                });


                $('clickflowcont').set('html',imgs[0]);

                $('imgprev').addEvent('click',function() {
                    if (crx>0) {
                        crx--;

                        $('clickflowcont').set('html',imgs[crx]);
                    }
                });
                $('imgnext').addEvent('click',function() {

                    if ( crx < (cntrx-1) ) {
                        crx++;
                          
                        $('clickflowcont').set('html',imgs[crx]);
                    }
                });
            },
            onClose: function() {
                clstck();
            }
        }).update();




}

function checkHighest(o) {
    if (o.checked) {
        saveTemp('highestrated',1,'toggleremployment' );
        $('demogdefinition').setStyle('display','none');
    } else {
        saveTemp('highestrated',0,'toggleremployment' );
        $('demogdefinition').setStyle('display','block');
    }
}