/* global variables */
var vPosition = "I";
var vVertical = "T";
var vWindow = "_blank"
var vFacebook = true;
var vTwitter = true;
var vType= "html";
var vWordpressType = "com";
var vEmailType = "html";
thisWebsite = "http://www.avg.com/avg-share";
//var redirectPage = "r/";
/* **************** */

function resetUIOptions() {
	document.getElementById('i_noJavascript').style.display='none'; 

	var e=document.getElementsByTagName('input');var i=0;while(i<e.length){if(e[i++].type=='radio'){e[i-1].checked=false;}} ;
	document.getElementsByName('bWordpressType')[0].checked=true;
	document.getElementsByName('bEmailType')[0].checked=true;
	document.getElementsByName('bPosition')[0].checked=true;
	document.getElementsByName('bVertical')[0].checked=true;
	document.getElementsByName('bWindow')[0].checked=true;
	document.getElementById('bTwitter').checked=true;
	document.getElementById('bFacebook').checked=true;

	changeMenu('html');
}

function updateBadgeCode(){
	var vOutputCode="<div style='border:0;";
	var iTwitterBadge = "";
	var iFacebookBadge = "";

	switch (vPosition)
	{
		case 'L':
		case 'R':
			if (vPosition == 'L')
				vOutputCode+="position:fixed;left:0;";
			else
				vOutputCode+="position:fixed;right:0;";
				
			if (vTwitter == vFacebook)
				vOutputCode += (vVertical=='T') ? 'top:5%;' : (vVertical=='M') ? 'top:28%;' : 'bottom:5%;';
			else
				vOutputCode += (vVertical=='T') ? 'top:10%;' : (vVertical=='M') ? '38%;' : 'bottom:5%;';
			
			iTwitterBadge = "http://st1.avg.com/stc/tpl/crp/img/avg-share/tv.jpg";
			iFacebookBadge = "http://st1.avg.com/stc/tpl/crp/img/avg-share/fv.jpg";
			
			document.getElementById('s_htmlInlineType').innerHTML="just before the final &#60;/body&#62; tag in your website";
			document.getElementById('s_wordpressBadgeType1').innerHTML="underneath any other Widgets shown in this column";
			document.getElementById('s_typepadBadgeType').innerHTML="underneath any other Custom Sidebar code you may have previously created";
			document.getElementById('s_bloggerBadgeType').innerHTML="From the column on the right hand side of the page";
			document.getElementById('s_drupalBlockPosition').innerHTML="with no Title, anywhere";
			document.getElementById('s_drupalBodyPosition').innerHTML="right at the bottom of your HTML content";
			document.getElementById('s_otherBadgeType').innerHTML="into the HTML code for your site, either just before the &#60;/body&#62; tag at the end of the HTML code";
			break;

		case 'I': 
		default:
			vOutputCode+="text-align:center;";
			iTwitterBadge = "http://st1.avg.com/stc/tpl/crp/img/avg-share/th.jpg";
			iFacebookBadge = "http://st1.avg.com/stc/tpl/crp/img/avg-share/fh.jpg";
			document.getElementById('s_htmlInlineType').innerHTML = "into your website HTML in the position you would like to display the " + ((vTwitter==vFacebook) ? 'badges' : 'badge');
			document.getElementById('s_wordpressBadgeType1').innerHTML="and into the position where you would like to show your support for AVG";
			document.getElementById('s_typepadBadgeType').innerHTML="taking care to arrange the AVG badge code around any other Custom Sidebar code you may have previously added, in order to present the layout that you desire";
			document.getElementById('s_bloggerBadgeType').innerHTML="Choose the page area where you would like to add each AVG badge and";
			document.getElementById('s_drupalBlockPosition').innerHTML="at the Block Location you would like";
			document.getElementById('s_drupalBodyPosition').innerHTML="at the position you would like amongst your HTML content";
			document.getElementById('s_otherBadgeType').innerHTML="wherever you want the badge display to be, either inline in the HTML code itself";
			break;
	}

	document.getElementById('s_wordpressBadgeType2').innerHTML=document.getElementById('s_wordpressBadgeType1').innerHTML;

	vOutputCode += "'>";
	
	if (vTwitter)
	{
		vOutputCode += "<a href='";
		vOutputCode += thisWebsite;
		//vOutputCode += redirectPage;
		vOutputCode += "-twitter' target='"; /* twitter param */
		vOutputCode += vWindow;
		vOutputCode += "'><img src='";
		vOutputCode += iTwitterBadge;
		vOutputCode += "' alt='AVG on Twitter' border='none' /></a";
		vOutputCode += ">"; //Stunnix issue workaround
	
		document.getElementById('s_emailBadgeType').innerHTML="the Twitter badge";
	}
	
	if (vFacebook)
	{
		document.getElementById('s_emailBadgeType').innerHTML="the Facebook badge";
		if (vTwitter)
		{
			if (vPosition == 'I')
				vOutputCode += "&nbsp;";
			else
				vOutputCode += "<div style='height: 10px;'></br></div>";

			document.getElementById('s_emailBadgeType').innerHTML="each of the Twitter and Facebook badges individually";
		}
		vOutputCode += "<a href='";
		vOutputCode += thisWebsite;
		//vOutputCode += redirectPage;
		vOutputCode += "-facebook' target='"; /* facebook param */
		vOutputCode += vWindow;
		vOutputCode += "'><img src='";
		vOutputCode += iFacebookBadge;
		vOutputCode += "' alt='AVG on Facebook' border='none' /></a";
		vOutputCode += ">"; //Stunnix issue workaround
	}
	
	vOutputCode += "</div";
	vOutputCode += ">"; //Stunnix issue workaround


	/* Now update the 'form' UI to reflect the options selected */

	document.getElementById('dVertical').style.display = (vPosition=='I') ? 'none' : 'block';

	/* finally, update the output code - and use it to change the badge on this page */

	document.getElementById('badgeDiv').innerHTML=vOutputCode;

	
	document.getElementById('codebox').value=vOutputCode;
}

