document.createElement('header');
document.createElement('nav');
document.createElement('article');
document.createElement('footer');

function popUp(url) {
sealWin=window.open(url,"win",'toolbar=0,location=0,directories=0,status=1,menubar=1,scrollbars=1,resizable=1,width=500,height=450');
self.name = "mainWin";
}
function GetProductUrl(sessionurl,storecode,prodcode,catId) {
   return (sessionurl + "Screen=PROD&Store_Code=" +  storecode + "&Product_Code=" +  prodcode  + "&CategoryID=" + catId + "&ScWidth=" +screen.width );
}

// these functions are all used by the blog signup lists
function ClickAll() 
{
	var NumBoxes  = document.editstuff.TagArray.length;
	var AllSet =false;
	if (document.editstuff.TELLALL.checked)
	{
		AllSet=true;

		for (i=0;i<NumBoxes;i++)
		{
		   document.editstuff.TagArray[i].checked=AllSet;
		}
	}
}
function ClickTag() 
{
	var NumBoxes  = document.editstuff.TagArray.length;
	var AllSet =0;
	for (i=0;i<NumBoxes;i++)
	{
	   if (document.editstuff.TagArray[i].checked)
	   {
		 AllSet=AllSet+1;
	   }
	}

	if (AllSet < NumBoxes)
	{
	   document.editstuff.TELLALL.checked=false;
	}
	else
	{
	   document.editstuff.TELLALL.checked=true;
	}
}

function UpdateProfile() 
{
	var ret_code = true;
	var NumBoxes  = document.editstuff.TagArray.length;
	var AllSet =0;
	for (i=0;i<NumBoxes;i++)
	{
	   if (document.editstuff.TagArray[i].checked)
	   {
		 AllSet=AllSet+1;
	   }
	}
	if (AllSet == 0)
	{
	   ret_code = confirm('No Blog Options are selected. We will be REMOVE YOU from our mailing list');	
	}
	return ret_code;
}
function AddValidate()
{
  	var ret_code = true;
	var NumBoxes  = document.editstuff.TagArray.length;
	var AllSet =0;
	for (i=0;i<NumBoxes;i++)
	{
	   if (document.editstuff.TagArray[i].checked)
	   {
		 AllSet=AllSet+1;
	   }
	}
	if (AllSet == 0)
	{
	   alert('Please check which types of blog entries you wish to be notified about or select \"All\".');	
	   ret_code = false;
	}
	return ret_code;

}
/****** initialize on load  ***/

function GoBack() 
{
   this.history.back();

}
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function removeWindow() 
{
   var popup = document.getElementById("popup");
   if (popup)
     popup.parentNode.removeChild(popup);

   return false;
}


/*****************************/
/*******new brows code **********************/
function manageEvent(eventObj, event, eventHandler) 
{
   if (eventObj.addEventListener) 
   {
      eventObj.addEventListener(event, eventHandler,false);
   } else if (eventObj.attachEvent) 
   {
      event = "on" + event;
      eventObj.attachEvent(event, eventHandler);
   }
}

function getInfo(evt) {

  evt = evt || window.event;

  var value;
    var rect;
  if (this.id == 'bbro' ) 
  {
    rect = this.getBoundingClientRect();
    var img = this.getElementsByTagName("IMG");
    value = img[0].src;
	showWindow(rect,value);
  } 
  else
  {
//    value = evt.srcElement.id;
//    var rcell = this.getElementsByID("TD").id;
//	if (rcell)
//	{
//	    rect = rcell.srcElement.getBoundingClientRect(); // pretty sure not working on ex 7
//	    value = img[0].src;
//		showWindow(rect,value);
//	}
  }
  return false;
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

/*
// process return
function showWindow(BoundRect,value) 
{
	var scrollvalue = getScrollXY();

     var left = (BoundRect.left+ scrollvalue[0]+50);
     var top = (BoundRect.top+ scrollvalue[1]+50);


     // create popup 
     var div = document.createElement("popup");
     div.id = "popup";

      myElement = document.createElement('img');


      myElement.src = value;
      div.appendChild(myElement);

     // style popup
     div.setAttribute("class","browsepopup");

	 var height = (myElement.height );
     var wwidth = (myElement.width );


     document.body.appendChild(div);
     div.setAttribute("style","left: " + left + "px ; top: " + top + "px ;  width: " + wwidth + "px ;  height: " + height +"px ;");

//     IE7
   if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) <= 7))
   {
     div.className="browsepopup";
     div.style.left=left + 'px' ;
     div.style.top = top + 'px' ;
     div.width = wwidth + 'px' ;
     div.height = height + 'px' ;
     }
}


*/

function InitializeEvents() 
{
/*
   var tle  =  document.getElementById('locbrowser');
   if (tle)
   {
	   var trows = tle.getElementsByTagName("tr");
	   if (trows)
	   {
			for (var i =0 ;i < trows.length; i++)
			{
  			   var tcell = trows[i].getElementsByTagName("td");
				for (var j =0 ;j < tcell.length; j++)
				{
               manageEvent(tcell[j],"mouseover",getInfo);
               manageEvent(tcell[j],"mouseout",removeWindow);

				}
			}
	   }
   }
   */
}

function addMyLoadEvent(func) 
{ 
    var oldonload = window.onload; 
    if (typeof window.onload != 'function') 
    { 
      window.onload = func; 
    } 
    else 
    { 
      window.onload = function() 
      { 
        if (oldonload) 
        { 
          oldonload(); 
        } 
        func(); 
      } 
    } 
}   

function EnlargeImage(evt)
{
  var target;
	if (!evt) var evt = window.event;
	if (evt.target)
   {
      target = evt.target;
   }
	else if (evt.srcElement) 
   {
      target = evt.srcElement;
   }
	if (target.nodeType == 3) // defeat Safari bug
   {
		target = target.parentNode;
   }

   if (target)
   {
      while (target && target.tagName != 'A')
      {
         target = target.parentNode;
      }
      if (target)
      {
         var popup = target.getElementsByTagName('span');
         if (popup)
	      {
            var newclass = '';
            if (popup[0].className == "SpanBlowup_show" )
            {
              newclass = "SpanBlowup_hide";
              StyleString="";
            }
            else
            {
              newclass = "SpanBlowup_show";
              var scrollvalue = getScrollXY();
              var left = scrollvalue[0]+100;
              var top =  scrollvalue[1];
              StyleString = "left: " + left + "px ; top: " + top + "px ; ";
            }
		      popup[0].className = newclass;
            popup[0].setAttribute("style",StyleString);
         }
		}
   }
   return true;
}

/********************************************************************************/
/**************** carving wizard stuff ******************************************/
/********************************************************************************/
function ShowShankInfo(mylink)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
href= '/Merchant/chartwizshanks.html';
window.open(href, 'dfgdfgdfg', 'width=400,height=200,scrollbars=yes');
return true;
}


