﻿// JScript File



function SpitMenu(){
var Div_0_Html = '';
var Div_1_Html = '';
var Div_2_Html = '';
var Div_3_Html = '';
var Div_4_Html = '';
var Div_id='';
var MouseOverOut0 = '';
var MouseOverOut1 = '';
var MouseOverOut2 = '';
var MouseOverOut3 = '';
var MouseOverOut4 = '';

document.write('<table id="LeftMenuMainTable" width="480" cellpadding="0" cellspacing="0" border="0">');
document.write('<tr>');

var ICount = 0;
// --- Euresi Tou Arithmou Ton Eggrafon An Menu
var CountMenu_0 = 0;
var CountMenu_1 = 0;
var CountMenu_2 = 0;
var CountMenu_3 = 0;
var CountMenu_4 = 0;

var CountMenu_0_sec = 0;
var CountMenu_1_sec = 0;
var CountMenu_2_sec = 0;
var CountMenu_3_sec = 0;
var CountMenu_4_sec = 0;

for (ia=0;ia<mnuArr.length;ia++)
    {
    if (mnuArr[ia][1] == 1)
       {
        if  (mnuArr[ia][2] == 0)   
            {
             CountMenu_0++;   
            }
        if  (mnuArr[ia][2] == 1)   
            {
             CountMenu_1++;   
            }
        if  (mnuArr[ia][2] == 2)   
            {
             CountMenu_2++;   
            }
        if  (mnuArr[ia][2] == 3)   
            {
             CountMenu_3++;   
            }
        if (mnuArr[ia][2] == 4)   
            {
             CountMenu_4++;   
            }               
       }     
    }
// --- Euresi Tou Arithmou Ton Eggrafon An Menu
for (i=0;i<mnuArr.length;i++)
{
  if (mnuArr[i][1] == 0)
     {
       var DivCount = 0;
       Div_id ='Div_' + mnuArr[i][2];
       DivCount = mnuArr[i][2]*126;
       ICount++;   
        
            if (ICount==4)
               {
                DivCount =DivCount -200
               }
          
            if (ICount==5)
               {
                DivCount =DivCount -202
               }   
      
       
          
          
       if (document.getElementById('LeftLogo'))
           {
            var DivStartPx = 'document.getElementById(\'ImageLogo\').offsetWidth + document.getElementById(\'LeftLogo\').offsetWidth + document.getElementById(\'LeftOne\').offsetWidth + ' + DivCount
            var DivTopPx=104;
           }
       else
           {
              if (document.all)
                 {
                  var DivStartPx =(((document.body.offsetWidth/2) - 211)+ DivCount) - (mnuArr[i][2]+mnuArr[i][2]);
                 }
             else
                 {
                  var DivStartPx =(((document.body.offsetWidth/2) - 200)+ DivCount) - (mnuArr[i][2]+mnuArr[i][2]);
                 }
     
             var DivTopPx=106;
           }
  //------- ELENXOS AN EINAI SELECTED GIA TO MOUSE OUT TOY TOP MENU
  
          if (mnuArr[i][5]=='1')
             {
              var Div_MouseOver=' onmouseover="MouseOverFun('+ mnuArr[i][2] +', '+ DivTopPx +', '+ DivStartPx +', this, \''+ mnuArr[i][4] +'\', ' + Div_id + ', \'\', event); "';
              var Div_MouseOut=' onmouseout="MouseOutFun(this, \''+ mnuArr[i][4] + '\', '+ Div_id +', \'none\', event);"';
             
              document.write('<td style="cursor:hand;cursor:pointer;padding-left:1px"><img style="position:relative" id="Image_' + Div_id +'" '+ Div_MouseOver +' ' + Div_MouseOut + '   src="../images/' + mnuArr[i][4] +'" ></td>');
             }
          else
             {
              var Div_MouseOver=' onmouseover="MouseOverFun('+ mnuArr[i][2] +', '+ DivTopPx +', '+ DivStartPx +', this, \''+ mnuArr[i][4] +'\', ' + Div_id + ', \'\', event); "';
              var Div_MouseOut=' onmouseout="MouseOutFun(this, \''+ mnuArr[i][0] + '\', '+ Div_id +', \'none\', event);"';
             
              document.write('<td style="cursor:hand;cursor:pointer;padding-left:1px"><img style="position:relative" id="Image_' + Div_id +'" '+ Div_MouseOver +' ' + Div_MouseOut + '   src="../images/' + mnuArr[i][0] +'" ></td>');
             }
          
    
    //onmouseout="this.src=\'images/'+ mnuArr[i][0] +'\';document.getElementById(\'' + Div_id + '\').style.display=\'none\';"
    
    //------- ELENXOS AN EINAI SELECTED GIA TO MOUSE OUT TOY DIV
    var ImgOut='';
    if (mnuArr[i][5]=='1')
       {
       ImgOut=mnuArr[i][4];
       }
    else
       {
       ImgOut=mnuArr[i][0];
       }
    
     if (mnuArr[i][2] == 0)
         {
         
          //MouseOverOut0 = 'onmouseover="this.style.display=\'\';document.getElementById(\'Image_' + Div_id + '\').src=\'../images/'+ mnuArr[i][4] +'\';" onmouseout="this.style.display=\'none\';document.getElementById(\'Image_' + Div_id + '\').src=\'../images/'+ mnuArr[i][0] +'\';"';    
          MouseOverOut0 = 'onmouseover="CheckIt(this,\Image_'+ Div_id + '\,\'' + mnuArr[i][4] + '\', event)" onmouseout="CheckItSec(this,\Image_'+ Div_id + '\,\'' + ImgOut + '\', event)"';    
         
          
         }    
         
     if (mnuArr[i][2] == 1)
         {
          MouseOverOut1 = 'onmouseover="CheckIt(this,\Image_'+ Div_id + '\,\'' + mnuArr[i][4] + '\', event)" onmouseout="CheckItSec(this,\Image_'+ Div_id + '\,\'' + ImgOut + '\', event)"';    
         }    
         
     if (mnuArr[i][2] == 2)
         {
          MouseOverOut2 = 'onmouseover="CheckIt(this,\Image_'+ Div_id + '\,\'' + mnuArr[i][4] + '\', event)" onmouseout="CheckItSec(this,\Image_'+ Div_id + '\,\'' + ImgOut + '\', event)"';    
         }           
     if (mnuArr[i][2] == 3)
         {
          MouseOverOut3 = 'onmouseover="CheckIt(this,\Image_'+ Div_id + '\,\'' + mnuArr[i][4] + '\', event)" onmouseout="CheckItSec(this,\Image_'+ Div_id + '\,\'' + ImgOut + '\', event)"';
         }    
     if (mnuArr[i][2] == 4)
         {
          MouseOverOut4 = 'onmouseover="CheckIt(this,\Image_'+ Div_id + '\,\'' + mnuArr[i][4] + '\', event)" onmouseout="CheckItSec(this,\Image_'+ Div_id + '\,\'' + ImgOut + '\', event)"';    
         }    
      
  }
  

var TypeClass ='TopmenuTxts';
  
  if (mnuArr[i][1] == 1)
  {
     if  (mnuArr[i][2] == 0)   
       {
       CountMenu_0_sec++;
       if (CountMenu_0_sec==CountMenu_0)
           {
           TypeClass='TopmenuTxt';
           }
       else
           {
            TypeClass='TopmenuTxts';
           }   
       Div_0_Html= Div_0_Html + '<tr Class="TRClass"><td class="LTD"><img src="../images/menuCrn/tileLeft.gif"></td><td class="'+ TypeClass +'"><a href="' + mnuArr[i][3] + '">' + mnuArr[i][0] + '</a></td><td class="RTD"> </td></tr>' ;
       }
     if  (mnuArr[i][2] == 1)   
       {
       CountMenu_1_sec++;
        if (CountMenu_1_sec==CountMenu_1)
           {
            TypeClass='TopmenuTxt';
           }
        else
           {
            TypeClass='TopmenuTxts';
           }   
       Div_1_Html= Div_1_Html + '<tr Class="TRClass"><td class="LTD"><img src="../images/menuCrn/tileLeft.gif"></td><td class="'+ TypeClass +'"><a href="' + mnuArr[i][3] + '">' + mnuArr[i][0] + '</a></td><td class="RTD"> </td></tr>' ;
       }       
     if  (mnuArr[i][2] == 2)   
       {
       CountMenu_2_sec++;
        if (CountMenu_2_sec==CountMenu_2)
           {
            TypeClass='TopmenuTxt';
           }
        else
           {
            TypeClass='TopmenuTxts';
           }   
       Div_2_Html= Div_2_Html + '<tr Class="TRClass"><td class="LTD"><img src="../images/menuCrn/tileLeft.gif"></td><td  class="'+ TypeClass +'"><a href="' + mnuArr[i][3] + '">' + mnuArr[i][0] + '</a></td><td class="RTD"> </td></tr>' ;
       }
     if  (mnuArr[i][2] == 3)   
       {
       CountMenu_3_sec++;
        if (CountMenu_3_sec==CountMenu_3)
           {
            TypeClass='TopmenuTxt';
           }
        else
           {
            TypeClass='TopmenuTxts';
           }
       Div_3_Html= Div_3_Html + '<tr Class="TRClass"><td class="LTD"><img src="../images/menuCrn/tileLeft.gif"></td><td class="'+ TypeClass +'"><a href="' + mnuArr[i][3] + '">' + mnuArr[i][0] + '</a></td><td class="RTD"> </td></tr>' ;
       }
     if  (mnuArr[i][2] == 4)   
       {
       CountMenu_4_sec++;
        if (CountMenu_4_sec==CountMenu_4)
           {
            TypeClass='TopmenuTxt';
           }
           else
           {
            TypeClass='TopmenuTxts';
           }
       Div_4_Html= Div_4_Html + '<tr Class="TRClass"><td class="LTD"><img src="../images/menuCrn/tileLeft.gif"></td><td class="'+ TypeClass +'"><a width="100%" href="' + mnuArr[i][3] + '">' + mnuArr[i][0] + '</a></td><td class="RTD"></td></tr>' ;
       }    
  }
 } 

document.write('</tr></table>');

document.write('<div ID="Div_0"  style="display:none;position:absolute;" '+ MouseOverOut0 +' >');
document.write('<Table  width="230" cellpadding="0" cellspacing="0" border="0" >');
document.write('<tr  height="4px"><td></td><td></td><td></td></tr><tr><td><img src="../images/menuCrn/Left.gif"></td><td align="middle" background="../images/menuCrn/Center.gif"><img src="../images/menuCrn/Center.gif"></td><td><img src="../images/menuCrn/Right.gif"></td></tr>');
document.write(Div_0_Html);
document.write('<tr><td width="2px"><img src="../images/menuCrn/bLeft.gif"></td><td  background="../images/menuCrn/bCenter.gif"> </td><td><img src="../images/menuCrn/bRight.gif"></td></tr>');
document.write('</Table>');
document.write('</div>');

document.write('<div ID="Div_1" style="display:none;position:absolute;" '+ MouseOverOut1 +' >');
document.write('<Table  width="230" cellpadding="0" cellspacing="0" border="0">');
document.write('<tr height="4px"><td></td><td></td><td></td></tr><tr><td><img src="../images/menuCrn/Left.gif"></td><td align="middle" background="../images/menuCrn/Center.gif"><img src="../images/menuCrn/Center.gif"></td><td><img src="../images/menuCrn/Right.gif"></td></tr>');
document.write(Div_1_Html);
document.write('<tr><td width="2px"><img src="../images/menuCrn/bLeft.gif"></td><td  background="../images/menuCrn/bCenter.gif"> </td><td><img src="../images/menuCrn/bRight.gif"></td></tr>');
document.write('</Table>');
document.write('</div>');

document.write('<div ID="Div_2" style="display:none;position:absolute;" '+ MouseOverOut2 +' >');
document.write('<Table width="230" cellpadding="0" cellspacing="0" border="0">');
document.write('<tr  height="4px"><td></td><td></td><td></td></tr><tr><td><img src="../images/menuCrn/Left.gif"></td><td align="middle" background="../images/menuCrn/Center.gif"><img src="../images/menuCrn/Center.gif"></td><td><img src="../images/menuCrn/Right.gif"></td></tr>');
document.write(Div_2_Html);
document.write('<tr><td width="2px"><img src="../images/menuCrn/bLeft.gif"></td><td  background="../images/menuCrn/bCenter.gif"> </td><td><img src="../images/menuCrn/bRight.gif"></td></tr>');
document.write('</Table>');
document.write('</div>');

document.write('<div ID="Div_3" style="display:none;position:absolute;" '+ MouseOverOut3 +' >');
document.write('<Table  width="230" cellpadding="0" cellspacing="0" border="0">');
document.write('<tr  height="4px"><td></td><td></td><td></td></tr><tr><td><img src="../images/menuCrn/Left.gif"></td><td align="middle" background="../images/menuCrn/Center.gif"><img src="../images/menuCrn/Center.gif"></td><td><img src="../images/menuCrn/Right.gif"></td></tr>');
document.write(Div_3_Html);
document.write('<tr><td width="2px"><img src="../images/menuCrn/bLeft.gif"></td><td  background="../images/menuCrn/bCenter.gif"> </td><td><img src="../images/menuCrn/bRight.gif"></td></tr>');
document.write('</Table>');
document.write('</div>');

document.write('<div ID="Div_4" style="display:none;position:absolute;" '+ MouseOverOut4 +' >');
document.write('<Table  width="230" cellpadding="0" cellspacing="0" border="0">');
document.write('<tr  height="4px"><td></td><td></td><td></td></tr><tr><td><img src="../images/menuCrn/Left.gif"></td><td align="middle" background="../images/menuCrn/Center.gif"><img src="../images/menuCrn/Center.gif"></td><td><img src="../images/menuCrn/Right.gif"></td></tr>');
document.write(Div_4_Html);
document.write('<tr><td width="2px"><img src="../images/menuCrn/bLeft.gif"></td><td  background="../images/menuCrn/bCenter.gif"> </td><td><img src="../images/menuCrn/bRight.gif"></td></tr>');
document.write('</Table>');
document.write('</div>');

}


