var majors = new Array('general', 'activities', 'projects', 'resources'); //ids of the slide menu elements

function toggle(elmt) {
	if (!document.getElementById) return true;

/*if (b==1) {
		for (var i=majors.length-1; i>=0; i--) {
			if (majors[i] != a) document.getElementById(majors[i]).style.display='none';
		}
	}*/
	
	elmt=document.getElementById(elmt);
	elmt.style.display=(elmt.style.display=='block')?'none':'block';
	
	return false;
}


function create_css() {

      var pagewidth, stylescript;
      pagewidth = screen.width;
      
      if ( pagewidth < 1024 ) { stylescript = 1024;} 
      if ( pagewidth >= 1024 && pagewidth < 1280 ) { stylescript = 1024;} 
      if ( pagewidth >= 1280 && pagewidth < 1600 ) { stylescript = 1024;} 
      if ( pagewidth >= 1600 ) { stylescript = 1024;}
         
      document.write("<LINK href = 'Styles/style" + stylescript + ".css' type=text/css rel=StyleSheet>");
}

function create_logo() {

	var html;
	html =   '<table width = "100%" border = "0" cellpadding = "0" cellspacing = "0">';
	    
	html +=  '  <tr>';
	html +=  '    <td>';
	html +=  '      <center><img src="Images/baliz_project_papki8.jpg"></img></center>';
	html +=  '    </td>';
	html +=  '  </tr>  ';

        html +=  '</table>';
	
	document.write(html);
}	

function create_title() {
	var html;
	html =  ' <tr>';
	html += '   <td class = "name">Bulgarian Association for Persons with Intellectual Disabilities</td>';
	html += ' </tr> ';  
	document.write(html);
}

function create_tabmenu(page_en, order) {
	var html;
	var tabmenu = new Array("button", "button", "button");
	var tabmenu1 = new Array("white", "white", "white");
	
	if ( order ) {
		tabmenu[order] = "activ";
// 		tabmenu1[order] = "#c8deee";
		tabmenu1[order] = "#bee8e2";
	} else {
		tabmenu[0] = "activ";														
// 		tabmenu1[0] = "#c8deee";
		tabmenu1[0] = "#bee8e2";
	}
	
	html =  ' <table width = "100%" border = "0" cellpadding = "0" cellspacing = "0" >';
	html += '   <tr>';
	html += '     <td><img src="Images/pixel.gif"></img></td>';
	html += '     <td class = "button1"><a href = "' + page_en + '">ÁÃ</a></td>';
	html += '     <td class = "' + tabmenu[0] + '"><a href = "home_en.html">Home</a></td>';
	html += '     <td class = "' + tabmenu[1] + '"><a href = "http://ivanrilski.org/forum/">Forum</a></td>';
	html += '     <td class = "' + tabmenu[2] + '"><a href = "contacts_en.html">Contacts</a></td>';
	html += '     <td class = "tab_space"><img src="Images/pixel.gif"></img></td>';
	html += '   </tr>';
	html += '   <tr height = "1">';
	html += '     <td bgcolor = "white"><img src="Images/pixel.gif"></img></td>';
	html += '     <td bgcolor = "white"><img src="Images/pixel.gif"></img></td>';
	html += '     <td bgcolor = "' + tabmenu1[0] + '"><img src="Images/pixel.gif"></img></td>';
	html += '     <td bgcolor = "' + tabmenu1[1] + '"><img src="Images/pixel.gif"></img></td>';
	html += '     <td bgcolor = "' + tabmenu1[2] + '"><img src="Images/pixel.gif"></img></td>';
	html += '     <td bgcolor = "white"><img src="Images/pixel.gif"></img></td>';
	html += '   </tr>';
	html += ' </table>';
	
	document.write(html);
}


