panelContent="";
function createPanel(parentId,divToChange,altSku) {
    if(altSku==1){
        headerContent='Item varies from the product shown in the room design';
    }else{headerContent=' ';}
    footerContent=buildPanelButtons(parentId.substr(0,5),divToChange);
    //footerContent='<table id="panelButtons" style="border-top:1px solid #CCCCCC;width:662px;">';
    //footerContent+= '<tr><td class=\"disclaimer\">USE SCROLL BAR ON RIGHT TO VIEW MORE INFO.</td><td style="text-align:right;padding-top:5px;">';
    //footerContent+= '<input type="hidden" id="divToChange" value="'+divToChange+'" />';
    //footerContent+='<a onClick="closePanel();"><img src="images/media/designer_room/btn_cancel.gif"></a> ';
    //footerContent+='<a onClick="applyItemChanges();"><img src="images/media/designer_room/btn_update_item.gif"></a> ';
    //footerContent+='</td></tr></table><!-- end panelButtons id -->';
    YAHOO.namespace("example.container");
    if (!YAHOO.example.container.testPanel) {
        // Initialize the temporary Panel to display while waiting for external content to load
        YAHOO.example.container.testPanel = 
                new YAHOO.widget.Panel("testPanel",  
                                                { close:true,
                                                draggable: false,
                                                zindex:4,
                                                modal: true,
                                                visible: false,
                                                fixedcenter:true
                                                } //context:["pageBody","tl","tl"]
                                            );
        YAHOO.example.container.testPanel.setHeader(headerContent);
        YAHOO.example.container.testPanel.setBody(panelContent);
        
        YAHOO.example.container.testPanel.setFooter(footerContent);
        YAHOO.example.container.testPanel.render(document.body);
        
    }
    else{
        YAHOO.example.container.testPanel.setHeader(headerContent);
        YAHOO.example.container.testPanel.setBody(panelContent);
        YAHOO.example.container.testPanel.setFooter(footerContent);
    }
    // Show the Panel
    YAHOO.example.container.testPanel.show();
}
function buildLoadingPanel(){
    var message='<img src=\"images/media/designer_room/upload.gif\" alt=\"We are adding the items to your cart.\" />';
    YAHOO.namespace("example.container");
        // Initialize the temporary Panel to display while waiting for external content to load
        YAHOO.example.container.loadingPanel = 
                new YAHOO.widget.Panel("loadingPanel",  
                                                { close:false,
                                                draggable: false,
                                                zindex:4,
                                                modal: true,
                                                visible: false,
                                                fixedcenter:true
                                                } //context:["pageBody","tl","tl"]
                                            );
        //YAHOO.example.container.loadingPanel.setHeader('');
        YAHOO.example.container.loadingPanel.setBody(message);       
        //YAHOO.example.container.loadingPanel.setFooter('');
        YAHOO.example.container.loadingPanel.render(document.body);
        
    // Show the Panel
    YAHOO.example.container.loadingPanel.show();
}


