var goLink;

$(document).ready(function() {
	$('#index_img ul').innerfade({
		containerheight: $('#index_img').height(),
		speed: 1000,
		timeout: 3000
	});

	$('.fancybox').fancybox();

	/*slider*/
		//scrollpane parts
		var scrollPane = $( ".scroll-pane" ),
			scrollContent = $( ".scroll-content" );
		
		//build slider
		var scrollbar = $( ".scroll-bar" ).slider({
			range: 'min',
			value: 100,
			slide: function( event, ui ) {
				if ( scrollContent.width() > scrollPane.width() ) {
					scrollContent.css( "margin-left", Math.round(
						ui.value / 100 * ( scrollPane.width() - scrollContent.width() )
					) + "px" );
				} else {
					scrollContent.css( "margin-left", 0 );
				}
			}
		});
		
		scrollContent.css({
			marginLeft: scrollPane.width() - scrollContent.width()
		});
		
		//append icon to handle
		var handleHelper = scrollbar.find( ".ui-slider-handle" )
		.mousedown(function() {
			scrollbar.width( handleHelper.width() );
		})
		.mouseup(function() {
			scrollbar.width( "100%" );
		})
		.append( "<span class='ui-icon ui-icon-grip-dotted-vertical'></span>" )
		.wrap( "<div class='ui-handle-helper-parent'></div>" ).parent();
		
		
		//change overflow to hidden now that slider handles the scrolling
		scrollPane.css( "overflow", "hidden" );
		
		//size scrollbar and handle proportionally to scroll distance
		function sizeScrollbar() {
			var remainder = scrollContent.width() - scrollPane.width();
			var proportion = remainder / scrollContent.width();
			var handleSize = scrollPane.width() - ( proportion * scrollPane.width() );
			scrollbar.find( ".ui-slider-handle" ).css({
				width: handleSize,
				"margin-left": -handleSize / 2
			});
			handleHelper.width( "" ).width( scrollbar.width() - handleSize );

		}
		
		//reset slider value based on scroll content position
		function resetValue() {
			var remainder = scrollPane.width() - scrollContent.width();
			var leftVal = scrollContent.css( "margin-left" ) === "auto" ? 0 :
				parseInt( scrollContent.css( "margin-left" ) );
			var percentage = Math.round( leftVal / remainder * 100 );
			scrollbar.slider( "value", percentage );
		}
		
		//if the slider is 100% and window gets larger, reveal content
		function reflowContent() {
				var showing = scrollContent.width() + parseInt( scrollContent.css( "margin-left" ), 10 );
				var gap = scrollPane.width() - showing;
				if ( gap > 0 ) {
					scrollContent.css( "margin-left", parseInt( scrollContent.css( "margin-left" ), 10 ) + gap );
				}
		}
		
		//change handle position on window resize
		$( window ).resize(function() {
			resetValue();
			sizeScrollbar();
			reflowContent();
		});
		//init scrollbar size
		setTimeout( sizeScrollbar, 10 );//safari wants a timeout
	/*slider - end*/
	
	/*years_slider*/
		var yearsList = $('.years_slider');
		$('<div class="scroll-bar-wrap" id="onclickhendlerGo"><div class="slider_range_fake"/></div>').insertAfter($('ul', yearsList));
		var slider = $('<div class="slider"/>').appendTo($('.scroll-bar-wrap', yearsList)).slider({
			min: 1,
			max: 4,
			range: 'min',
			value: $('ul li.current', yearsList).index(),
			create: function(event, ui) {
				$('.ui-slider-handle', yearsList).append('<span class="ui-icon"/>');
			},
			slide: function(event, ui) {
				$('ul li:eq(' + ui.value + ')', yearsList).addClass('current').siblings().removeClass('current');
				//$('ul li:eq(' + ui.value + ')', yearsList).addClass('current1');
				comethruelink();
			}
		});
		
		$('ul li:not(.disabled) a', yearsList).click(function() {
			slider.slider('value', $(this).parent().index());
			$(this).parent().addClass('current').siblings().removeClass('current');
			//return false;
		});
	/*years_slider - end*/
	
	$('table').each(function() {
		$(this).wrap('<div class="table_wrapper"></div>').after('<img src="/img/siteimage/item_shadow_btm.png" class="item_shadow_btm" alt="">');
	});

	/*zebra stripping*/
	$("table tr:nth-child(even)").addClass("even");
	/*zebra stripping - end*/
});


if(document.getElementsByClassName) {

	getElementsByClass = function(classList, node) {    
		return (node || document).getElementsByClassName(classList);
	}

} else {

	getElementsByClass = function(classList, node) {			
		var node = node || document,
		list = node.getElementsByTagName('*'), 
		length = list.length,  
		classArray = classList.split(/\s+/), 
		classes = classArray.length, 
		result = [], i,j;
		for(i = 0; i < length; i++) {
			for(j = 0; j < classes; j++)  {
				if(list[i].className.search('\\b' + classArray[j] + '\\b') != -1) {
					result.push(list[i]);
					break
				}
			}
		}
	
		return result;
	}
}

function comethruelink() {
	var p_list = getElementsByClass('years_slider', document)[0];
	var p_list_el = getElementsByClass('current', p_list)[0];
	var p_list_el_a = p_list_el.getElementsByTagName('a')[0].href;

	var getFFTimeout = function(j, k){
		var fn = function(){
			if(j.className == 'current'){
				document.location = k;
			}
		}
		return fn;
	}

	setTimeout(getFFTimeout(p_list_el, p_list_el_a), 1000);
}