// to show catagories in the menu top
var iCurMenuItemType = 0;
var iLinkType = 0;
var aMenuItemType = new Array();
var aLinkType = new Array();
var  curCatMenu= '';
var  curCatMenuId= 0;
var goCategoryBottom=0;
var goCategoryTop=0;
var goBasketBottom=0;
var goBasketTop=0;
var HideLeftPanel=0;
var mainmenuVer=0; // if it need to be changed, put value on skin




function menuitemType (Id,Text){
    this.Id=Id;
    this.Text=Text;
}

function menulinkType(Ref,Target){
    this.Ref=Ref;
    this.Target=Target;
}


function addMenuItemType(coid, id, text) {
	aMenuItemType[coid]=new menuitemType(id, text);   
	
}

function setTextType(obj,text){
	if (obj.innerHTML!=null) {
		obj.innerHTML = text;
	}
}

function addLinkType(id,Ref, Target) {	
	aLinkType[id] = new menulinkType(Ref, Target);
}


function MenuType(iItem, container) {
	ShowMenuItemNo = iItem; //container
	curMenuItemIndex = 0;
	 var strt='';
	var ilength=aMenuItemType.length;
	for (var ii=1; ii<ilength; ii++){	        
			strt = strt + '<ul width="100%" id="catdiv' +ii+'">' + MenuHTMLType(iItem,null) + '</ul>';
			iItem=iItem + 1;
		}
	container.innerHTML=strt;
}

function MenuTypeNew(iItem, container) {
	ShowMenuItemNo = iItem; //container
	curMenuItemIndex = 0;
	 var strt='';
	var ilength=aMenuItemType.length;
	for (var ii=1; ii<ilength; ii++){	        
			strt = strt + '<ul width="100%" id="catdiv' +ii+'">' + MenuHTMLTypeNew(iItem,null) + '</ul>';
			iItem=iItem +1;
		}
	//alert(strt); 
	container.innerHTML=strt;
}


function MenuHTMLType(iItem, container) {	
	var str = '';
	idx = iItem;	
	str += MenuItemHTMLType(iItem) + '<div width="100%" ID="cdiv'+iItem+'" STYLE="display:none">';
	str += '</div>';
	return str;
}


function MenuHTMLTypeNew(iItem, container) {	
	var str = '';
	idx = iItem;	
	str += MenuItemHTMLTypeNew(iItem) + '<div width="100%" id="catHolder'+iItem+'" ';
	str +=' class="CatMenuHide" '; 
	str +='loading="0" >';
	 //    processing
    str += '<div id="processing'+  iItem +'cat" style ="position:absolute; top:20%;">'; 
    str +=  '</div>';
	//categoryup
	//var category1scroller=new scroller('category1',200);  
   // some main wrap around
   str += '<div id="categoryMain'+  iItem +'wrap" style ="position:relative;">'; 
     
	
	//categoryscrlayer
	
	
	str += '<div id="category' + iItem +'scrlayer" onmousewheel="return scrollerget(\'category' + iItem + '\').scroll(event.wheelDelta/2)">';    
   
   
   str +=  	'<div  id="category' + iItem + 'up"   style="display:none;" onmousedown="return scrollerget(\'category' + iItem + '\').scrollup();"' + 
	 ' onmouseout="return scrollerget(\'category' + iItem + '\').stopscroll();" ' +  
   ' onmouseup="return scrollerget(\'category' + iItem + '\').stopscroll();">';
	str += '</div>';
   
   
	//categorycontent
	str +=  '<div width="100%" id="category' + iItem + 'content"  onresize="checkcatcontentsize(' + iItem + ');" style ="z-index:500;">';
	str +=  '</div>';
	//categorydown
	str +=  '<div  id="category' + iItem + 'down"   style="display:none;" onmousedown="return scrollerget(\'category' + iItem + '\')'+  
	 '.scrolldown();" onmouseout="return scrollerget(\'category' + iItem + '\').stopscroll();" ' +  
   ' onmouseup="return scrollerget(\'category' + iItem + '\').stopscroll();">';	
	str +=  '</div>';
	str +=  '</div>'; // for categoryscrolayer
	
	// some  wrap1 around
	//str += '<div id="category'+  iItem +'wrap1" style ="position:relative;">'; 
   
	 //str +=  '</div>'; // for wrap
	
	//str +=  '<div  id="categscrhold' + iItem + 'hight" height="80%"> &nbsp;</div>'; 
	
	// some wrap2 here
	//str += '<div id="category'+  iItem +'wrap2"  style ="position:relative;">';
	
	// str +=  '</div>'; // for wrap
	
	 str +=  '</div>'; // for main wrap
	str +=  '</div>';    //'text'+ iItem+ '</div>';
	str += '<div width="100%" ID="cdiv'+iItem+'" STYLE="display:none">';
	str += '</div>';
	str += '</li>';
	
//    var fileref=document.createElement('script');
//  fileref.setAttribute("type","text/javascript");
//  fileref.nodeValue='alert("category' + iItem +   'scroller ");  var category' + iItem +   'scroller=new scroller("category' + iItem +   '",200);';

//	
//	// document.write('<scr' + 'ipt language="javas' + 'cript" >alert("category' + iItem +   'scroller ");  var category' + iItem +   'scroller=new scroller("category' + iItem +   '",200); ' + '</scr' + 'ipt>');
//	document.getElementsByTagName("head")[0].appendChild(fileref);
	return str;
}

