var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

function submenu_open()
{ submenu_canceltimer();
submenu_close();
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function submenu_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function submenu_timer()
{ closetimer = window.setTimeout(submenu_close, timeout);}

function submenu_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}

document.onclick = submenu_close;

$(document).ready(function(){

	$('#submenu > li').bind('mouseover', submenu_open);
	$('#submenu > li').bind('mouseout', submenu_timer);


$("a").mouseover(function(){
        var menuid=this.id;
    
        if(menuid.length>4)
        {
            if(menuid.substr(0,4)=="menu")
            {
                var getid=menuid.slice(4);
            
                var news=new Array();
                news[0]="<img src='images/menus/menu_image.jpg' alt='' class='image4' width='329' height='414'>";
                news[1]="<img src='images/menus/menu_image2.jpg' alt='' class='image4' width='329' height='414'>";
                news[2]="<img src='images/menus/menu_image.jpg' alt='' class='image4' width='329' height='414'>";
                news[3]="<img src='images/menus/menu_image2.jpg' alt='' class='image4' width='329' height='414'>";
                news[4]="<img src='images/menus/menu_image.jpg' alt='' class='image4' width='329' height='414'>";
				news[5]="<img src='images/menus/menu_image2.jpg' alt='' class='image4' width='329' height='414'>";
                news[6]="<img src='images/photo/thumbs/img-01.jpg' alt='' class='image3' width='604' height='410'>";
                                                                                                                                                                               
            //id of hyperlink should be of the order in the Array above like menu0, menu1, menu2......
                    $('#news_change').html(news[getid]);
            }
        }
    });



	$("a.Thumbnail").mouseover(function(){
		
	var full_image="<img src='images/gallery/Full/" + this.id + ".jpg' alt='' >";
	
		$('#FullImage').html(full_image);
	});
	





	$("a.Menulist").mouseover(function(){
		
	var full_image="<img src='images/graphics/" + this.id + ".jpg' alt='' >";
	
		$('#FullImage').html(full_image);
	});
	
});