/*		1. FANCYBox -------------------------

$(document).ready(function() {

	$("a[rel=group]").fancybox({
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
		return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';}
});


$("a#single_image").fancybox({
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, currentOpts) {
		return '<span id="fancybox-title-over">' + (title.length ? ' &nbsp; ' + title : '') + '</span>';}
});
			
			
$("#bigmap").fancybox({
	'width'				: 600,
	'height'			: 400,
	'autoScale'			: false,
	'transitionIn'		: 'none',
	'transitionOut'		: 'none',
	'type'				: 'iframe'});
});
/*		2. GMap -----------------------------

function initialize() {
	var latlng = new google.maps.LatLng(48.857798,2.350811); //Latitude and longitude
	var settings = {
		zoom: 14, //Zoom
		center: latlng,
		mapTypeControl: true,
		mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
		navigationControl: true,
		navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
		mapTypeId: google.maps.MapTypeId.ROADMAP};
	var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
	var contentString = '<div id="contentmap">'+ //Content container
		'<div id="siteNotice">'+ 
		'</div>'+
		'<h3 id="firstHeading" class="firstHeading">Ansonica</h3>'+
		'<div id="bodyContent">'+
		'<p>Rue de Rivoli 78, Paris</p>'+
		'</div>'+
		'</div>'; //End content container
	var infowindow = new google.maps.InfoWindow({
		content: contentString
	});
				
	var companyImage = new google.maps.MarkerImage('img/google_point.png', //Marker picture
		new google.maps.Size(30,45), //Marker size
		new google.maps.Point(0,0), //Marker position
		new google.maps.Point(15,45)
	);

	var companyShadow = new google.maps.MarkerImage('img/google_point_shadow.png', //Marker shadow picture
		new google.maps.Size(26,43), //Marker shadow size
		new google.maps.Point(0,0), //Marker shadow position
		new google.maps.Point(8, 43));

	var companyPos = new google.maps.LatLng(48.857798,2.350811); //Latitude and longitude
	var companyMarker = new google.maps.Marker({
			position: companyPos,
			map: map,
			icon: companyImage,
			shadow: companyShadow,
			title:"Ansonica",
			zIndex: 3});
				
		google.maps.event.addListener(companyMarker, 'click', function() {infowindow.open(map,companyMarker);});
}

/*		4. Form Validator --------------------*/

$(document).ready(function() {
	
	//Prvo skrijemo meni za jezik (langdd) in meni za filter(filterdd)
	//$('#language-dd').hide();
	  ///////////////////////
	  //Potem definiramo funkcije za animacijo
	$('#selected-language').click(function () {
		$('#language-dd').slideToggle(400);
	});
	
	
	//if submit button is clicked
	$('#submit').click(function () {		
		
		//Get the data from all the fields
		var name = $('input[name=name]');
		var email = $('input[name=email]');
		var website = $('input[name=website]');
		var comment = $('textarea[name=comment]');

		//Simple validation to make sure user entered something
		//If error found, add hightlight class to the text field
		if (name.val()=='') {
			name.addClass('hightlight');
			return false;
		} else name.removeClass('hightlight');
		

		if ((email.val()=='') || (email.val().indexOf("@")==-1) || (email.val().indexOf(".")==-1)) {
			email.addClass('hightlight');
			return false;
		} else email.removeClass('hightlight');
		
		if (comment.val()=='') {
			comment.addClass('hightlight');
			return false;
		} else comment.removeClass('hightlight');
		
		//organize the data properly
		var data = 'name=' + name.val() + '&email=' + email.val() + '&website=' + 
		website.val() + '&comment='  + encodeURIComponent(comment.val());
		
		//disabled all the text fields
		$('.text').attr('disabled','true');
		
		//show the loading sign
		$('.loading').show();
		
		//start the ajax
		$.ajax({
			//this is the php file that processes the data and send mail
			url: "process.php",	
			
			//GET method is used
			type: "GET",

			//pass the data			
			data: data,		
			
			//Do not cache the page
			cache: false,
			
			//success
			success: function (html) {	
	//		alert(html)		 //	
				//if process.php returned 1/true (send mail success)
				if (html==1) {					
					//hide the form
					$('.form').fadeOut('slow');					
					
					//show the success message
					$('.hide').fadeIn('slow');
					
				//if process.php returned 0/false (send mail failed)
				} else alert('Sorry, unexpected error. Please try again later.');				
			}		
		});
		
		//cancel the submit button default behaviours
		return false;
	});	
});

		
	/*		5. nivoSlider ------------------------*/

$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'random', //Specify sets like: 'fold,fade,sliceDown'
        slices:15,
        animSpeed:500, //Slide transition speed
        pauseTime:3000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:false, //1,2,3...
        controlNavThumbs:false, //Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav:true, //Use left & right arrows
        pauseOnHover:true, //Stop animation while hovering
        manualAdvance:false, //Force manual transitions
        captionOpacity:0.8, //Universal caption opacity
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){}, //Triggers after all slides have been shown
        lastSlide: function(){}, //Triggers when last slide is shown
        afterLoad: function(){} //Triggers when slider has loaded
    });
});

