var topSpos=1;
var topSname='';
var topSanimIsRunning = 0;


		$(function(){

			$('#slider1').anythingSlider({
				startStopped    : false, // If autoPlay is on, this can force it to start stopped
				width           : 1024,   // Override the default CSS width
				theme           : 'default',
				onSlideComplete : function(slider){
					// alert('Welcome to Slide #' + slider.currentPage);
				}
			});

		});
		
		
		$(function(){

			// External Link
			$("#slide-jump").click(function(){
				$('#slider2').anythingSlider(4);
				return false;
			});

			// External Link
			$("a.muppet").click(function(){
				$('#slider1').anythingSlider(5);
				$(document).scrollTop(0);
				return false;
			});


			$('.anythingSlider').bind('slideshow_start slideshow_stop slideshow_paused slideshow_unpaused slide_init slide_begin slide_complete',function(e, slider){
				// show object ID + event (e.g. "slider1: slide_begin")
				var txt = slider.$el[0].id + ': ' + e.type + ', now on panel #' + slider.currentPage;
				$('#status').text(txt);
				if (window.console && window.console.firebug){ console.debug(txt); } // added window.console.firebug to make this work in Opera
			});

			// Theme Selector (This is really for demo purposes only)
			var themes = ['minimalist-round','minimalist-square','metallic','construction','cs-portfolio'];
			$('#currentTheme').change(function(){
				var theme = $(this).val();
				if (!$('link[href*=' + theme + ']').length) {
					$('body').append('<link rel="stylesheet" href="css/theme-' + theme + '.css" type="text/css" media="screen" />');
				}
				$('#slider1').closest('div.anythingSlider')
					.removeClass( $.map(themes, function(t){ return 'anythingSlider-' + t; }).join(' ') )
					.addClass('anythingSlider-' + theme);
			});

			// Add a slide
			var imageNumber = 1;
			$('button.add').click(function(){
				$('#slider1')
					.append('<li><img src="images/slide-tele-' + (++imageNumber%2 + 1)  + '.jpg" alt="" /></li>')
					.anythingSlider(); // update the slider
			});
			$('button.remove').click(function(){
				if ($('#slider1').data('AnythingSlider').pages > 1) {
					$('#slider1 > li:not(.cloned):last').remove();
					$('#slider1').anythingSlider(); // update the slider
				}
			});

		});


$(function(){

	$("#steps .st").mouseenter(function(){
		
		$("#steps .st_active").animate({ height : "0px" }, 600);
		$("#steps .st_active p.active a.naruci_sad").animate({ bottom: "-70px" }, 500)
		$("#steps .st_active p.active a.info_btn").animate({ bottom: "-70px" }, 400)
		
		//svaki div box ima dvije klase. prva je ".st", a druga st_imekoraka.
		var  klasa = $(this).attr("class");
		
		//alert(klasa);
		
		//maknem st iz klase i ostaje mi samo pravo ime koraka u varijabli "klasa"		
		klasa =  klasa.replace(/st st_background /, "");
		
		//samo za definiciju vrijednost je za otkrivanje errora, nikad se nebi smjelo pojaviti na stranici
		var height_active="10px";
		
		//svaki box ima drukciju visinu, u "height_active" varijablu se sprema vrijednost 
		if(( klasa=="st_idea") || ( klasa=="st_deployment")){ height_active="137px"; }
		if(( klasa=="st_design") || ( klasa=="st_3")){ height_active="137px"; }
		if ( klasa=="st_slicing"){ height_active = "339px" }
		
		//otvaranje boxa na kojemu je mi�
		$("." + klasa + ':not(.st_background)').animate({ height:height_active }, 600); //
		
		
		//micanje klase st_active s prozora koji se zatvara
		$("#steps .st_active").removeClass("st_active");
		
		//postavljanje klase st_active na box koji je otvoren
		$("." + klasa + ':not(.st_background)').addClass("st_active");
		
		//animiranje naruci sad i info gumbova
		setTimeout('$(".st_active p.active a.naruci_sad").animate({ bottom: "9px" }, 400);',500);
		setTimeout('$(".st_active p.active a.info_btn").animate({ bottom: "9px" }, 350);',400);		
	
	})//end mouseenter .st  
	
});
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        vertical: true,
        scroll: 3
    });
});

$(document).ready(function(){
	$(".slide_button").click(function(){
		$("#slide_panel").slideToggle("normal");
		$("#golemsipka").toggleClass("slide_button_sipka_up"); return false;
	});
});



function stopSubmit() {

	if (navigator.appName == "Microsoft Internet Explorer") {
		window.document.execCommand('Stop');
	} else {
		window.stop();
	}

}

$(function(){

	$(".aslider_main").mouseenter(function(){

		var x = $(this).attr("id") + "_normal";
		var b1 = $(this).attr("id") + "_btn1";
		var b2 = $(this).attr("id") + "_btn2";
		
		var move = "0px";
		
		$("#"+x+" .aslider_main_btn").css("margin-top","70px");

		$("#"+x).animate({ "margin-top" : move }, 500, function(){
			$("#"+b1).animate({ "margin-top" : move }, 200, function(){
				$("#"+b2).animate({ "margin-top" : move }, 200);
			});
			
		});
		
		topSname = x;
	});
	
	$(".aslider_main").mouseleave(function(){
			//alert(topSname);
			var b1 = $("#"+topSname).attr("id") + "_btn1";
			var b2 = $("#"+topSname).attr("id") + "_btn2";		

			var move = "137px";
			$("#"+topSname).animate({ "margin-top" : move }, 500);
	});
	
	
});

$(document).ready(function(){
	
	var countTopS = $("#adv_slider_wrapper").children().length;
	//alert(countTopS);
	
	$("#adv_slider_up").click(function(){
		if((topSpos+3) < countTopS){
			var move = "-="+($("#step_1").outerHeight() * 3)+"px";
			$("#adv_slider_wrapper").animate({ "margin-top" : move }, 600);
			topSpos += 3;
		}
		
	});
	
	$("#adv_slider_down").click(function(){
		if((topSpos-3) >= 1){
			var move = "+="+($("#step_1").outerHeight() * 3)+"px";
			$("#adv_slider_wrapper").animate({ "margin-top" : move }, 600);
			topSpos -= 3;
		}
		
	});	
	
});