function SetMenuBar() {CreateImage('B33', 250, 10, 10, 0.6);CreateImage('B29', 225, 10, -20, 0);CreateImage('B30', 225, 10, 10, 0.6);MakeMenuAnimation(30, false);CreateImage('B27', 200, 10, 10, 0.6);CreateImage('B22', 175, 10, -30, 0);CreateImage('B23', 175, 10, -20, 0);CreateImage('B24', 175, 10, 10, 0.6);MakeMenuAnimation(24, true);CreateImage('B21', 150, 10, 10, 0.6);CreateImage('B18', 125, 10, 10, 0.6);CreateImage('B14', 100, 10, -20, 0);CreateImage('B15', 100, 10, 10, 0.6);MakeMenuAnimation(15, false);CreateImage('B12', 75, 10, 10, 0.6);CreateImage('B9', 50, 10, 10, 0.6);CreateImage('B4', 25, 10, -30, 0);CreateImage('B5', 25, 10, -20, 0);CreateImage('B6', 25, 10, 10, 0.6);MakeMenuAnimation(6,true);CreateImage('B3', 0, 10, 10, 0.6);}
function SetMenuBar() {
    CreateImage('B3', 25, 12, 10, 0.6);
    
    CreateImage('B4', 50, 10, -30, 0);
    CreateImage('B5', 50, 10, -20, 0);
    CreateImage('B6', 50, 10, 10, 0.6);

    CreateImage('B9', 75, 10, 10, 0.6);
  
    CreateImage('B12', 100, 10, 10, 0.6);
    
    CreateImage('B14', 125, 10, -20, 0);
    CreateImage('B15', 125, 10, 10, 0.6);
    
    CreateImage('B18', 150, 10, 10, 0.6);
    
    CreateImage('B21', 175, 10, 10, 0.6);
    
    CreateImage('B22', 200, 10, -30, 0);
    CreateImage('B23', 200, 10, -20, 0);
    CreateImage('B24', 200, 10, 10, 0.6);
    
    CreateImage('B27', 225, 10, 10, 0.6);
    
 //   CreateImage('B29', 225, 10, -20, 0);
   // CreateImage('B30', 225, 10, 10, 0.6);
    
    CreateImage('B30', 250, 8, 10, 0.6);  
  
    MakeMenuAnimation(6,true);
    MakeMenuAnimation(24,true);

    MakeMenuAnimation(15,false);
    //MakeMenuAnimation(30,false);  
}
var _tMenu;
var oncekiX = -1;
var control = control;

