$(document).ready(function(){
					   
$("a[href$=jpg]").click( function(){ hs.expand(this); return false;});
$("a[href$=JPG]").click( function(){ hs.expand(this); return false;});
$("a[href$=gif]").click( function(){ hs.expand(this); return false;});
$("a[href$=png]").click( function(){ hs.expand(this); return false;});
$("a[href$=jpeg]").click( function(){ hs.expand(this); return false;});

function changesize(){
	var div = $('div.scroller');
	var divs = $('div#scroll');
	divs.width(400); 
	div.width(400).width(div.parent().width());
	divs.width(divs.parent().width());
}

$(window).bind("resize", function(){
    changesize();
});


	$('div#scroll').mousemove(function(e){
		//var lastLi = $(this).find('a:last-child');
		var lastLi = $(this).find('#scroll_last');
		var divWidth = $(this).width();
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth();	
		var left = (e.pageX - $(this).offset().left) * (ulWidth-divWidth) / divWidth;
		$(this).scrollLeft(left);
	});

	$('div#scroll a').hover(
  		function () {
    			$(this).addClass("hover");
  		},
  		function () {
    			$(this).removeClass("hover");
  		}
	);

	$('div#scroll').hover(
  		function () {
    			scrollactive=false;
  		},
  		function () {
    			scrollactive=true;
  		}
	);

var scrollactive=true;
var direction=3;
if($('div#scroll').is(':visible'))
setInterval(function(){
if (scrollactive){
	var div=$('div#scroll');
	//var lastLi = div.find('a:last-child');
	var lastLi = div.find('#scroll_last');
	var divWidth = div.width();
	var max = lastLi[0].offsetLeft + lastLi.width() - divWidth - div[0].offsetLeft;
 	var left = div.scrollLeft();
	if ((left >= max) && (direction > 0)) direction=0-direction;
        if ((left <= 0) && (direction < 0)) direction=0-direction;
	div.scrollLeft(left+direction);
 }
},40);

var closeTimer;
function closeTime() 
{ 
    closeTimer = window.setTimeout(closeMenu, 200); 
} 
function cancelCloseTime() 
{ 
    if (closeTimer != null) 
    { 
      window.clearTimeout(closeTimer); 
      closeTimer = null; 
    } 
} 
function closeMenu() 
{ 
   $(".popup_menu").slideUp('fast');
} 

$('.top_menu > a').hover(
  function () {

  next=$(this).next();
  if(next.is('.popup_menu')){
    if(next.is(':visible')) cancelCloseTime();
    else{

    	closeMenu();

    	next.css('left',$(this).offset().left+10);

    	next.css('top',$(this).offset().top+$(this).height()+5);

    	next.slideDown('fast');


cancelCloseTime();
    }
  }
  },
  function () {
   closeTime();
  }
);

$('.popup_menu').mouseover(function(){
cancelCloseTime();
});
$('.popup_menu').mouseout(function(){
closeTime();
});

  document.onclick = closeMenu;
changesize();
});