function cDebug()
{
	this.code = "";
	cDebug.prototype.CreatePanel = function(nameDiv)
	{
		if (document.getElementById(nameDiv))
		{
			oDebugTable=document.getElementById(nameDiv);
			this.code="<table border='0' cellpadding='0' cellspacing='0' width='200px'>";
			for(i=0;i<arDebug.length;i++)
			{
				var st=1;
				if (i%2 == 0) st=2;
				this.code+='<tr class="cell'+st+'"><td><div class="cellName" title="'+arDebug[i][0]+'">'+arDebug[i][0]+'</div></td>'+'<td><div class="cellValue" title="'+arDebug[i][1]+'">'+arDebug[i][1]+'</div></td></tr>';
			}
			this.code+="</table>"
	  	oDebugTable.innerHTML=this.code;
    }
		if (document.getElementById("debug"))
		{
			var oDebug=document.getElementById("debug");
		  var arPageSize=getPageSize();

			oDebug.style.top=arPageSize[0]-oDebug.offsetHeight-2-oDebugTable.offsetHeight;
			oDebug.style.left=arPageSize[1]-oDebug.offsetWidth-24;
			oDebug.style.height=oDebug.offsetHeight+oDebugTable.offsetHeight;
		}

	}

}

function getPageSize(){
	if (window.innerHeight) {// Firefox
		height = window.innerHeight;
		width = window.innerWidth;
	} else if (document.body.offsetHeight){ // all but Explorer Mac
		height = document.body.offsetHeight;
		width = document.body.offsetWidth;
	}
	arrayPageSize = new Array(height,width);
	return arrayPageSize;
}

	var TabCurrentArray = new Array("MainMenu1");
  function ChooseTab(TabObject) {
    	if(TabObject)
      {
        var TabId=TabObject.id;
    		var TabFamily=TabId.substr(0,TabId.length-1);
    		var TabIndex=TabId.substr(TabId.length-1,1);
    		for(i=0;i<TabCurrentArray.length;i++)
    		{
    			if (TabFamily==TabCurrentArray[i].substr(0,TabCurrentArray[i].length-1))
    			{
    				TabCurrent=TabCurrentArray[i];
    				TabCurrentArrayIndex=i;
    				break;
    			}
    		}

			var TabContentId="SubMenu"+TabId.substr(TabId.length-1,1);
     	if(document.getElementById(TabCurrent))
     	{
				var TabContentCurrentId="SubMenu"+TabCurrent.substr(TabCurrent.length-1,1);
     		document.getElementById(TabCurrent).className="item";
     		TabCurrentIndex=TabCurrent.substr(TabId.length-1,1);
     		LeftSeparate=TabFamily+"Separate"+TabCurrent.substr(TabCurrent.length-1,1);
     		SeparateNext=TabCurrent.substr(TabCurrent.length-1,1);
     		SeparateNext++;
     		RightSeparate=TabFamily+"Separate"+SeparateNext;
     		document.getElementById(TabCurrent).className="item";
     		if (document.getElementById(LeftSeparate)){
     			if (TabCurrentIndex>1){
     			document.getElementById(LeftSeparate).className="separate_in";
     			}else{
     			document.getElementById(LeftSeparate).className="separate_out_left_grey";
     			};
     		}
     		if (document.getElementById(RightSeparate)){
     			if (SeparateNext<8){
     			document.getElementById(RightSeparate).className="separate_in";
     			}else{
     			document.getElementById(RightSeparate).className="separate_out_right_grey";
     			};
     		}
     		var TabContentCurrentObject=document.getElementById(TabContentCurrentId);
     		if (TabContentCurrentObject)
     		{
     			TabContentCurrentObject.style.display="none";
     		}
     	}
     		LeftSeparate=TabFamily+"Separate"+TabId.substr(TabId.length-1,1);
     		LeftSeparateStart=TabFamily+"Separate1";
     		SeparateNext=TabId.substr(TabId.length-1,1);
     		SeparateNext++;
     		RightSeparate=TabFamily+"Separate"+SeparateNext;
     		document.getElementById(TabObject.id).className="item_red";
     		if (document.getElementById(LeftSeparate)){
     			if (TabIndex>1){
     			document.getElementById(LeftSeparate).className="separate_in_left_red";
     			}else{
     			document.getElementById(LeftSeparate).className="separate_out_left_red";
     			};
     		}
     		if (document.getElementById(RightSeparate)){
     			if (SeparateNext<8){
     			document.getElementById(RightSeparate).className="separate_in_right_red";
     			}else{
     			document.getElementById(RightSeparate).className="separate_out_right_red";
     			};
     		}
    		var TabContentObject=document.getElementById(TabContentId);
    		if (TabContentObject)
    		{
    			TabContentObject.style.display="block";
    		}
    		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
	    		var objIESeparate = document.getElementById(LeftSeparate).getBoundingClientRect();
	    		var objIEBasis = document.getElementById('basis').getBoundingClientRect();
					OffsetBasis=objIEBasis.left+8;
					newOffset=objIESeparate.left-OffsetBasis;
    			newOffsetEnd=objIESeparate.left+TabContentObject.offsetWidth-OffsetBasis;
    			var objIELeftOffsetStart = document.getElementById(LeftSeparateStart).getBoundingClientRect();
    			LeftOffsetStart=objIELeftOffsetStart.left-OffsetBasis;
    			var objIESeparateR = document.getElementById(RightSeparate).getBoundingClientRect();
    			if (newOffsetEnd>720) {
    				newOffsetStart=objIESeparateR.left-TabContentObject.offsetWidth+document.getElementById(RightSeparate).offsetWidth-OffsetBasis;
    				if (newOffsetStart>=LeftOffsetStart){
    					TabContentObject.style.left=newOffsetStart;
    				}else{
    					TabContentObject.style.left=LeftOffsetStart;
    				}
    			}else{
    				TabContentObject.style.left=newOffset;
    			}
        } else {
    			newOffset=document.getElementById(LeftSeparate).offsetLeft+22;
    			newOffsetEnd=document.getElementById(LeftSeparate).offsetLeft+TabContentObject.offsetWidth;
    			LeftOffsetStart=document.getElementById(LeftSeparateStart).offsetLeft+22;
    			if (newOffsetEnd>720) {
    				newOffsetStart=document.getElementById(RightSeparate).offsetLeft-TabContentObject.offsetWidth+document.getElementById(RightSeparate).offsetWidth+22;
    				if (newOffsetStart>=LeftOffsetStart){
    					TabContentObject.style.marginLeft=newOffsetStart;
    				}else{
    					TabContentObject.style.marginLeft=LeftOffsetStart;
    				}
    			}else{
    				TabContentObject.style.marginLeft=newOffset;
    			}
    		}
    		TabCurrentArray[TabCurrentArrayIndex]=TabObject.id;
    	}
  }

  function onSubMenu(ItemObject) {
    var ItemId=ItemObject.id;
		var ItemFamily=ItemId.substr(0,ItemId.length-1);
		var ItemIndex=ItemId.substr(ItemId.length-1,1);
 		LeftSeparate=ItemFamily+"Separate"+ItemId.substr(ItemId.length-1,1);
 		SeparateNext=ItemId.substr(ItemId.length-1,1);
 		SeparateNext++;
 		RightSeparate=ItemFamily+"Separate"+SeparateNext;
 		document.getElementById(ItemObject.id).className="item_white";
 		if (document.getElementById(LeftSeparate)){
 			document.getElementById(LeftSeparate).className="separate_in_left_white";
 		}
 		if (document.getElementById(RightSeparate)){
 			document.getElementById(RightSeparate).className="separate_in_right_white";
 		}
  }

  function offSubMenu(ItemObject) {
    var ItemId=ItemObject.id;
		var ItemFamily=ItemId.substr(0,ItemId.length-1);
		var ItemIndex=ItemId.substr(ItemId.length-1,1);
 		LeftSeparate=ItemFamily+"Separate"+ItemId.substr(ItemId.length-1,1);
 		SeparateNext=ItemId.substr(ItemId.length-1,1);
 		SeparateNext++;
 		RightSeparate=ItemFamily+"Separate"+SeparateNext;
 		document.getElementById(ItemObject.id).className="item";
 		if (document.getElementById(LeftSeparate)){
 			document.getElementById(LeftSeparate).className="separate_in";
 		}
 		if (document.getElementById(RightSeparate)){
 			document.getElementById(RightSeparate).className="separate_in";
 		}
  }

