$(document).ready(function(){

		  	$(".zoom").colorbox();

	$('.veriler a img').animate({'opacity' : 0.7}).hover(function() {
					$(this).animate({'opacity' : 1});
				}, function() {
					$(this).animate({'opacity' : 0.7});
				});



	$.fn.vAlign = function() {
	return this.each(function(i){
	var ah = $(this).height();
	var ph = $('html').height();
	var mh = ph - 180;
	$(this).css('height', mh);
	$(this).css('padding-bottom', 30);
	});
	};

	$.fn.menuac = function() {
	return this.each(function(i){
	var ah = $(this).width();
	var ph = $('html').width();
	var mh = ((ph-928)/2);
	$(this).css('left', mh);
	$(this).css('display', 'block');
	
	});
	};



$('#sayfa').vAlign();
$('#sayfa_icerik').vAlign();
$('#menu').menuac();


	$(window).resize(function () { 
$('#sayfa').vAlign();
$('#sayfa_icerik').vAlign();
$('#menu').menuac();

 }); 




//	$.extend($.fn.jScrollPane.defaults, {showArrows:false},{wheelSpeed:100},{animateStep :15});
	$('#sayfa_icerik').each(
		function()
		{
			$(this).jScrollPane(
				{
				scrollbarWidth:0, scrollbarMargin:0
			//	showArrows: $(this).is('.arrow')
				}
			);
			var api = $(this).data('jsp');
			var throttleTimeout;
			$(window).bind(
				'resize',
				function()
				{
					if ($.browser.msie) {
						// IE fires multiple resize events while you are dragging the browser window which
						// causes it to crash if you try to update the scrollpane on every one. So we need
						// to throttle it to fire a maximum of once every 50 milliseconds...
						if (!throttleTimeout) {
							throttleTimeout = setTimeout(
								function()
								{
									api.reinitialise();
									throttleTimeout = null;
								},
								50
							);
						}
					} else {
						api.reinitialise();
					}
				}
			);
		}
	)


	var style = 'easeOutExpo';

		//Retrieve the selected item position and width
		var default_left = Math.round($('#lava li.selected').offset().left - $('#lava').offset().left);
		var default_width = $('#lava li.selected').width();

		//Set the floating bar position and width
		$('#box').css({left: default_left});
		$('#box .head').css({width: default_width});

		//if mouseover the menu item
		$('#lava li').hover(function () {
			
			//Get the position and width of the menu item
			left = Math.round($(this).offset().left - $('#lava').offset().left);
			width = $(this).width(); 
		$('#debug').html(left);
			//Set the floating bar position, width and transition
			$('#box').stop(false, true).animate({left: left},{duration:1000, easing: style});	
			$('#box .head').stop(false, true).animate({width:width},{duration:1000, easing: style});	
		
		//if user click on the menu
		}).click(function () {
			
			//reset the selected item
			$('#lava li').removeClass('selected');	
			
			//select the current item
			$(this).addClass('selected');
	
		});
		
		//If the mouse leave the menu, reset the floating bar to the selected item
		$('#lava').mouseleave(function () {

			//Retrieve the selected item position and width
			default_left = Math.round($('#lava li.selected').offset().left - $('#lava').offset().left);
			default_width = $('#lava li.selected').width();
			
			//Set the floating bar position, width and transition
			$('#box').stop(false, true).animate({left: default_left},{duration:1500, easing: style});	
			$('#box .head').stop(false, true).animate({width:default_width},{duration:1500, easing: style});		
			
		});
		




});