function MouseOverFun(ObjTop,TopVal,LeftVal,Obj,ImgFile,DivNameID,DisplayStatus, e)

 {
 if(checkMouseEnter(Obj, e))
   {
    document.getElementById('Div_'+ ObjTop).style.top = TopVal;
    document.getElementById('Div_'+ ObjTop).style.left = LeftVal;
    Obj.src='../images/' + ImgFile;
    DivNameID.style.display=DisplayStatus;
    
    if (document.all)
        {
         GetAllDropDown('none','');
        }
    }
 } 
 
 

function MouseOutFun(Obj,ImgFile,DivNameID,DisplayStatus, e)
{

  if(checkMouseLeave(Obj, e))
      {
       Obj.src='../images/'+ ImgFile;
       DivNameID.style.display=DisplayStatus;
       
       if (document.all)
          {
           GetAllDropDown('','none');
          }
      }
}


function CheckIt(obj,Div_id,mnuAr_, e)
{
   if(checkMouseEnter(obj, e))
   {
        obj.style.display='';
        Div_id.src='../images/' + mnuAr_;  
        if (document.all)
          {
           GetAllDropDown('none','');
          }
    }   
}

function CheckItSec(obj,Div_id,mnuAr_, e)
{
     if(checkMouseLeave(obj, e))
     {
        obj.style.display='none';
        Div_id.src='../images/' + mnuAr_;  
        if (document.all)
          {
           GetAllDropDown('','none');
          }
    }
}

function containsDOM (container, containee)
	{
		var isParent = false;
		do
		{
			if ((isParent = container == containee))
				break;
			containee = containee.parentNode;
		}
		while (containee != null);
			return isParent;
	}
	
	function checkMouseEnter (element, evt)
	{	
		if (element.contains && evt.fromElement)
			return !element.contains(evt.fromElement);
		else if (evt.relatedTarget) 
			return !containsDOM(element, evt.relatedTarget);
	}
	
	function checkMouseLeave (element, evt)
	{	
		if (navigator.appName.toLowerCase().indexOf("explorer") > 1)
			return !element.contains(evt.toElement);
		else if (evt.relatedTarget)
			return !containsDOM(element, evt.relatedTarget);	
	}					

function GetAllDropDown(DisplayStatus,DisplayStatusSec){
    var AllSelect = document.getElementsByTagName('SELECT');
    for (i=0;i<AllSelect.length;i++)
    {
    AllSelect[i].style.display=DisplayStatus;
    
    document.getElementById(AllSelect[i].id + 'Txt').style.display=DisplayStatusSec;
    document.getElementById(AllSelect[i].id + 'Img').style.display=DisplayStatusSec;
    }
}
