$(document).ready(function(){
	//Get our elements for faster access and set overlay width
	var div = $('div.sc_menu > div'),
		ul = $('ul.sc_menu'),
		ulPadding = 0;

	//Get menu width
	var divWidth = div.width();

	//Remove scrollbars
	div.css({overflow: 'hidden'});

	//Find last image container
	var lastLi = ul.find('li:last-child');

	//When user move mouse over menu
	div.mousemove(function(e){
		//As images are loaded ul width increases,
		//so we recalculate it each time
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
		var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
		div.scrollLeft(left);
	});
	
	$('.b1 a img').tooltip({ 
		track:true,
		delay: 0,
		fade: true,
		delay: 50,
		showURL: false, 
		bodyHandler: function() { 
			img = $(this);
			$('#tooltip').width('202px');
			$('#tooltip h3').text(img.parent().prev().text()).show();
			return $("<img/>").attr("src", this.src); 
		} 
	});
	
                $('.picj img').tooltip({ 
		track:true,
		delay: 0,
		fade: true,
		delay: 50,
		showURL: false, 
		bodyHandler: function() { 
			img = $(this);
			$('#tooltip').width('auto');
			//$('#tooltip h3').text(img.parent().prev().text()).show();
			return $("<img/>").attr("src", this.src); 
		} 
	});
                $('div.news-detail img.detail_picture').tooltip({ 
		track:true,
		delay: 0,
		fade: true,
		delay: 50,
		showURL: false, 
		bodyHandler: function() { 
			img = $(this);
			$('#tooltip').width('auto');
			//$('#tooltip h3').text(img.parent().prev().text()).show();
			return $("<img/>").attr("src", this.src); 
		} 
	});

                $('.svid a').tooltip({ 
		track:true,
		delay: 0,
		fade: true,
		delay: 50,
		showURL: false, 
		bodyHandler: function() { 
			//img = $(this);
			$('#tooltip').width('300px');
			//$('#tooltip h3').text(img.parent().prev().text()).show();
                    var adr = this.href;
                    //var s1 = adr.substr(0,26);
                    //var s2 = adr.substr(26,8);
                    //var adr1 = s1 + "a" + s2;
                    //var s1 = adr.substr(0,19);
                    //var adr1 = s1;
                    //alert(adr1);
			var imag = $("<img/>").attr({src: adr}); 
                     imag.width("300px");
                     imag.height("auto");
                     return imag;
		} 
	});

	$('.b2 li').mouseover( function () {
		$('#tooltip').width(300);
	});
	
	$('.b2 li').tooltip({ 
		track:true,
		showURL: false,
		fade: true,
		delay: 50
	});
	
    $(".b").click(function(){
        $("#p"+this.id).slideToggle("slow");
    });
    
});