// JavaScript Document

//var Totalcat = new Array // concatinage of 2 tables
var NameCat=new Array; // Name of the categories 
var IDCat = new Array; // Id of the categories 
var c=1; //Counter
var index=1; //Counter
var EndLeft=0; //Counter
var ContentProd; //Layer content
var Temp; 
var Temp2;

// Initialize First cat by default 
Temp=LCategories[c].split('^');
IDCat[0]=Temp[0];
NameCat[0]=Temp[1];
Temp2=IDCat[0];


// get the name and id of the Left Cat
while( c < LCategories.length){
	Temp=LCategories[c].split('^');
		if(Temp[0]!=Temp2){
		IDCat[index]=Temp[0];
		NameCat[index]=Temp[1];
		Temp2=Temp[0]
		index+=1;
		EndLeft=index;
	}
	c+=1;
}

// get the name and id of the Right Cat
var c=0;
while( c < RCategories.length){
	    Temp=RCategories[c].split('^');
		if(Temp[0]!=Temp2){
		IDCat[index]=Temp[0];
		NameCat[index]=Temp[1];
		Temp2=Temp[0]
		index+=1;
	}
	c+=1;
}

// Add the 2 Cat in one array 
var j=0;
var tempCounter=0;

for(i=0;i<LCategories.length;i++){
	Totalcat[tempCounter]=LCategories[i];
	tempCounter+=1;
}
for(i=0;i<RCategories.length;i++){
	Totalcat[tempCounter]=RCategories[i];
	tempCounter+=1;
}	

//right the left Menu
function HomeLeft(){
document.write('<table border="0" cellspacing="0" cellpadding="0">');
for (i=0;i<EndLeft;i++){
	document.write('<tr>');
	document.write('<td height="17" align="right" class="menu" onMouseOver="this.bgColor=\'#95B81A\'" onMouseOut="this.bgColor=\'\'" id="m'+IDCat[i]+'" onClick="ShowProd('+IDCat[i]+')">'+NameCat[i]+'<img src="images/bull.gif" width="12" height="12" hspace="1" align="absmiddle"></td>');
	document.write('</tr>');
	if(i!=EndLeft-1){
		document.write('<tr>');
		document.write('<td align="right" class="menu"><img src="images/sep1.jpg"></td>');
		document.write('</tr>');
	}
}
document.write('</table>')
}

//right the rigth Menu
function HomeRight(){
document.write('<table border="0" cellspacing="0" cellpadding="0">');
for (i=EndLeft;i<NameCat.length;i++){
	document.write('<tr>');
	document.write('<td height="17" align="left" class="menu" onMouseOver="this.bgColor=\'#95B81A\'" onMouseOut="this.bgColor=\'\'" id="m'+IDCat[i]+'" onClick="ShowProd('+IDCat[i]+')"><img src="images/bull.gif" width="12" height="12" hspace="1" align="absmiddle">'+NameCat[i]+'</td>');
	document.write('</tr>');
	if(i!=NameCat.length-1){
		document.write('<tr>');
		document.write('<td><img src="images/sep2.jpg" width="106" height="1"></td>');
		document.write('</tr>');
	}
}
document.write('</table>')
}


// begin absolutely positioned scrollable area object scripts 
// Extension developed by David G. Miles 
// Original Scrollable Area code developed by Thomas Brattli 
function verifyCompatibleBrowser(){ 
    this.ver=navigator.appVersion 
    this.dom=document.getElementById?1:0 
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
    this.ie4=(document.all && !this.dom)?1:0; 
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
 
    this.ns4=(document.layers && !this.dom)?1:0; 
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) 
    return this 
} 
bw=new verifyCompatibleBrowser() 
 
 
var speed=50 
 
var loop, timer 
 
function ConstructObject(obj,nest){ 
    nest=(!nest) ? '':'document.'+nest+'.' 
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; 
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; 
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight 
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight 
    this.up=MoveAreaUp;this.down=MoveAreaDown; 
    this.MoveArea=MoveArea; this.x; this.y; 
    this.obj = obj + "Object" 
    eval(this.obj + "=this") 
    return this 
} 
function MoveArea(x,y){ 
    this.x=x;this.y=y 
    this.css.left=this.x 
    this.css.top=this.y 
} 
 