function MenuItemHTMLType(iItem) {

	idx = iItem;
	var title = aMenuItemType[idx].Text;	
	var menuitemid = aMenuItemType[idx].Id;
	text = aMenuItemType[idx].Text;
	iLevel = 1;	
	iLinkId = aMenuItemType[idx].LinkId;
	iLinkIndex = iLinkId;
	
	sCSSClass = 'menuLevel' + 0;
	
	sHRef = '<A id="cn' + iItem + '" name="cn' + iItem + '" class="menuType" href="javascript: TypeClick(' + iItem + ')" ' ;
	
	sHRef +=' onMouseOver="return sSts(this);"';
	sHRef +=' onMouseDown="return sSts(this);"';
	sHRef +=' onMouseUp="return cSts();"';
	sHRef +=' onMouseOut="return cSts();"';
	sHRef += ' title="Click to view ' + title + '">';

	
	sHRef += text;
	
	sHRef += '</a>';
	
	sMenu = '<li ';
	sMenu += ' STYLE="display:block"'
	sMenu += ' class="' + sCSSClass + '" >';
	
	

	sMenu += '<span class="menuTypeSpan">' + sHRef ;
	if(aMenuItemType[iItem].IsNode == 1){
	    sMenu += '<ul id="cndiv' + iItem + '" style="display:none;"></ul>';
    }

	sMenu += '</span></li>';
	//alert(sMenu);

	return sMenu;
}


function MenuItemHTMLTypeNew(iItem) {

	idx = iItem;
	var title = aMenuItemType[idx].Text;
	var length = aMenuItemType.length -1;	
	var menuitemid = aMenuItemType[idx].Id;
	var  catType =  aMenuItemType[idx].Id;
	text = aMenuItemType[idx].Text;
	iLevel = 1;	
	iLinkId = aMenuItemType[idx].LinkId;
	iLinkIndex = iLinkId;
	
	sCSSClass = 'menuLevel' + 0;
	
	//sHRef = '<A id="cn' + iItem + '" name="cn' + iItem + '" class="CategoryTop" href="javascript: TypeClick(' + iItem + ')" ' ;
	sHRef = '<A id="cn' + iItem + '" name="cn' + iItem + '" class="menuType" href="javascript: top.CatMenuClick(' + iItem + ', '+ length+ ', '+ catType + ');" ' ;
	
	sHRef +=' onMouseOver="return sSts(this);"';
	sHRef +=' onMouseDown="return sSts(this);"';
	sHRef +=' onMouseUp="return cSts();"';
	sHRef +=' onMouseOut="return cSts();"';
	sHRef += ' title="Click to view ' + title + '">';

	sHRef += '<div id="divb' + iItem +'" class="CategoryButtonTop">';
	sHRef += text;
	sHRef += '</div>';
	sHRef += '</a>';
	
	sMenu = '<li ';
	sMenu += ' STYLE="display:block"'
	sMenu += ' class="' + sCSSClass + '" >';
	
	

	sMenu += '<span class="menuTypeSpan">' + sHRef ;
	if(aMenuItemType[iItem].IsNode == 1){
	    sMenu += '<ul id="cndiv' + iItem + '" style="display:none;"></ul>';
    }
	sMenu += '</span>';
		//sMenu += '</span></li>';
	//alert(sMenu);

	return sMenu;
}

