var s_w =90; //slider width
var s_c =0; // number of slides

var hash=""; // get #
var fhref=""; // first image
var str = "";
var c_slide = 0;

var fade_c = 0;

var t; //timeout

var w_h; // window height


var is_auto = 1; 

$(document).ready( function() {
	theMainSlider();
	setBottomMenuBar();
	
	$('.pause').click(function(){
		if(is_auto==1)
		{
			is_auto=0;
			$(this).addClass('addPlay');
			clearTimeout(t);
		}
		else
		{
			is_auto=1;
			$(this).removeClass('addPlay');
			t = setTimeout("autoFadeMainSlider();", 5000);

		}
	});
	t = setTimeout("autoFadeMainSlider();", 5000);
	

});
function theMainSlider() {
	hash = window.location.hash;
	//alert(hash);
	s_c = $('.strip-slider-monitor ul li').size();
	//alert(s_c);
	var montor_widht = 4 + (s_w * s_c);
	$('.strip-slider-monitor').width(montor_widht);
	if(hash=="") {
		fhref = $('.thumbs li a:eq(0)').attr('href');
		if($('.strip-slider-monitor .thumbs li a:eq(0)').attr('sku'))
		{
			str = '<span>'+$('.strip-slider-monitor .thumbs li a:eq(0)').attr('sku')+'</span>'+$('.thumbs li a:eq(0)').attr('title');
		}
		$('.strip-slider-monitor .thumbs li:eq('+fade_c+')').css({'border':'2px solid #fff'});

		$('.text-info').html(str);
	} else {
		fhref = $(hash).attr('href');
		str = $(hash).attr('title');
		$('.text-info').html(str);
		$('.strip-slider-monitor .thumbs li:eq('+fade_c+')').css({'border':'2px solid #fff'});

	}

	$('.current-slide').html('<img src="'+fhref+'" class="nkar" />');
	$('.strip-slider-monitor .thumbs li a').click( function(e) {
		$('.strip-slider-monitor .thumbs li').css({'border':'0px solid #fff'});
		
		e.preventDefault();
		clearTimeout(t);
		var href = $(this).attr('href');
		str = '<span>'+ $(this).attr('sku')+'</span>'+$(this).attr('title');
		//alert(href);
		$('.paxkvoci').html('<img src="'+href+'" class="nkar" />');
		fade_c = $(this).parent().index();
		$('.loader').css({'display':'block'});
		$('.nkar').load( function() {
			$('.next').html('<img src="'+href+'" class="nkar" />');
			$('.next').stop(false,true).fadeIn();
			$('.next').addClass('active-slide');

			$('.active-slide').removeClass('next');

			$('.current-slide').addClass('next').removeClass('current-slide');
			$('.active-slide').addClass('current-slide').removeClass('active-slide');

			$('.text-info').html(str);

			$('.next').stop(false,true).fadeOut();
			
			$('.loader').css({'display':'none'});
			$('.strip-slider-monitor .thumbs li:eq('+fade_c+')').css({'border':'2px solid #fff'});
			//$('.next').html('');
		});
		t = setTimeout("autoFadeMainSlider();", 5000);
	});
	$('.strip-right').click( function() {
		if(c_slide < s_c-6) {
			c_slide++;
			$('.strip-slider-monitor').stop(false,false).animate({
				'left': -90*c_slide
			});
		}
	});
	$('.strip-left').click( function() {
		if(c_slide > 0) {
			c_slide--;
			$('.strip-slider-monitor').stop(false,false).animate({
				'left': -90*c_slide
			});
		}
	});
}

function autoFadeMainSlider()
{
	if(fade_c<s_c-1){	
	fade_c++;
	
	// strip-slider-monitor .thumbs li a
	var href = $('.strip-slider-monitor .thumbs li a:eq('+fade_c+')').attr('href');
	
	//alert(href);
	str = '<span>'+$('.strip-slider-monitor .thumbs li a:eq('+fade_c+')').attr('sku')+'</span>'+$('.strip-slider-monitor .thumbs li a:eq('+fade_c+')').attr('title');
	//alert(str);
	$('.paxkvoci').html('<img src="'+href+'" class="nkar" />');
	//fade_c = $(this).parent().index();
	$('.nkar').load( function() {
		$('.strip-slider-monitor .thumbs li:eq('+(fade_c-1)+')').css({'border':'0px'});

		$('.strip-slider-monitor .thumbs li:eq('+fade_c+')').css({'border':'2px solid #fff'});

		$('.next').html('<img src="'+href+'" class="nkar" />');
		$('.next').stop(false,true).fadeIn();
		$('.next').addClass('active-slide');

		$('.active-slide').removeClass('next');

		$('.current-slide').addClass('next').removeClass('current-slide');
		$('.active-slide').addClass('current-slide').removeClass('active-slide');

		$('.text-info').html(str);

		$('.next').stop(false,true).fadeOut();
		//$('.next').html('');
	});
	}
	else
	{
		fade_c = -1;
	}

t = setTimeout("autoFadeMainSlider();", 5000);
}

function setBottomMenuBar()
{
	w_h =$(window).height();
	var top_margin =w_h - (140+76) ;
	//alert(top_margin);
	//$('.upper_wrapper_holder .upper_wrapper .container .page-home').css({'margin-top': top_margin});
	$('.home-page .upper_wrapper').css({'height':w_h});
	$('.home-page .image-holder').css({'height':w_h});
	//alert(w_h);
	
}