function MoveAreaDown(move){ 
	if(this.y>-this.scrollHeight+objContainer.clipHeight){ 
    this.MoveArea(0,this.y-move) 
    if(loop) setTimeout(this.obj+".down("+move+")",speed) 
	} 
} 
function MoveAreaUp(move){ 
	if(this.y<0){ 
    this.MoveArea(0,this.y-move) 
    if(loop) setTimeout(this.obj+".up("+move+")",speed) 
	} 
} 
 
function PerformScroll(speed){ 
	if(initialised){ 
		loop=true; 
		if(speed>0) objScroller.down(speed) 
		else objScroller.up(speed) 
	} 
} 
 
function CeaseScroll(){ 
    loop=false 
    if(timer) clearTimeout(timer) 
} 
var initialised; 

function InitialiseScrollableArea(){ 
    objContainer=new ConstructObject('divContainer') 
    objScroller=new ConstructObject('divContent','divContainer') 
    objScroller.MoveArea(0,0) 
    objContainer.css.visibility='visible' 
    initialised=true; 
} 
// end absolutely positioned scrollable area object scripts


// snap the layer 
function Snap(){
		P7_Snap('snap','Prod',0,0)
}

function MM_displayStatusMsg(msgStr) { //v1.0
  status=msgStr;
  document.MM_returnValue = true;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function P7_Snap() { //v2.61 by PVII
  var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,args=P7_Snap.arguments;a=parseInt(a);
  for (k=0; k<(args.length-3); k+=4)
   if ((g=MM_findObj(args[k]))!=null) {
    el=eval(MM_findObj(args[k+1]));
    a=parseInt(args[k+2]);b=parseInt(args[k+3]);
    x=0;y=0;ox=0;oy=0;p="";tx=1;da="document.all['"+args[k]+"']";
    if(document.getElementById) {
     d="document.getElementsByName('"+args[k]+"')[0]";
     if(!eval(d)) {d="document.getElementById('"+args[k]+"')";if(!eval(d)) {d=da;}}
    }else if(document.all) {d=da;} 
    if (document.all || document.getElementById) {
     while (tx==1) {p+=".offsetParent";
      if(eval(d+p)) {x+=parseInt(eval(d+p+".offsetLeft"));y+=parseInt(eval(d+p+".offsetTop"));
      }else{tx=0;}}
     ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);var tw=x+ox+y+oy;
     if(tw==0 || (navigator.appVersion.indexOf("MSIE 4")>-1 && navigator.appVersion.indexOf("Mac")>-1)) {
      ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);
      }else{var w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;
      a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;
      x=document.body.scrollLeft + event.clientX + bx;
      y=document.body.scrollTop + event.clientY;}}
   }else if (document.layers) {x=g.x;y=g.y;var q0=document.layers,dd="";
    for(var s=0;s<q0.length;s++) {dd='document.'+q0[s].name;
     if(eval(dd+'.document.'+args[k])) {x+=eval(dd+'.left');y+=eval(dd+'.top');break;}}}
   if(el) {e=(document.layers)?el:el.style;
   var xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
   if(navigator.appName=="Netscape" && parseInt(navigator.appVersion)>4){xx+="px";yy+="px";}
   if(navigator.appVersion.indexOf("MSIE 5")>-1 && navigator.appVersion.indexOf("Mac")>-1){
    xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);
    xx+="px";yy+="px";}e.left=xx;e.top=yy;}}
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