function TypeClick(index){

    var menuType = aMenuItemType[index].Id;
    
    if (top.iCurMenuType!=0){
        document.getElementById('cn' + top.iCurMenuType).className = 'menuType';
    }
    
	document.getElementById('cn' + index).className = 'menuTypeActive';
	top.iCurMenuType = index;
	
	neotekscript('/catalog/menu/menuajax.aspx?Type=' + menuType);
}

function TypeClickNew(ItemCat, CatType){			    
	var elem= 'catHolder' + ItemCat;	
		if (document.getElementById(elem).getAttribute('loading')<1) 
			{   	
			        showcatprocessing(ItemCat);			        	        
				  //upload new content
				  
				   neotekscript('/catalog/menu/menuajax.aspx?Type=' + CatType  + '&containerId=' + ItemCat );
				   //alert ( document.getElementById('categorycontent').innerHTML);				   
				   document.getElementById(elem).loading=1;
				    uploadNewCat=1; // needs to bild new menu
				  //hideprocessing();
			}
}
 function showcatprocessing(Type){
    if (ProcessingTimeout!=null)
        window.clearTimeout(ProcessingTimeout);
        try{
            document.getElementById('processing'+Type+'cat').style['display']="block";
       }catch(e){
        }
    ProcessingTimeout=setTimeout(hidecatprocessing,5000)
}
function hidecatprocessing(Type){
    window.clearTimeout(ProcessingTimeout);
    ProcessingTimeout=null;
        try{
            document.getElementById('processing'+Type+'cat').style['display']="none";
       }catch(e){
       }
}			
function CatMenuClick(ItemCat, nn, CatType){
	var  elem='';
	 //alert(ItemCat+' '+ nn+' '+CatType);
	goCategoryBottom = 0;
    goCategoryTop = 0;	
	// hide all other  holders 
	for (var ix = 1; ix<nn+1; ix++){
		elem= 'catHolder' + ix;
		document.getElementById(elem).className = 'CatMenuHide';
		}
	// show only click one
	elem= 'catHolder' + ItemCat;	
	document.getElementById(elem).className = 'CatMenuShow';
	
	TypeClickNew(ItemCat, CatType);		
	var elem2='category'+ ItemCat +'scrlayer';
	curCatMenu= 'category'+ ItemCat;  
	curCatMenuId = ItemCat; 
	//var hh = scrollerArray[Type].scrollerHeight();  
	var allHeights =pixel(document.getElementById('cn1').offsetHeight)  * scrollerArray.length;
	 resizeElement('category');
	var hh = scrollerHeight(elem2,allHeights);
	
	//document.getElementById(elem2).style['height']=hh; 
			
}


