function show(tab)
{ 
 i=1;
    while (document.getElementById("m_"+i))
 {
 document.getElementById("m_"+i).style.display='none'; 
 i++;
 }
 document.getElementById(tab).style.display='block';
}
//function subshow(st)
//{ 
//i=1;
//    while (document.getElementById("s_"+i))
// {
// document.getElementById("s_"+i).style.display='none'; 
// i++;
// }
// document.getElementById(st).style.display='block';
//}

//function subnav(st)
//{ 
 //i=1;
 //   while (document.getElementById("n_"+i))
// {
// document.getElementById("n_"+i).style.display='none'; 
// i++;
// }
 //document.getElementById(st).style.display='block';
//}

function hide(tab)
{  
 document.getElementById(tab).style.display='none'; 
 }
 
 
 
 
 

$(document).ready( function()
	{
	var currentPosition = 0;
	var slides = $('.slide');
	var slideWidth = 236;  					 /* ------------change image size (same size in css)--------------*/
	var totalSlide = slides.length;	
	
	
	// remove scroller 	
	$('#slideCon').css('overflow', 'hidden');
	// wrape all slide	
	slides.wrapAll('<div id="slideInner"></div>');
	$('#slideInner').css( {'float' : 'left', 'width' : slideWidth * totalSlide});
	$(slides).css('float', 'left');	
	// insert left aero and right aero
	$('#slideContainer').prepend('<span id="left" class="control">&nbsp;</span> <span id="leftdis" class="controldis">&nbsp;</span>')
	$('#slideContainer').append('<span id="right" class="control">&nbsp;</span> <span id="rightdis" class="controldis">&nbsp;</span>');
	manageControl(currentPosition);	
	
	$('.control').click(function()
		{
			currentPosition = ($(this).attr('id') == 'right') ? currentPosition-1 : currentPosition+1;			
			$('#slideInner').animate({'marginLeft': slideWidth * currentPosition});			
			manageControl(currentPosition);	
			
		});
		
		
	function manageControl(position)
		{
			if (position == 0)	
				{	
			
					$('#left').fadeOut("fast");	
					$('#leftdis').fadeIn("fast");	
					$('#leftdis').attr("disabled", true); 
					
									
				}
			else{
					$('#leftdis').fadeOut("slow");
					$('#left').fadeIn("fast");		
				}
				
			if (position  == -totalSlide+1)	
				{		
					//alert('ok');
					$('#right').fadeOut("fast");
					$('#rightdis').fadeIn("fast");						
				}
			else{
					$('#rightdis').fadeOut("fast");
					$('#right').fadeIn("fast");		
				}
			
			
			}		
		
	
	})
		
				
