// Function to call with the data retrieved from the XML file	
function writeInText( tagId, phr )
{
    for( var index = 0, limit = phr.length; index < limit; ++index )
    {
        var content = phr[index];
        if( content.include(']') )
        {
            content = content.gsub(/\[br\s*\/?]/i, '<br />');
            content = content.gsub(/\[/, '<');
            content = content.gsub(/\]/, '>');
        }
        var element = $(tagId[index]);
        if( element )
        {
            element.update().insert(content);
        }
    }
}

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.removeClassName('seasonalBackground');
        }
        var ielem = $(index);
        if( ielem )
        {
            ielem.hide();
        }
    });

    //  show the DIV we want
    var helem = $(divId.toString());
    if( helem )
    {
        helem.show();
    }
    navname2 = "nav" + divId;
    var hlink = $(navname2.toString());
    if( hlink )
    {
        hlink.addClassName('seasonalBackground');
    }
}

function subFirstSrc( element, pattern, replacement )
{
    var el = $(element);
    if( el )
    {
        var fd = el.firstDescendant();
        if( fd )
        {
            var src = fd.readAttribute('src');
            if( src )
            {
                src = src.sub(pattern, replacement);
                fd.writeAttribute({ 'src': src });
            }
        }
    }
}

function onOver( element )
{
    subFirstSrc(element, /_up/, '_over');
    subFirstSrc(element, /-up/, '-over');
}

function onOut( element )
{
    subFirstSrc(element, /_over/, '_up');
    subFirstSrc(element, /-over/, '-up');
}