// Function to call with the data retrieved from the XML file	
function writeInText(tagId,phr){ 
  //alert(tagId.length + " | " + phr.length + " | " + atts.length);

	var right_braket = "]";
	var left_braket = "[";
	var close_tag = ">";
	var open_tag = "<";
	var tmp = "";
	for (k=0; k<phr.length; k++){	

        //alert(k+1 +"-"+ tagId[k] + " - " + phr.length + " : " + phr[k]);

		 $(tagId[k]).innerHTML =  phr[k];
		 
		 //if(phr[k].indexOf("pref")>0) alert(phr[k]);		 	
		 if($(tagId[k]).innerHTML.indexOf(right_braket)>0) {	
		 
		    if (navigator.appName.indexOf("Microsoft ")>=0) {
				
	          // individually change the tags.
						 tmp =  phr[k].replace(/\[p]/gi,"");	 
				     tmp =  tmp.replace(/\[\/p]/gi,"<br /><br />");
				     tmp =  tmp.replace(/\[strong]/gi,"<strong>");	 
				     tmp =  tmp.replace(/\[\/strong]/gi,"</strong>");	 
                     tmp =  tmp.replace(/\[br\s*\/?]/gi,"<br />");
				     //tmp =  tmp.replace(/\[br]/gi,"<br />");
				     tmp =  tmp.replace(/class="bullet"/gi," ");
				     tmp =  tmp.replace(/\[ul/gi,"");	 
				     //tmp =  tmp.replace(/\[br\s*\/?]/gi,"<br />");
				     // tmp =  tmp.replace(/ \]/gi,"");	 
				     tmp =  tmp.replace(/\[li/gi,"*");	 
				     //tmp =  tmp.replace(/\]/gi,">");	 
				     tmp =  tmp.replace(/\[ul class="bullet"]/gi,"");	 
				     tmp =  tmp.replace(/ul\]/gi,"ul>");	 
				     tmp =  tmp.replace(/\[\/li/gi,"<br />");
				     tmp =  tmp.replace(/\[\/ul/gi,"<br />");
						 tmp =  tmp.replace(/\[h4 class="seasonalColor"]/gi,"<br /><h4 class=\"seasonalColor\">");
             tmp =  tmp.replace(/\[\/h4]/gi,"</h4>");	
						 tmp =  tmp.replace(/\[h3 class="seasonalColor"]/gi,"<br /><h3 class=\"seasonalColor\">");
             tmp =  tmp.replace(/\[\/h3]/gi,"</h3>");	
						 tmp =  tmp.replace(/\[h2 class="seasonalColor"]/gi,"<br /><h2 class=\"seasonalColor\">");
             tmp =  tmp.replace(/\[\/h2]/gi,"</h2>");	 
					   tmp =  tmp.replace(/\[span style="font-size:10px;"]/g,"<span style=\"font-size:10px;\">");
					   tmp =  tmp.replace(/\[a/gi,"<a");
					   tmp =  tmp.replace(/\[\/a]/gi,"</a>");
						 tmp =  tmp.replace(/\]/gi,">");	 
				   
				 } else {
				     tmp =  phr[k].replace(/\[/gi,"<");		 
				     tmp =  tmp.replace(/\]/gi,">");				     
				 }
				 $(tagId[k]).innerHTML = tmp;	
		 }	
	}
}

function writeInProductDetail(prodTag,prodDesc,atts){ 
  //alert("tagIds = " + tagId);
	var iViews = new Array();
  //alert(tagId.length + " | " + phr.length + " | " + atts.length);
	for (k=0; k<prodDesc.length; k++){
	   //alert(k+1 +"-"+ tagId[k] + " - " + phr.length + " : " + phr[k]);
		 $('product_content').innerHTML = prodTag[k] +":<br />"+prodDesc[k];
		 iViews = atts[k].split(",");
		 
		 //clear all before filling in with new ones.
		 for (l=0; l<iViews.length; l++){$('product_view'+l).innerHTML = "";}
		 //fill in with new "Select Views" from XML
		 for (l=0; l<iViews.length; l++){
		    $('product_view'+l).innerHTML = "<img class='pointer' src='images/"+iViews[l]+".gif' onClick='showProductView(\""+iViews[l]+"\")>";
		 }
	}
}

function writeInProduct(prodTag,prodDesc,atts){ 
  //alert("tagIds = " + tagId);
  //alert(tagId.length + " | " + phr.length + " | " + atts.length);
	for (k=0; k<prodDesc.length; k++){
	   //alert(k+1 +"-"+ tagId[k] + " - " + phr.length + " : " + phr[k]);
		 $('product_content').innerHTML = prodTag[k] +":<br />"+prodDesc[k];
	}
}

function showProductView(itemImg){   $(product_image).src = "images/300x400/" + itemImg + ".png"; }

function showStaticContent( divId, page )
{
    if( page == "corporate" ) var listOfDivs = new Array('aboutUs', 'companyCareers', 'contactUs', 'locator', 'email', 'suitDrive');
    if( page == "howTo" ) var listOfDivs = new Array('multiSuit', 'wardrobeCurrent', 'polishLook', 'qualityShirt', 'packingSmart', 'dressCasual');
    if( page == "howToTux" ) var listOfDivs = new Array('chooseTux', 'wearPromHome', 'colorTux', 'formalFootwear', 'tux101', 'transGuide');

    // alert(listOfDivs.length+" | "+divId+" | "+page);

    listOfDivs.each(function ( index )
    {
        // hide all divs
        navname = "nav" + index;
        var ilink = $(navname.toString());
        if( ilink )
        {
            ilink.className = "";
        }
        var ielem = $(index);
        if( ielem )
        {
            ielem.style.display = "none";
        }
    });

    //  show the DIV we want
    var helem = $(divId.toString());
    if( helem )
    {
        helem.style.display = "block"
    }
    navname2 = "nav" + divId;
    var hlink = $(navname2.toString());
    if( hlink )
    {
        hlink.className = "seasonalBackground";
    }
    //alert(navname2);
}