function InitializeChartEvents() 
{
   var tle  =  document.getElementById('CarveChart');
   if (tle)
   {
	   var trows = tle.getElementsByTagName("tr");
	   if (trows)
	   {
			for (var i =0 ;i < trows.length; i++)
			{
  			   var tcell = trows[i].getElementsByTagName("td");
				for (var j =0 ;j < tcell.length; j++)
				{
	               manageEvent(tcell[j],"mouseover",getchartInfo);
		           manageEvent(tcell[j],"mouseout",removeWindow);
				}
			}
	   }
   }
}
/****** initialize on load  ***/
addMyLoadEvent(InitializeChartEvents); 

function getchartInfo(evt) {
  evt = evt || window.event;

  var value;
    var rect;
  if (this.id) 
  {
    value = this.id;
	ToolCloseUp(this);
  } 
  return false;
}


function PopupImageError() {

  this.src =  '/storeimages/carve/sweep_notfound.jpg';
  return true;
}


function ToolCloseUp(CellObj) 
{
  // if not a value product do nothing
  // put up full name, price, shank

    var BoundRect = CellObj.getBoundingClientRect();   // this is in relationship to the phsical window and does not include scroll
	var scrollvalue = getScrollXY();
     var left = (BoundRect.left) + scrollvalue[0]+10;
     var top = (BoundRect.top)+  + scrollvalue[1] + BoundRect.height +1;

	var RowLeader = CellObj.parentNode;
   
//   alert(CellObj.innerHTML);
	var ThisCellInput = CellObj.getElementsByTagName('input');

   var PartNo = ThisCellInput[0].value;
   var PartNoParts = ThisCellInput[0].value.split('.');


   var replaced = PartNoParts[1].replace('/', '-');

	var ShankName = RowLeader.cells[1].innerHTML ;
	var SweepName = RowLeader.cells[2].innerHTML;
	
	 var mystuff = ShankName + " " + SweepName;
     // create popup 
     var div = document.createElement("popup");
     div.id = "popup";
     div.setAttribute("class","browsepopup");
									  
     div.appendChild(document.createTextNode(PartNo));
     div.appendChild(document.createElement('br'))
      var txt = document.createTextNode(mystuff);
     div.appendChild(txt);
     div.appendChild(document.createElement('br'))
      myElement = document.createElement('img');				


//      myElement.src = value;
      myElement.src = "/storeimages/carve/sweep_" + SweepName + '-' + replaced + '.jpg';

      myElement.onerror=PopupImageError;
      myElement.onabort=PopupImageError;

      div.appendChild(myElement);
     // style popup

	 var height = (myElement.height ) + txt.height;
    var wwidth = (txt.width );
	 if (myElement.width > wwidth)
	 {
		wwidth = (myElement.width );
	 }

     document.body.appendChild(div);
     div.setAttribute("style","left: " + left + "px ; top: " + top + "px ;  width: " + wwidth + "px ;  height: " + height +"px ;");

//     IE7
//   if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) <= 7))
   if (true)
   {
     div.className="browsepopup";
     div.style.left=left + 'px' ;
     div.style.top = top + 'px' ;
     div.width = wwidth + 'px' ;
     div.height = height + 'px' ;
     }
}
/******************************************************************************/
