$(document).ready(function(){
   $(".paging").show();
	$(".paging a:first").addClass("active");
	
	var imageWidth = $(".window").width();
	var imageSum = $(".image_reel img").size();
	var imageReelWidth = imageWidth * imageSum;
	
	$(".image_reel").css({'width' : imageReelWidth});
	rotate = function(){
    var triggerID = $active.attr("rel") - 1; 
    var image_reelPosition = triggerID * imageWidth;
    $(".paging a").removeClass('active'); 
    $active.addClass('active'); 

    $(".image_reel").animate({
        left: -image_reelPosition
    }, 500 );

	}; 
	rotateSwitch = function(){
		play = setInterval(function(){ 
			$active = $('.paging a.active').next();
			if ( $active.length === 0) {
				$active = $('.paging a:first'); 
			}
			rotate();
		}, 3500); 
	};
	rotateSwitch(); 
	$(".image_reel a").hover(function() {
		clearInterval(play); 
	}, function() {
		rotateSwitch();
	});	
	$(".paging a").click(function() {
		$active = $(this);
		//Reset Timer
		clearInterval(play); 
		rotate(); 
		rotateSwitch(); 
		return false;
	});
	//MENU WEB
	$("#vs_menu .btn_web_design").click(function() {
		$("#scrollable").animate({scrollTop:0}, 500);
		$(".btn_web_design").css('background-position','bottom')
		$(".btn_seo").css('background-position','top')
		$(".btn_hosting").css('background-position','top')
		$(".btn_config_cms").css('background-position','top')
		$(".btn_marketing").css('background-position','top')
	});
	$("#vs_menu .btn_config_cms").click(function() {
		$("#scrollable").animate({scrollTop:900}, 500);
		$(".btn_web_design").css('background-position','top')
		$(".btn_seo").css('background-position','top')
		$(".btn_marketing").css('background-position','top')
		$(".btn_hosting").css('background-position','top')
		$(".btn_config_cms").css('background-position','bottom')
	});
	$("#vs_menu .btn_seo").click(function() {
		$("#scrollable").animate({scrollTop:1800}, 500);
		$(".btn_web_design").css('background-position','top')
		$(".btn_config_cms").css('background-position','top')
		$(".btn_marketing").css('background-position','top')
		$(".btn_hosting").css('background-position','top')
		$(".btn_seo").css('background-position','bottom')
	});
	$("#vs_menu .btn_marketing").click(function() {
		$("#scrollable").animate({scrollTop:2700}, 500);
		$(".btn_web_design").css('background-position','top')
		$(".btn_config_cms").css('background-position','top')
		$(".btn_hosting").css('background-position','top')
		$(".btn_seo").css('background-position','top')
		$(".btn_marketing").css('background-position','bottom')
	});
	$("#vs_menu .btn_hosting").click(function() {
		$("#scrollable").animate({scrollTop:3600}, 500);
		$(".btn_web_design").css('background-position','top')
		$(".btn_config_cms").css('background-position','top')
		$(".btn_seo").css('background-position','top')
		$(".btn_marketing").css('background-position','top')
		$(".btn_hosting").css('background-position','bottom')
	});
	
	//MENU SERVIS
	$("#vs_menu .btn_popravke").click(function() {
		$("#scrollable").animate({scrollTop:0}, 500);
		$(".btn_popravke").css('background-position','bottom')
		$(".btn_servis_ostalo").css('background-position','top')
		$(".btn_ugovorna").css('background-position','top')
	});
	$("#vs_menu .btn_ugovorna").click(function() {
		$("#scrollable").animate({scrollTop:900}, 500);
		$(".btn_popravke").css('background-position','top')
		$(".btn_servis_ostalo").css('background-position','top')
		$(".btn_ugovorna").css('background-position','bottom')
	});
	$("#vs_menu .btn_servis_ostalo").click(function() {
		$("#scrollable").animate({scrollTop:1800}, 500);
		$(".btn_popravke").css('background-position','top')
		$(".btn_servis_ostalo").css('background-position','bottom')
		$(".btn_ugovorna").css('background-position','top')
	});
		//MENU PRODAJA
	$("#vs_menu .btn_maloprodaja").click(function() {
		$("#scrollable").animate({scrollTop:0}, 500);
		$(".btn_maloprodaja").css('background-position','bottom')
		$(".btn_veleprodaja").css('background-position','top')
		$(".btn_internetprodaja").css('background-position','top')
	});
	$("#vs_menu .btn_veleprodaja").click(function() {
		$("#scrollable").animate({scrollTop:900}, 500);
		$(".btn_maloprodaja").css('background-position','top')
		$(".btn_veleprodaja").css('background-position','bottom')
		$(".btn_internetprodaja").css('background-position','top')
	});
	$("#vs_menu .btn_internetprodaja").click(function() {
		$("#scrollable").animate({scrollTop:1800}, 500);
		$(".btn_maloprodaja").css('background-position','top')
		$(".btn_veleprodaja").css('background-position','top')
		$(".btn_internetprodaja").css('background-position','bottom')
	});
	
		//MENU SOFTWARE
	$("#vs_menu .btn_pos").click(function() {
		$("#scrollable").animate({scrollTop:0}, 500);
		$(".btn_pos").css('background-position','bottom')
		$(".btn_robno").css('background-position','top')
		$(".btn_gps").css('background-position','top')
	});
	$("#vs_menu .btn_robno").click(function() {
		$("#scrollable").animate({scrollTop:900}, 500);
		$(".btn_pos").css('background-position','top')
		$(".btn_robno").css('background-position','bottom')
		$(".btn_gps").css('background-position','top')
	});
	$("#vs_menu .btn_gps").click(function() {
		$("#scrollable").animate({scrollTop:1800}, 500);
		$(".btn_pos").css('background-position','top')
		$(".btn_robno").css('background-position','top')
		$(".btn_gps").css('background-position','bottom')
	});
		//MENU SI
	$("#vs_menu .btn_wsi").click(function() {
		$("#scrollable").animate({scrollTop:0}, 500);
		$(".btn_wsi").css('background-position','bottom')
		$(".btn_mrezna").css('background-position','top')
		$(".btn_voip").css('background-position','top')
		$(".btn_siz").css('background-position','top')
	});
	$("#vs_menu .btn_mrezna").click(function() {
		$("#scrollable").animate({scrollTop:900}, 500);
		$(".btn_wsi").css('background-position','top')
		$(".btn_mrezna").css('background-position','bottom')
		$(".btn_voip").css('background-position','top')
		$(".btn_siz").css('background-position','top')
	});
	$("#vs_menu .btn_voip").click(function() {
		$("#scrollable").animate({scrollTop:1800}, 500);
		$(".btn_wsi").css('background-position','top')
		$(".btn_mrezna").css('background-position','top')
		$(".btn_voip").css('background-position','bottom')
		$(".btn_siz").css('background-position','top')
	});
	$("#vs_menu .btn_siz").click(function() {
		$("#scrollable").animate({scrollTop:2700}, 500);
		$(".btn_wsi").css('background-position','top')
		$(".btn_mrezna").css('background-position','top')
		$(".btn_voip").css('background-position','top')
		$(".btn_siz").css('background-position','bottom')
	});	//Carousel
	 jQuery("#mycarousel").jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });

if (document.documentElement && typeof document.documentElement.style.maxHeight == "undefined") $(".ie6_opomena").css('display','block');
  });
Shadowbox.init({});
function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });
    jQuery('.jcarousel-scroll select').bind('change', function() {
        carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
        return false;
    });
    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });
    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};