function changeMenu(item) {
	document.getElementById('bTwitter').focus();
	document.getElementById('bTwitter').blur();
	
	vType = item;

	switch (vType)
	{
		case 'html':
			document.getElementById('code_header').innerHTML="HTML badge code generated:";
			break;
		case 'wordpress':
			document.getElementById('code_header').innerHTML="Wordpress blog badge code generated:";
			switch (vWordpressType)
			{
				case 'com':
					// document.getElementById('code_header').innerHTML="HTML email signature badge code generated:";
					vType="wordpress.com";
					break;
				default:
					// document.getElementById('code_header').innerHTML="Email badge generated:";
					vType="wordpress.org";
					break;
			}
			break;
		case 'typepad':
			document.getElementById('code_header').innerHTML="Typepad blog badge code generated:";
			break;
		case 'blogger':
			document.getElementById('code_header').innerHTML="Blogger blog badge code generated:";
			break;
		case 'drupal':
			document.getElementById('code_header').innerHTML="Drupal CMS website badge code generated:";
			break;
		case 'other':
			document.getElementById('code_header').innerHTML="Custom blog/website HTML badge code generated:";
			break;
		case 'email':
			document.getElementsByName('bPosition')[0].checked=true;
			document.getElementsByName('bWindow')[0].checked=true;
			vPosition='I';
			vWindow='_blank';
			
			switch (vEmailType)
			{
				case 'html':
					document.getElementById('code_header').innerHTML="HTML email signature badge code generated:";
					vType="emailHTML";
					break;
				default:
					document.getElementById('code_header').innerHTML="Email badge generated:";
					vType="emailStandard";
					break;
			}
			break;
		default:
			break;
	}


	// Update the website / blog type selection menu
	document.getElementById('li_menu_html').setAttribute('class', (vType=='html')?'menu_html_current':'menu_html'); 
	document.getElementById('li_menu_html').setAttribute('className', (vType=='html')?'menu_html_current':'menu_html');
	document.getElementById('li_menu_wordpress').setAttribute('class', (item=='wordpress')?'menu_wordpress_current':'menu_wordpress');
	document.getElementById('li_menu_wordpress').setAttribute('className', (item=='wordpress')?'menu_wordpress_current':'menu_wordpress');
	document.getElementById('li_menu_typepad').setAttribute('class', (vType=='typepad')?'menu_typepad_current':'menu_typepad');
	document.getElementById('li_menu_typepad').setAttribute('className', (vType=='typepad')?'menu_typepad_current':'menu_typepad');
	document.getElementById('li_menu_blogger').setAttribute('class', (vType=='blogger')?'menu_blogger_current':'menu_blogger');
	document.getElementById('li_menu_blogger').setAttribute('className', (vType=='blogger')?'menu_blogger_current':'menu_blogger');
	document.getElementById('li_menu_drupal').setAttribute('class', (vType=='drupal')?'menu_drupal_current':'menu_drupal');
	document.getElementById('li_menu_drupal').setAttribute('className', (vType=='drupal')?'menu_drupal_current':'menu_drupal');
	document.getElementById('li_menu_other').setAttribute('class', (vType=='other')?'menu_other_current':'menu_other');
	document.getElementById('li_menu_other').setAttribute('className', (vType=='other')?'menu_other_current':'menu_other');
	document.getElementById('li_menu_email').setAttribute('class', (item=='email')?'menu_email_current':'menu_email'); 
	document.getElementById('li_menu_email').setAttribute('className', (item=='email')?'menu_email_current':'menu_email');

	// Only show the left/right floating options if the user can use them
	document.getElementById('pos_float').style.display=(item=='email')?'none':'inline'; 
	
	//only show the page launch type if the user can use it
	document.getElementById('dPageLaunch').style.display=(item=='email')?'none':'block';
	
	// Show the wordpress/email type selection, if one of the wordpress/email menus is selected
	document.getElementById('email_type').style.display=(item=='email')?'block':'none'; 
	document.getElementById('wordpress_type').style.display=(item=='wordpress')?'block':'none'; 

	// Show the HTML code box, if the user can use it
	document.getElementById('dCodeBox').style.display = (vType=="emailStandard") ? 'none' : 'block';

	// Show the correct instruction division
	document.getElementById('i_html').style.display=(vType=='html')?'block':'none'; 
	document.getElementById('i_wordpress_com').style.display=(vType=='wordpress.com')?'block':'none'; 
	document.getElementById('i_wordpress_org').style.display=(vType=='wordpress.org')?'block':'none'; 
	document.getElementById('i_typepad').style.display=(vType=='typepad')?'block':'none'; 
	document.getElementById('i_blogger').style.display=(vType=='blogger')?'block':'none'; 
	document.getElementById('i_drupal').style.display=(vType=='drupal')?'block':'none'; 
	document.getElementById('i_other').style.display=(vType=='other')?'block':'none'; 
	document.getElementById('i_email_html').style.display=(vType=='emailHTML')?'block':'none'; 
	document.getElementById('i_email_standard').style.display=(vType=='emailStandard')?'block':'none'; 

	updateBadgeCode();
}