/*/////////////////////////////////////////////////////////////////////////////////////////
///////////////SHOW & HIDE FUNCTIONS DEPENDING ON OPTION SELECTED///////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
	
	function GenerateWidget()
	{
		
		var txtInput = document.getElementById('ClientIdTxtbx').value;
		var select1 = document.getElementById('NumImages').value;
		var select2 = document.getElementById('ImageScrolling').value;
		var select3 = document.getElementById('ImageSorted').value;
		var select4 = document.getElementById('ImageSize').value;
		var select5 = document.getElementById('ImageScrollDirection').value;
		var select6 = document.getElementById('ImageLayout').value;
					
		// Variables sent over URL...		
		// sorted
		// numImages
		// imageLayout
		// imageScrolling
		// imageSize
		// clientId
		
		//With Scrolling				
		if ((txtInput != "") && (select1 != "Select...") && (select2 != "Select...") && (select3 != "Select...") && (select4 != "Select...") && (select5 != "Select..."))
		{
					
			var long = document.getElementById('ImageSize').value * document.getElementById('NumImages').value + 45;
			var short = parseInt(document.getElementById('ImageSize').value) + 8;
			
			if ((select5 == "left") || (select5 == "right"))
			{
				short = parseInt(document.getElementById('ImageSize').value) + 21;
			}
			
			//Generate the Widget as user has set all required setting fields
			document.getElementById("txtHint").innerHTML="Widget Successfully Created (Scrolling)";
			var urlVariables = "<iframe frameborder='0' marginheight='0' marginwidth='0' src='";
			urlVariables = urlVariables + siteaddress + "widget/filmstrip/";
			urlVariables = urlVariables + "widget.php?sorted=" + document.getElementById('ImageSorted').value;
			urlVariables = urlVariables + "&clientIdTxtbx=" + document.getElementById('ClientIdTxtbx').value;
			urlVariables = urlVariables + "&numImages=" + document.getElementById('NumImages').value;
			urlVariables = urlVariables + "&imageScrolling=" + document.getElementById('ImageScrolling').value;
			urlVariables = urlVariables + "&imageSize=" + document.getElementById('ImageSize').value;
			urlVariables = urlVariables + "&long=" + long;
			urlVariables = urlVariables + "&short=" + short;
			urlVariables = urlVariables + "&imageScrollDirection=" + document.getElementById('ImageScrollDirection').value;			
			urlVariables = urlVariables + "' scrolling='no' style='margin: 0px 0px 0px 0px;' ";

			if ((document.getElementById('ImageScrollDirection').value == "left") || (document.getElementById('ImageScrollDirection').value == "right"))
			{	
				urlVariables = urlVariables +  "width='" + long + "' height='" + short + "'/>";
			}
			else if ((document.getElementById('ImageScrollDirection').value == "up") || (document.getElementById('ImageScrollDirection').value == "down")) 	
			{	
				urlVariables = urlVariables +  "width='" + short + "' height='" + long + "'/>";
			}

			var safariPrint = "<xmp>";
			var i=0;
			for (i=0;i<urlVariables.length;i++)
			{
				if ((i%60)==0)
				{
					safariPrint = safariPrint + "</xmp>\n<xmp>";
					safariPrint = safariPrint + urlVariables.substring(i,i+1);
				}
				else
				{
					safariPrint = safariPrint + urlVariables.substring(i,i+1);
				}
			}
			safariPrint = safariPrint + "</xmp>";
			
			document.getElementById("txtHint2").innerHTML=safariPrint;
			document.getElementById("displayArea").innerHTML=urlVariables;
		}
		
		//No Scrolling
		else if ((txtInput != "") && (select1 != "Select...") && (select2 != "Select...") && (select3 != "Select...") && (select4 != "Select...") && (select6 != "Select..."))
		{
			//Generate the Widget as user has set all required setting fields
			document.getElementById("txtHint").innerHTML="Widget Successfully Created (No Scrolling)";
			var urlVariables = "<iframe frameborder='0' marginheight='0' marginwidth='0' src='";
			urlVariables = urlVariables + siteaddress + "widget/filmstrip/";
			urlVariables = urlVariables + "widget.php?sorted=" + document.getElementById('ImageSorted').value;
			urlVariables = urlVariables + "&clientIdTxtbx=" + document.getElementById('ClientIdTxtbx').value;
			urlVariables = urlVariables + "&numImages=" + document.getElementById('NumImages').value;
			urlVariables = urlVariables + "&imageLayout=" + document.getElementById('ImageLayout').value; 
			urlVariables = urlVariables + "&imageScrolling=" + document.getElementById('ImageScrolling').value;
			urlVariables = urlVariables + "&imageSize=" + document.getElementById('ImageSize').value;
			urlVariables = urlVariables + "' scrolling='no' style='margin: 0px 0px 0px 0px;' ";
	
			var long = document.getElementById('ImageSize').value * document.getElementById('NumImages').value + 45;
			var short = parseInt(document.getElementById('ImageSize').value) + 13;
			
			if (document.getElementById('ImageLayout').value == "H")
			{	
				urlVariables = urlVariables +  "width='" + long + "' height='" + short + "'/>";
			}
			else if (document.getElementById('ImageLayout').value == "V") 	
			{	
				urlVariables = urlVariables +  "width='" + short + "' height='" + long + "'/>";
			}
			
			var safariPrint = "<xmp>";
			var i=0;
			for (i=0;i<urlVariables.length;i++)
			{
				if ((i%60)==0)
				{
					safariPrint = safariPrint + "</xmp>\n<xmp>";
					safariPrint = safariPrint + urlVariables.substring(i,i+1);
				}
				else
				{
					safariPrint = safariPrint + urlVariables.substring(i,i+1);
				}
			}
			safariPrint = safariPrint + "</xmp>";
			
			document.getElementById("txtHint2").innerHTML=safariPrint;
			document.getElementById("displayArea").innerHTML=urlVariables;
		}
		
		else
		{
			//User has not set all settings required for Widget generation
			document.getElementById("txtHint").innerHTML="Widget Not Created, Some Options Not Selected!";
		}

	}
	
	
	function Layout(str)
	{
		if (str == "Y")
		{
			document.getElementById('scrollDirection').style.visibility = "visible";
			document.getElementById('scrollDirection2').style.visibility = "visible";
			document.getElementById('layout').style.visibility = "hidden";
			document.getElementById('layout2').style.visibility = "hidden";
			document.getElementById('ImageLayout').value = "Select...";
		}
		
		else if (str == "N")
		{
			document.getElementById('scrollDirection').style.visibility = "hidden";
			document.getElementById('scrollDirection2').style.visibility = "hidden";
			document.getElementById('layout').style.visibility = "visible";
			document.getElementById('layout2').style.visibility = "visible";
			document.getElementById('ImageScrollDirection').value = "Select...";
		}
		
		else
		{
			document.getElementById('scrollDirection').style.visibility = "hidden";
			document.getElementById('scrollDirection2').style.visibility = "hidden";
			document.getElementById('layout').style.visibility = "hidden";
			document.getElementById('layout2').style.visibility = "hidden";
		}
	}