function create_side_menu() {
	var html;
	
	html =  ' <div class = "border">';
        html += '   <p class = "menu">';
        html += '      &nbsp;';
        html += '   </p>';

       /* html +=  '  <p class = "menu">';
        html +=  '    <a  href = "home_en.html" >Home</a>';
        html +=  '  </p>';*/
          
        html +=  '  <p class = "menu" onclick="return toggle(\'general\', 1);">';
        html +=  '    Àbout us';
	html +=  '  </p>';
            
	html += '  <div class = "hidden" id = "general">';
        html += '    <p class = "submenu"><a href="aboutus_en.html" >Team</a></p>';
        html += '    <p class = "submenu"><a href="history_en.html" >Reports</a></p>';
       /* html += '    <p class = "submenu"><a href="people_en.html" >Method</a></p>';*/
        html += '  </div>';

		html += '   <p class = "menu" onclick="return toggle(\'products\', 1);">';
        html += '     Membership';
        html += '   </p>';
        html += '   <div class = "hidden" id = "products">';
        html += '     <p class = "submenu"><a href="programs_en.html" >Application</a></p>';
        html += '     <p class = "submenu"><a href="demos_en.html" >Local structures </a></p>';
        html += '   </div>';
                    
        html += '   <p class = "menu" onclick="return toggle(\'activities\', 1);">';
        html += '     Activities';
        html += '  </p>';
        html += '  <div class = "hidden" id = "activities">';
        html += '   <p class = "submenu"><a href="research_en.html" >Child and family</a></p>';
        html += '   <p class = "submenu"><a href="litsa_en.html" >Adults</a></p>';
        html += '    <p class = "submenu"><a href="conferences_en.html" >Projects</a></p>';
        html += '  </div>';
            
	html += '   <p class = "menu" onclick="return toggle(\'projects\', 1);">';
        html += '     Advocacy';
        html += '  </p>';
        html += '   <div class = "hidden" id = "projects">';
        html += '     <p class = "submenu"><a href="conference_en.html" >Conference</a></p>';
        html += '     <p class = "submenu"><a href="europlatform_en.html" >Europlatform</a></p>';
        html += '   </div>';
            
	
            
	html +=  '  <p class = "menu" onclick="return toggle(\'resources\', 1);">';
        html +=  '     <a href="publications_en.html" >Publications';
        html +=  '  </p>';
                        
        
	html += '   <p class = "menu">';
        html += '     <a href="services_en.html" >Partners</a>';
        html += '   </p>';
	    
	html += '   <p class = "menu">';
        html += '     <a href="links.html" >Links</a>';
        html += '   </p>';
            
	html += '   <p class = "menu">';
        html += '     <a href = "contacts_en.html" >Contacts</a>';
        html += '   </p>';
            
	html += '  <p class = "menu_">';
        html += '     &nbsp;';
        html += '  </p>';    
        html += '</div>';
	
	document.write(html);
}
 
function create_right_side_table() {
	var html;
	

	 
	html =  ' <table class = "border" width = "100%" border = "0" cellpadding = "0" cellspacing = "0">';
	html += '   <tr>';
	html += '      <td class = "title" >Easy-to-read</td>';
	html += '    </tr>';
	html += '    <tr>';
	html += '      <td class = "content1" valign = "top">';
	html += '	<center><a href = "conferences_en.html" class = "links" style = "font-size: 18px"></a></center>';
	html += '	<center><img src="Images/arg-child-headturn-sm.gif" height="140" width = "150"></img></center>';
	html += '      </td>';
	html += '    </tr>';
	html += '  </table>';
	
	document.write(html);
}

function create_statusbar() {
	var html;
	
	html =  '<p class = "h_space"><img src="Images/pixel.gif"></img></p>';
      
	html += '<p class = "statusbar"><a href = "home_en.html" >Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href = "http://ivanrilski.org/forum/" >Forum</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href = "contacts_en.html" >Contacts</a></p>';
      
	html += '<p class = "h_space"><img src="Images/pixel.gif"></img></p>';

	document.write(html);
}