// Show Product Function 
function ShowProd(Num){
	
	//Swap Images
	MM_swapImage('Img1','','images/11on.gif',1);
	MM_swapImage('Img2','','images/15on.jpg',1);
	MM_swapImage('Img3','','images/12on.gif',1);
	
	//Put all TD's off
	for(i=0;i<NumberCat;i++){
		document.getElementById('m'+IDCat[i]).className="menu";
	}
	//Put the td ON
	document.getElementById('m'+Num).className="ON";
	
	//Show Product Layers 
	homeb.style.display = "";
	homeb1.style.display = "";
	MM_showHideLayers('Prod','','show')
	MM_showHideLayers('divContainer','','show')
	MM_showHideLayers('divContent','','show')
	MM_showHideLayers('divDownControl','','show')
	MM_showHideLayers('divUpControl','','show')
	ContentProd='';
	var counter = 0;
	for (i=0;i<Totalcat.length;i++){
	Temp=Totalcat[i].split('^');
	if(Temp[0]==Num){
	counter+=1;
	ContentProd+='<table  border="0" cellpadding="5" cellspacing="0">';
    ContentProd+='<tr>';
   	ContentProd+='<td><img src="Upload/'+Temp[4]+'" width=36 height=30></td>';
    ContentProd+='<td><table border="0" cellspacing="0" cellpadding="0">';
	ContentProd+='<tr>';
	ContentProd+='<td width="100%" height="15" class="menu" >'+Temp[2]+'</td>';
	ContentProd+='</tr>';
	ContentProd+='<tr>';
	ContentProd+='<td background="images/point.gif" class="menu"><img src="images/spacer.gif" width="1" height="5"></td>';
	ContentProd+='</tr>';
	ContentProd+='<tr>';
	ContentProd+='<td class="menu"><a style="font-weight: normal" href="_ProductSearch.php?CatID='+Temp[0]+'&ProductID='+Temp[3]+'&cAction=Destails">&raquo; Click for details<a></td>';
	ContentProd+='</tr>';
	ContentProd+='</table></td>';
	ContentProd+='</tr>';
    ContentProd+='</table>';
	}
	}
	if(counter>5){
			
			MM_showHideLayers('divDownControl','','show')
			MM_showHideLayers('divUpControl','','show')
	}else{
			MM_showHideLayers('divDownControl','','hide')
			MM_showHideLayers('divUpControl','','hide')
	}
		
		
	MM_setTextOfLayer('divContent','',ContentProd);
	InitialiseScrollableArea();
	

}

// Show Product Function Subpage 




// Right the content of the Product Layer 
function MM_setTextOfLayer(objName,x,newText) { //v4.01
  if ((obj=MM_findObj(objName))!=null) with (obj)
    if (document.layers) {
	document.write(unescape(newText)); 
	document.close();}
    else {innerHTML = unescape(newText);}
}


// Function to Put on the navigation in the subpages
function ShowProdSub(Num){
	//Put all TD's off
	for(i=0;i<NumberCat;i++){
		document.getElementById('m'+IDCat[i]).className="menu";
	}
	//Put the td ON
	document.getElementById('m'+Num).className="ON";
}


// Right Them menu in the subpages

function ShowSubMenu(){
document.write('<table border="0" cellspacing="0" cellpadding="0">');
for (i=0;i<NameCat.length;i++){
	document.write('<tr>');
	document.write('<td height="17" align="right" class="menu" onMouseOver="this.bgColor=\'#95B81A\'" onMouseOut="this.bgColor=\'\'" id="m'+IDCat[i]+'" onClick="ShowProdSub('+IDCat[i]+');document.location=\'_ProductSearch.php?CatID='+IDCat[i]+'\'">'+NameCat[i]+'<img src="images/bull.gif" width="12" height="12" hspace="1" align="absmiddle"></td>');
	document.write('</tr>');
	if(i!=NameCat.length-1){
		document.write('<tr>');
		document.write('<td align="right" class="menu"><img src="images/sep1.jpg"></td>');
		document.write('</tr>');
	}
}
document.write('</table>')
}

function valid()
{ 
/*if (document.Add.Text1.value == "")
  {
    alert("Please enter a value for the \"First Name\" field.");
    document.Add.Text1.focus();
    return ;
}
if (document.Add.Text2.value == "")
  {
    alert("Please enter a value for the \"Last Name\" field.");
    document.Add.Text2.focus();
    return ;
 }*/
if ( document.Add.Text3.value.indexOf ('@', 0) == -1 || document.Add.Text3.value.indexOf ('.', 0) == -1 ) 
{
alert("please enter a valid e-mail");
document.Add.Text3.focus();
return;
}

/*if (document.Add.Text7.selectedIndex <= 0)
  {
    alert("Please select a value for the \"Country\" field.");
    document.Add.Text7.focus();
    return ;
   
}*/

 else document.Add.submit();}
