// JavaScript Document
$(document).ready(function(){  
//imgArray=new Array("/images/homepage/AA10_1.jpg", "/images/homepage/AA10_2.jpg", "/images/homepage/AA10_3.jpg", "/images/homepage/AA10_4.jpg");
//var ran_unrounded=Math.random()*4;
//var ran_number=Math.floor(ran_unrounded); 

//$('#random').attr('src', imgArray[ran_number]);



$('#global').mouseover(function(){	
								
			 		$('#sales').css('display', 'block');  
	
  });

$('#sales').mouseover(function(){	
								
			 		$('#sales').css('display', 'block');  
	
});

$('#activities').mouseover(function(){	
			$('#gallerymenu').css('display', 'block');  
	
     });

$('#gallerymenu').mouseover(function(){	
			$('#gallerymenu').css('display', 'block');  
	
     });

$('#global').mouseout(function(){	
			 		
					$('#sales').css('display', 'none');  
	
     });

$('#sales').mouseout(function(){	
			 		
					$('#sales').css('display', 'none');  
	
     });

$('#activities').mouseout(function(){	
			 		
					$('#gallerymenu').css('display', 'none');  
	
     });
$('#gallerymenu').mouseout(function(){	
			 		
					$('#gallerymenu').css('display', 'none');  
	
     });


hideList()	
$('#list' + 1).css('display', 'block');
$('#list_text_'+11).css('display', 'block');
$('#item'+1).addClass('orange');
$('#subitem'+11).addClass('orange');
for (i=1; i<10; i++)
{

	
	$('#item' + i).click(function(){
		hideList();
		hideAll();
		removeClassItem() ;
		myid = ($(this).attr('id'))
		myid = myid.substring(4, 5)
		
		$('#list_text_'+myid+1).css('display', 'block');
		$('#item'+myid).addClass('orange');
		$('#subitem'+myid+1).addClass('orange');
		$('#prod_image').attr('src', "../images/product/"+myid+1+".jpg");
		
		if($('#list' + myid).css('display') == 'none')
			$('#list' + myid).css('display', 'block');
		else
			$('#list' + myid).css('display', 'none');
		
	});
}

var lastID=-1;

for (i=1; i<100; i++)
{
	//$('#list'+ i).css('display', 'none');

	$('#subitem' + i).click(function(){
									 
									 
			

		
		hideAll();
		removeClass();
		$(this).addClass('orange');
		myid = ($(this).attr('id'))
		
		
		myid = myid.substring(7, 9)

		$('#prod_image').attr('src', "../images/product/"+myid+".jpg");
		$('#list_text_'+myid).css('display', 'block');

	//	if($('#list' + myid).css('display') == 'none')
	//		$('#list' + myid).css('display', 'block');
	//	else
//$('#list' + myid).css('display', 'none');
	//	
	});
}


}); 
function hideList(){
	for (i=1; i<10; i++)	
	$('#list'+ i).css('display', 'none');
}
function removeClass() {
	for (i=1; i<100; i++)	{
			$('#subitem' + i).removeClass('orange');
	}
}

function removeClassItem() {
	for (i=1; i<10; i++)	{
			$('#item' + i).removeClass('orange');
	}
}


function hideAll(){
	for (i=1; i<100; i++)
		{
		$('#list_text_'+i).css('display', 'none');
		$(i).removeClass('orange');
		}
}