var curC=1;

selectColor = function(el) {
	if (el && el.tagName == 'A') {
		document.getElementById('colorTitle').innerHTML = 'Öâåò: ' + el.title;
		var cid = el.id.substr(6);
		var img = document.getElementById('preview_'+cid);
		var preview = document.getElementById('preview');
		preview.src = img.src;
	}
	return false;
}

selectDefColor = function() {
	if (curC) {
		var a = document.getElementById('link_'+curC);
		if (a) {
			selectColor(a);
		}
	}
}


$(document).ready(function() {
  
  var notOnMainItms = 1;
  var notOnSubItms = 1;
  
  $(".mainMenu .item").mouseover(function() {
    notOnMainItms = 0;
    ChooseTab(this);
    return false;
  });
  $(".mainMenu .items").mouseout(function() {
    notOnMainItms = 1;
    setTimeout(removeReds, 1);
  });

  $(".subMenu").mouseover(function() {
    notOnSubItms = 0;
    return false;
  }).mouseout(function() {
    notOnSubItms = 1;
    setTimeout(removeReds, 1);
  });

  
  
  function removeReds()
  {
      if(notOnMainItms && notOnSubItms)
      { 
          $('.mainMenu div').each(function(){
              if($(this).hasClass('item_red'))
              {
                  $(this).removeClass('item_red');
                  $(this).addClass('item');
              }
              else if($(this).hasClass('separate_in_right_red') || $(this).hasClass('separate_in_left_red'))
              {
                  $(this).removeClass('separate_in_right_red');
                  $(this).removeClass('separate_in_left_red');
                  $(this).addClass('separate_in');
              }
              else if($(this).hasClass('separate_out_right_red'))
              {
                  $(this).removeClass('separate_out_right_red');
                  $(this).addClass('separate_out_right_grey');
              }
              else if($(this).hasClass('separate_out_left_red'))
              {
                  $(this).removeClass('separate_out_left_red');
                  $(this).addClass('separate_out_left_grey');
              }
          });
          
          $('.subMenu').each(function(){
              $(this).css("display", "none");
          });
      }
  }

  
  // Ôîðìà îòïðàâêè çàêàçà íà çàï÷àñòü
  
  if($('#orderSpare'))
  {
      $("#orderSpare input:submit").attr("disabled", "disabled");
      $("#orderSpare input[name=name], #orderSpare input[name=phone]").change(function ()
      {
        var _validated =
          $("#orderSpare input[name=name]").attr("value").length > 0
          && $("#orderSpare input[name=phone]").attr("value").length > 0;
        $("#orderSpare input:submit").attr("disabled", _validated ? "" : "disabled");
      });
  }

  
  
});