function displayPanel(parentId,spec1,spec2,divToChange,altSku,qty){
    panelContent="";
    var panelCallback = {
      success : function(o) { 
        panelContent= o.responseText;       
        createPanel(parentId,divToChange,altSku);
      },
      failure : function(o) {
        panelContent='<p>Ajax connection failed.</p><a onclick="YAHOO.example.container.testPanel.hide();"><img src="images/media/close_window_btn.gif"></a>';
        createPanel(parentId,divToChange);
      }
    }
    // Connect to our data source and load the data
    var conn = YAHOO.util.Connect.asyncRequest("GET", base+'detailRequest.php?item='+parentId+'&spec1='+spec1+'&spec2='+spec2+'&data=newPanel&divToChange='+divToChange+'&alt='+altSku+'&qty='+qty, panelCallback);
    sendOmnitureTracking(parentId.substr(0,5),divToChange);
}
function closePanel(){
    YAHOO.example.container.testPanel.hide();
}
function applyItemChanges(){
    var qtyArray = document.getElementsByName('quantity[]');
    var cnt = 0;
    for (i = 0; i < qtyArray.length; i++){
        if(qtyArray[i].value!="" && qtyArray[i].value > 0){
            if(cnt == 0){
                updateItem(i,qtyArray[i].value);
            }
            else{
                addItem(i,qtyArray[i].value);
                updateNumItems();
            }           
            cnt++;
        }
    }
    if (cnt > 0){
        YAHOO.example.container.testPanel.hide();
    }
    else{alert("Please enter a quantity to make a selection.");}
}
function updateItem(updateIndex,qty){
    var divNumberToChange = document.getElementById('divToChange').value;
    var sku=document.getElementById('addeditem').value;
    sku+=document.getElementById('color_desc'+updateIndex).value;
    sku+=document.getElementById('size_desc'+updateIndex).value;
    //alert(sku);
    var updateItemCallback = {
      success : function(o) {
        var divToChange = document.getElementById('changeItem_'+divNumberToChange);
        divToChange.innerHTML= o.responseText;
        //updateRoomTotal();
        updateSelectedTotal();
      },
      failure : function(o) {
        alert("Item update did not complete.  Please try again.");
        //YAHOO.example.container.testPanel.hide();
      }
    }
    // Connect to our data source and load the data
    var conn = YAHOO.util.Connect.asyncRequest("GET", base+'designRoom.php?updateItem='+sku+'&qty='+qty+'&cnt='+divNumberToChange, updateItemCallback);
}
function addItem(addIndex,qty){
    var itemNumber=parseInt(document.getElementById('numItems').value)+1;
    var sku=document.getElementById('addeditem').value;
    sku+=document.getElementById('color_desc'+addIndex).value;
    sku+=document.getElementById('size_desc'+addIndex).value;
    //alert(sku);
    var createItemCallback = {
      success : function(o) {
        var itemContainer = document.getElementById('roomItems');
        var newDiv = document.createElement('div');
        newDiv.className="roomItem";
        newDiv.innerHTML=o.responseText;
        itemContainer.appendChild(newDiv);
        //updateRoomTotal();
        updateSelectedTotal();
      },
      failure : function(o) {
        alert("Item update did not complete.  Please try again.");
        //YAHOO.example.container.testPanel.hide();
      }
    }
    // Connect to our data source and load the data
    var conn = YAHOO.util.Connect.asyncRequest("GET", base+'designRoom.php?createItem='+sku+'&qty='+qty+'&cnt='+itemNumber, createItemCallback);
}
function updateNumItems(){
    var numItemsElement=document.getElementById('numItems');
    numItemsElement.value=parseInt(numItemsElement.value)+1;
}
function updateRoomTotal(){
  var roomTotal=0;
  var costArray = document.getElementsByName('itemSubTotal[]');
  for (i = 0; i < costArray.length; i++){
    roomTotal=roomTotal + parseFloat(costArray[i].value);
  }
  var roomTotalSpan=document.getElementById('roomTotal');
  roomTotalSpan.innerHTML=formatAsMoney(roomTotal);
}
function updateSelectedTotal(){
  var selTotal=0;
  var costArray = document.getElementsByName('itemSubTotal[]');
  var selArray = document.getElementsByName('addItems[]');
  for (i = 0; i < costArray.length; i++){
    if(selArray[i].checked == true){
        selTotal=selTotal + parseFloat(costArray[i].value);
    }
  }
  selTotal=formatAsMoney(selTotal);
  var topTotal=document.getElementById('selectedTotalTop');
  var btmTotal=document.getElementById('selectedTotalBtm');
  topTotal.innerHTML=selTotal;
  btmTotal.innerHTML=selTotal;
}
function formatAsMoney(num) {    
    num = num.toString().replace(/\$|\,/g,'');
    if(isNaN(num))
    num = "0";
    sign = (num == (num = Math.abs(num)));
    num = Math.floor(num*100+0.50000000001);
    cents = num%100;
    num = Math.floor(num/100).toString();
    if(cents<10)
    cents = "0" + cents;
    for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
    num = num.substring(0,num.length-(4*i+3))+','+
    num.substring(num.length-(4*i+3));
    return (((sign)?'':'-') + '$' + num + '.' + cents);
}
function selectAllItemsToggle(toggle){
    var toggleArray=document.getElementsByName('selectAllItems');
    var selArray = document.getElementsByName('addItems[]');
    if(toggle==true){
        for (i = 0; i < selArray.length; i++){selArray[i].checked = true;}
        for (i = 0; i < toggleArray.length; i++){toggleArray[i].checked = true;}
    }
    else{
        for (i = 0; i < selArray.length; i++){selArray[i].checked = false;}
        for (i = 0; i < toggleArray.length; i++){toggleArray[i].checked = false;}
    }
    updateSelectedTotal();
}
function buildPanelButtons(baseId, divToChange){
    var str='<table id="panelButtons" style="border-top:1px solid #CCCCCC;width:662px;">';
    str+= '<tr><td class=\"disclaimer\">USE SCROLL BAR ON RIGHT TO VIEW MORE INFO.</td><td style="text-align:right;padding-top:5px;">';
    str+= '<input type="hidden" id="divToChange" value="'+divToChange+'" />';
    str+='<a onClick="closePanel();"><img src="images/media/designer_room/btn_cancel.gif"></a> ';
    str+='\n<a onClick="applyItemChanges();\n';
    if(liveSite==1){str+="var s=s_gi('hdprod');\n";}
    else{str+="var s=s_gi('hddev');\n";}
    str+="s.linkTrackVars='events,products,eVar16';\n";
    str+="s.linkTrackEvents='event14';\n";
    str+="s.events='event14';\n";
    str+="s.eVar16='see more options';\n";
    str+="s.products=';"+baseId+";;;;evar14=see more options';\n";
    str+="s.tl(true,'o','Update Item');\n";
    str+='">\n<img src="images/media/designer_room/btn_update_item.gif"></a> ';
    str+='</td></tr></table><!-- end panelButtons id -->';
    return str;
}
function sendOmnitureTracking(baseId,divToChange){
    var longDesc=document.getElementById('longDesc'+divToChange).value;
    if(liveSite==1){var s=s_gi('hdprod');}
    else{s=s_gi('hddev');}
    s.pageName='your room-our design:'+roomTypeName+':'+roomName+':'+longDesc;
    s.channel='your room-our design';
    s.prop3=roomTypeName;
    s.prop4=roomName;
    s.prop5='pop-up';
    s.events='prodView,event2';
    s.products=';'+baseId;
    s.t();
    //alert('pageName='+s.pageName+'\nchannel='+s.channel+'\nprop3='+s.prop3+'\nprop4='+s.prop4+'\nprop5='+s.prop5+'\nevents='+s.events+'\nproducts='+s.products);
}
function setUpRolloversAndLinks(){
    var setDisplayPanel=function(e) {
        p=this.id.substr(0,this.id.indexOf("-"));
        for(i=0; i < roomItems.length ;i++){
          if(roomItems[i]["parentId"] == p){
            displayPanel(p,roomItems[i]["specOne"],roomItems[i]["specTwo"],roomItems[i]["changeDiv"],roomItems[i]["altSku"],roomItems[i]["qty"]);
          }
        }
    }
    
    var toolTipIds= new Array();
    var maps = document.getElementsByTagName("AREA");
    
    for(i=0; i < maps.length ;i++){
        if(maps[i].id !=''){
      toolTipIds.push(maps[i].id);
      YAHOO.util.Event.addListener(maps[i].id, "click", setDisplayPanel);
        }
    }
    var toolTipObj = new YAHOO.widget.Tooltip("toolTipObj", {context:toolTipIds});
    
    toolTipObj.contextMouseOverEvent.subscribe(
        function(type, args) {
            var context = args[0];
            var parentId = context.id.substr(0,context.id.indexOf("-"));
            var found=false;
            for(i=0; i < roomItems.length ;i++){
                if(roomItems[i]["parentId"] == parentId){
                  found=true;
                }
            }
            return found;
        }
    );

    
    toolTipObj.contextTriggerEvent.subscribe(
			function(type, args) {
				var context = args[0];
        var parentId = context.id.substr(0,context.id.indexOf("-"));
        var ttText ="";
        for(i=0; i < roomItems.length ;i++){
          if(roomItems[i]["parentId"] == parentId){
            ttText=roomItems[i].longDesc + "<br /><span style=\"color:#C36913;font-weight:bold;\">" + roomItems[i].price +"</span>";
          }
        }
				this.cfg.setProperty("text", ttText);
			}
		);

}

//YAHOO.util.Event.onDOMReady(updateSelectedTotal);