$(document).ready(function(){

	

	// Use JS styling

	$('html').addClass('js');



	/*// Drinks selectors

	$('#drinks').children().addClass('off');

		

	for(i=0; i<$('#control a').length; i++) {

		

		$('#control a:eq('+i+')').click(function() {

		

		for(j=$('#drinks dt:eq('+i+')').prevAll().length;j<$('#drinks').children().length;j++) {

			$('#drinks').children(':eq('+j+')').removeClass('off').addClass('on');

			if ( $('#drinks').children(':eq('+(j+1)+')').is("dt") ){ return false; } 

		}

	});

	

	}*/

	

		// Language dropdown

		$('#lang ul li').each(function(){

			if ($(this).is(':first-child')) { $(this).addClass('first'); }

			if ($(this).is(':last-child')) { $(this).addClass('last'); }

			$(this).children().append(' ' + $(this).children().attr('title'));

		});

		$('#lang ul').hide().parent().prepend('<div>'+$('#lang ul li.active a').html()+'</div>');

		var langSlideStatus='close';

		$('#lang div').click(function(){

			if ( $(this).next().is(':hidden') ) {

				$(this).next().slideDown(300,function(){langSlideStatus='open'});

			} else {

				$(this).next().slideUp(300,function(){langSlideStatus='close'});

			}

		});

		

		$().click(function(){

			if ( langSlideStatus=='open' ) {

				$('#lang ul').slideUp(300,function(){langSlideStatus='close'});

			}

		});



		// Carousel

		$('#carousel, #maraska-style-carousel').css({overflow:'visible'});

	    $('#carousel ul').jcarousel({

	    	scroll: 1,

	    	visible: 3,

	    	wrap: 'both',

	        buttonNextHTML: '<a>Slijedeće</a>',

	        buttonNextEvent: 'click',

	        buttonPrevHTML: '<a>Prethodno</a>',

	        buttonPrevEvent: 'click'

	    });

		$('#maraska-style-carousel ul').jcarousel({

	    	scroll: 1,

	    	visible: 7,

	    	wrap: 'both',

	        buttonNextHTML: '<a>Slijedeće</a>',

	        buttonNextEvent: 'click',

	        buttonPrevHTML: '<a>Prethodno</a>',

	        buttonPrevEvent: 'click'

	    });



		// Sliders

		// - Maraska Through History

		$('#happenings').wrap('<div id="happenings-wrapper"></div>');

		var element1 = $("#happenings li");

		var timeElement1 = $("#years li");

		var sliderWidth1 = element1.length*(parseFloat(element1.width()) + parseFloat(element1.css("margin-right")) + parseFloat(element1.css("border-right-width")) + parseFloat(element1.css("border-left-width")));

		var timelineWidth1 = timeElement1.length*(parseFloat(timeElement1.width()) + parseFloat(timeElement1.css("margin-left")));

		

		$('#happenings').before('<div id="slider-1"><div class="ui-slider-handle"></div></div>')

		$("#happenings").width(sliderWidth1+"px");

		sliderWidth1 = sliderWidth1-$("#happenings-wrapper").width()-parseFloat(element1.css("margin-right"));

		

		$("#years").width(timelineWidth1+"px");

		timelineWidth1 = timelineWidth1 - $('#years').parent().width();

		

		$("#slider-1").slider({ 

			slide: function(e,ui) {

				$("#happenings").css("margin-left",-(sliderWidth1*(ui.value/100)));

				if (timeElement1.length > 12) {

					$("#years").css("margin-left",-(timelineWidth1*(ui.value/100)));

				}

			}

		});

		

		// - Products Through History

		$('#products-through-history #products').wrap('<div id="products-wrapper"></div>');

		var element2 = $("#products-through-history #products li");

		var timeElement2 = $("#centuries li");

		var sliderWidth2 = element2.length*(parseFloat(element2.width()) + parseFloat(element2.css("padding-right")));

		var timelineWidth2 = timeElement2.length*(parseFloat(timeElement2.width()));

		

		$('#products-through-history #products').before('<div id="slider-2"><div class="ui-slider-handle"></div></div>')

		$("#products-through-history #products").width(sliderWidth2+"px");

		sliderWidth2 = sliderWidth2-$("#products-wrapper").width()-parseFloat(element2.css("margin-right"));

		

		var overamount = $("#products-through-history #products li").length;

		for ( i=1; i<=timeElement2.length; i++  ) {

			//alert($("#products-through-history #products li[class='period_"+i+"']").length);

			

		}

		

		$("#centuries").width(timelineWidth2+"px");

		timelineWidth2 = timelineWidth2 - $('#centuries').parent().width();

		

		$("#slider-2").slider({ 

			slide: function(e,ui) {

				$("#products-through-history #products").css("margin-left",-(sliderWidth2*(ui.value/100)));

				if (timeElement2.length > 12) {

					$("#centuries").css("margin-left",-(timelineWidth2*(ui.value/100)));

				}

			}

		});

	

		/*// CAPTCHA Security Modal Window

		$('#contact_form_security').hide();

		$('#contact_form_security').append('<button type="button">Pošalji</button><button type="button" class="simplemodal-close">Odustani</button>').hide();

		$('#security-check').click(function(){

			$('#contact_form_security').modal({

				close: true,

				opacity: 90

			});

		});*/

	    

	  $('#main-nav li div').hover(

			function() { $(this).parent().addClass('active'); }, 

			function() { $(this).parent().removeClass('active'); }

		);

		

		// Internet Explorer 6

		if ($.browser.msie && $.browser.version < 7) {

		    $('#main-nav li,#receipts #similar #receipts-list li').hover(

		      function() { $(this).addClass('hover'); }, 

					function() { $(this).removeClass('hover'); }

				);       

		}



});