// Initial Binding
function initBinding() {
		
	// The left slideshow
	//Show Banner
	$(".main_image .desc").show(); //Show Banner
	$(".main_image .block").animate({ opacity: 0.85 }, 1 ); //Set Opacity

	//Click and Hover events for thumbnail list
	$(".image_thumb ul li:first").addClass('active');

	// * Code added by Jeff Schram, SchramDesign, http://schramdesign.com, email@schramdesign.com
	// * Adds a class 'last' to the last li to let the rotator know when to return to the first
	$(".image_thumb ul li:last").addClass('last');

	$(".image_thumb ul li").click(function(){
		
		//Set Variables
		var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
		var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
		var imgDesc = $(this).find('.block').html(); //Get HTML of block
		var imgDescHeight = $(".main_image").find('.block').height();	//Calculate height of block

		if ($(this).is(".active")) { //If it's already active, then…
			return false; // Don't click through
		} else {
			//Animate the Teaser
			$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
				$(".main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
				$(".main_image img").attr({ src: imgTitle , alt: imgAlt});
			});
		}

		$(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
		$(this).addClass('active'); //add class of 'active' on this list only
		return false;

	}) .hover(function(){
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass('hover');
	});
	
	//Toggle Teaser
	var toggler=false;
	$("a.collapse").click(function(){
		if(toggler){
			$(".main_image .block").slideDown();
			toggler=false;
			$("a.collapse").removeClass("show");
		} else {
			$(".main_image .block").slideUp();
			toggler=true;
			$("a.collapse").addClass("show");
		}
	});

	// * Code added by Jeff Schram
	// * if we are hovering over the image area, pause the clickNext function
	// * by default, our new pauseClickNext variable is false
	pauseClickNext = false;
	$(".main_image").hover(
		function () {
		pauseClickNext = true;
	},
	function () {
		pauseClickNext = false;
	}
	);

	// * Code added by Jeff Schram
	// * Define function to click the next li
	// * notice that it checks for a class of 'last', we added that above
	var clickNext = function(){
		if(!pauseClickNext) {
		// find the next li after .active
			var $next_li = $("li.active").next("li");
			if($("li.active").hasClass("last") ){
				$(".image_thumb ul li:first").trigger("click");
			} else {
				$next_li.trigger("click");
			}
		}
	};

	// * Code added by Jeff Schram
	// * setTimeInterval to run clickNext
	setInterval(clickNext, 8000);
	
	// Scroll thumbs
	jQuery(document).ready(function() {
		 jQuery('#thumbs').jcarousel({
			  vertical: true,
			  scroll: 2
		 });
		 
		 // Initiate menu
		// initialise plugins
		jQuery(function(){
			jQuery('ul.sf-menu').superfish();
		});
		
		$(function(){ 
			 // find all the input elements with title attributes
			$('input[title!=""]').hint();
		});
				
		// Let's prevent doubleclicking of forms
		$("form").each(function(){
			var $that = $(this);
			$that.submit(function(){
				$that.find("input[type='image'],input[type='submit']").click(function(){
					alert("Pošiljanje obrazca je v teku. Prosimo počakajte trenutek.");
					return false;
				});
			});
		});
	});
	
	// fancybox for images
	$(".fancybox").fancybox({
		'hideOnContentClick': true
	});
	
}

// Use span to change input checkboxes
function cb_toggle(id) {
	if(document.getElementById(id).checked==true) {
		document.getElementById(id).checked=false
	} else {
		document.getElementById(id).checked=true
	}
}

function sendmail() {

	var form_data = $("form#sendmail").serialize();
	
	url = "ajax/ajax_sendmail.php";
	
	div = "div#sendmail";
	
	$.ajax({
		type: "POST",
		url: url,
		data:	form_data+"&submit=submit",
		success: function(html){
			setTimeout(function(){ initBinding(); }, 1);
			$(div).html(html);
			$(div).fadeIn("fast");
		}
	});
	
	return false;
}

function subscribe() {

	var form_data = $("form#subscribe").serialize();
	
	url = "ajax/ajax_subscribe.php";
	
	div = "div#subscribe";
	
	$.ajax({
		type: "POST",
		url: url,
		data:	form_data+"&submit=submit",
		success: function(html){
			setTimeout(function(){ initBinding(); }, 1);
			$(div).html(html);
			$(div).fadeIn("fast");
		}
	});
	
	return false;
}