var Opened = "";
var _mMouseDown=false;
function _mBEnter(sender, eventArgs) {
    sender.opacity = 0.7;
    onHC();
    DoTooltip(sender);
    if (_zbDM) {
        _zbDM = false;
        ButtonAction(sender);
    }
}
function _mBLeave(sender, eventArgs) {
    sender.opacity = 0.4;
    offHC();
    FadeTooltip(sender);
}
function _mBDown(sender, eventArgs) {
    sender.opacity = 1;
    _zbDM = true;
}
function _mMDown(sender, eventArgs) {
    _mMouseDown = true;
    _mMMove(sender, eventArgs);
    _mMouseDown = false;
}
function _mMEnter(sender, eventArgs) {
    onHC();
}
function _mMLeave(sender, eventArgs) {
    oncekiX = -1;
    for (var i = 3; i <= 36; i = i + 3) {
        var Button = xmb.findname("B" + i);
        if (Button != null) {
            Button.Opacity = 0.6;
            if (sender.findName("t" + i) != null) sender.findName("t" + i).Begin();
        }
    }
    offHC();
}
function _mMMove(sender, eventArgs) {
    var mp = eventArgs.getPosition(sender);
  
    var xGrup  = Math.floor((mp.x-25) / 25) ;
    var yGrup = Math.floor(mp.y / 30);
    var buttonid = (xGrup * 3) + yGrup + 3;

    for (var i = 1; i <= 36; i++) {
        var Button = xmb.findname("B" + i);

        if (Button != null) {
            if (i == buttonid) {
              if (i!=10) Button.Opacity = 1;
                if (_mMouseDown)
                    ButtonAction(Button);
            } else {

                if (Button.Opacity > 0)
                    if (Button.Name != Opened) {Button.Opacity = 0.6;}
            }
        }
    }
    if (yGrup == 0 && oncekiX != xGrup) 
    {
        oncekiX = xGrup;
        var deg = "";
        for (var i = 1; i < 14; i++) {
            if (i == xGrup +1) { deg = "s"; Opened = "B" + i * 3; }
            else deg = "t";
            if (sender.findName(deg + (i * 3)) != null) { 
            sender.findName(deg + i * 3).Begin();
             }
        }
    }
}   
function MakeMenuAnimation(i,b) {
    var m, n;
    m = i - 1;
    n = i - 2;
    if (xmb.findName("s" + i) == null) {
        var storyText = '<Storyboard xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Name="s' + i + '">'
                        +'<DoubleAnimation Storyboard.TargetName="B' + m + '" Storyboard.TargetProperty="(Canvas.Top)" To="-20" Duration="0:0:0.3"/>'
                        +'<DoubleAnimation Storyboard.TargetName="B' + m + '" Storyboard.TargetProperty="Opacity" To="0.6" Duration="0:0:0.3"/>';
      if (b) 
           storyText +='<DoubleAnimation Storyboard.TargetName="B' + n + '" Storyboard.TargetProperty="Opacity" To="0.6" Duration="0:0:0.3"/>'
                     +'<DoubleAnimation Storyboard.TargetName="B' + n + '" Storyboard.TargetProperty="(Canvas.Top)" To="-50" Duration="0:0:0.3"/>';
                
           storyText += '</Storyboard>';
           xmb.resources.add(pcc.createFromXaml(storyText));
        
    }
    if (xmb.findName("t" + i) == null) {
        var storyText2 = '<Storyboard xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Name="t' + i + '">'
		                    + '<DoubleAnimation Storyboard.TargetName="B' + m + '" Storyboard.TargetProperty="(Canvas.Top)" To="5" Duration="0:0:0.3"/>'
		                    + '<DoubleAnimation Storyboard.TargetName="B' + m + '" Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.3"/>';
		                   
		    if (b) 
             storyText2 +='<DoubleAnimation Storyboard.TargetName="B' + n + '" Storyboard.TargetProperty="(Canvas.Top)" To="5" Duration="0:0:0.3"/>'
		                + '<DoubleAnimation Storyboard.TargetName="B' + n + '" Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.3"/>'
	                    
	         storyText2 += '</Storyboard>';

	         xmb.resources.add(pcc.createFromXaml(storyText2));
    }
}
function CreateImage(imgName, cLeft, cTop, tag, opacity) {
    var xmlImage = '<Image xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Name="' + imgName + '" RenderTransformOrigin="0.5,0.5" Source="m/_' + imgName + '.png" Stretch="Fill" Canvas.Left="' + cLeft + '" Canvas.Top="' + cTop + '" Tag="' + tag + '" Opacity="' + opacity + '"/>';
    xmb.children.add(pcc.createFromXaml(xmlImage));
    xmb.FindName(imgName).addEventListener("MouseEnter", DoTooltip);
    xmb.FindName(imgName).addEventListener("MouseLeave", FadeTooltip);
}
function DoTooltip(sender) {
    sender.findName("closeTooltip").stop();
    var _tooltipBackground = sender.findName("tooltipBackground");
    var _tooltipText = sender.findName("tooltipText");
    _tMenu = sender.findName("timer");

    var tipToDisplay = sender.name.substring(1, 3);
    _tooltipText.text = mToolCap[tipToDisplay - 1];
    var textWidth = _tooltipText.ActualWidth + 6;
    var textHeight = _tooltipText.ActualHeight;

    var cLeft = sender.findName("MenuBar")["Canvas.Left"];

   var  btn =eval(sender.name.substring(1,sender.name.length));
 
    switch (true)
    {
    case (btn < 24)  :
        tipLeft = sender["Canvas.Left"] + sender.width ;
        break;
    case (btn == 31) : 
        tipLeft = -cLeft;
        sender.tag = (- sender["Canvas.Top"]+3).toString();
        break ; 
    case (btn == 32) :
        var imL = sender.findName("B32")["Canvas.Left"];
        tipLeft = imL - cLeft - 20 ;
        sender.tag = (-sender["Canvas.Top"]+3).toString();
        break ; 
    default :
        tipLeft = sender["Canvas.Left"] - 2 * sender.width;
        break ; 
    }
    
    _tooltipBackground["Canvas.Left"] = tipLeft ;
    _tooltipBackground["Canvas.Top"] = sender.tag - 3;

    _tooltipText["Canvas.Left"] =  tipLeft + 4;
    _tooltipText["Canvas.Top"] = sender.tag;    
 
    _tooltipBackground.width = textWidth + 1;

    sender.findName("openTooltip").begin();
    fadeTip = _tMenu.addEventListener("completed", FadeTooltip);
    _tMenu.begin();
}
function FadeTooltip(sender, args) {
    sender.findName("closeTooltip").begin();
    _tMenu.removeEventListener("completed", fadeTip);
}