function scrollerHeight(name, offsetHeight){
 var vheight=500; 
 if(document.documentElement!=null){
	        vheight=pixel(document.documentElement.clientHeight);
 }else{
	        vheight=pixel(window.innerHeight);
 } 
           vheight=vheight-pixel(document.getElementById('toolbar').offsetHeight);
  	       vheight=vheight-pixel(document.getElementById('categorytop').offsetHeight);
		   vheight=vheight-pixel(document.getElementById('categorybottom').offsetHeight);
	       vheight = vheight - offsetHeight +'px';    
           document.getElementById(name).style['height']=vheight; 
 return vheight;
}


	
function checkcatcontentsize(numcat) {
 
  var divcon = document.getElementById('category' +numcat + 'content');
    var contentHeight = pixel(divcon.offsetHeight); 
	var divscr = document.getElementById('category' +numcat + 'scrlayer');		
	var scrlayerHeight = pixel(divscr.offsetHeight);  
	 // alert ('goCategoryBottom ' + goCategoryBottom + ' goCategoryTop '+  goCategoryTop ); 
	 if (contentHeight > scrlayerHeight) 
	 {	  document.getElementById(top.curCatMenu + 'down').style['display']='block'; 
	    goCategoryBottom += 1;
     }
	 else {	  document.getElementById(top.curCatMenu + 'down').style['display']='none'; goCategoryBottom = 0;
     }
return null;
}

function ShowHideLeftPanel (wcat,wInfo, catHide) {	 
		// sit on skin for RYCO (GUD)			 
		 var w2=pixel(document.getElementById('category').style['width']);
		//javascript:alert(top.InfoFrame.location.href);
		
		
		 var x=top.InfoFrame.location.href;
		 var len=x.length - 24;
		 var y = x.substring(0,len);
		 var ylen=y.length; 
		 var z=x.substring(ylen);
		 if ((  z=='EditContent.aspx?Id=2010' )|| (z=='EditContent.aspx?Id=2020')||(z=='EditContent.aspx?Id=2030')||(z=='EditContent.aspx?Id=2040')||(z=='EditContent.aspx?Id=2050')
		 ||(z=='EditContent.aspx?Id=2060')||(z=='EditContent.aspx?Id=1010')||(z=='EditContent.aspx?Id=1020')||(z=='EditContent.aspx?Id=1030')||(z=='EditContent.aspx?Id=1035')
		 ||(z=='EditContent.aspx?Id=1040')||(z=='EditContent.aspx?Id=1050')||(z=='EditContent.aspx?Id=1060')||(z=='EditContent.aspx?Id=1070')||(z=='EditContent.aspx?Id=3010')
		 ||(z=='EditContent.aspx?Id=2020')||(z=='EditContent.aspx?Id=3030')||(z=='EditContent.aspx?Id=3040')||(z=='EditContent.aspx?Id=4010')||(z=='EditContent.aspx?Id=4020')
		 ||(z=='EditContent.aspx?Id=4030') ||(z=='/EditContent.aspx?Id=171')) catHide=1; // for last one we need '/' --have less charecters
		  if ((  z=='ContentPage.aspx?Id=2010' )|| (z=='ContentPage.aspx?Id=2020')||(z=='ContentPage.aspx?Id=2030')||(z=='ContentPage.aspx?Id=2040')||(z=='ContentPage.aspx?Id=2050')
		 ||(z=='ContentPage.aspx?Id=2060')||(z=='ContentPage.aspx?Id=1010')||(z=='ContentPage.aspx?Id=1020')||(z=='ContentPage.aspx?Id=1030')||(z=='ContentPage.aspx?Id=1035')
		 ||(z=='ContentPage.aspx?Id=1040')||(z=='ContentPage.aspx?Id=1050')||(z=='ContentPage.aspx?Id=1060')||(z=='ContentPage.aspx?Id=1070')||(z=='ContentPage.aspx?Id=3010')
		 ||(z=='ContentPage.aspx?Id=2020')||(z=='ContentPage.aspx?Id=3030')||(z=='ContentPage.aspx?Id=3040')||(z=='ContentPage.aspx?Id=4010')||(z=='ContentPage.aspx?Id=4020')
		 ||(z=='ContentPage.aspx?Id=4030')) catHide=1;
		if (catHide==1) {
		    wInfo=wInfo +(wcat); 
		    document.getElementById('category').style['width']='0px'; 
		}else { 		    
		    document.getElementById('category').style['width']=wcat +'px';
		}
		document.getElementById('InfoFrame').style['width']=wInfo +'px';
		

}