var selected_img = 1;
var is_list;
var show_position = true;
var ie6 = false;

$(document).ready(function(){
	
	if ( $('.navigation:contains("OFFERS")').length ){
		$('.navigation li').css('padding', '2px 15px 0');
		$('.navigation li.dir ul li').css('margin-left', '-15px');
		
	}
	
	is_list = ($('.boat-list-item').length != 0);
	window.setInterval('shift_header()', 3000);
	$('.image-scroller').click(function(){
		shift_header();
	});
	
	$('#quick-form .messages').before('<a id="close-form" title="Close form">x</a>');
	
	
	$('a.new-window').click(function(ev){
		ev.preventDefault();
		if ($(this).hasClass('no-reuse')) {
			window.open($(this).attr('href'));
		} else {
			window.open($(this).attr('href'), 'Big_Image');
		}
		
	});


	$(window).scroll(function(){
		if (is_list)
		{	
			if ($(window).scrollTop() > 160)
			{$('#side-menu.scrolly').css('margin-top', '-130px');}
			else
			{$('#side-menu.scrolly').css('margin-top', '30px');}
		}
		//$('#quick-form').hide();
		
	});
	

	$('.boat-list-item').hover(
		function(){
			
			$('.boat-list-item').removeClass('selected');
			$(this).addClass('selected');
			
		}, 
		function(){
		//	$(this).removeClass('selected');

		});
		
	$('#quick-title').click(function(){
		if (is_list) {
			$('.boat-group').removeClass('open');
		}
		$('#quick-form').show();
		show_position = false;
	});
	
	$('#close-form').click(function(){
		$('#quick-form').hide();
		show_position = true;
	});
	
	
	$('#quick-form input[name=submit]').click(function(ev){
		ev.preventDefault();
		var form_data = $('#quick-form form').serializeArray();
		form_data.push({name: 'ajax', value: 1});

		$('#quick-form .messages').empty();
		$.post('/email/', form_data, function(ret_data){
			if (ret_data == 'Message Sent!')
			{$('#quick-form input[name=submit]').hide();}
			$('#quick-form .messages').append(ret_data);
		});
		
	});
	
	$(".datepicker").datepicker({dateFormat: 'dd/mm/yy'});
	
	$('.stretch-stripes').each(function(){
		$(this).height($(this).parent().height() +40);
	});
	
	$('#images-nav .prev').click(function(){
		shift_boat_image(600);
		selected_img -= 1;
	});
	$('#images-nav .next, #image-window').click(function(){
		shift_boat_image(-600);
		selected_img += 1;
	});
	
	mark_selected_image();
	
	$('.image-index a.jump-to').click(function(ev){
		ev.preventDefault();
		var dest_img = $(this).text();
		var dest_px = (parseInt(dest_img) - 1) * - 600;
		$('#boat-images-wrap').animate({marginLeft: dest_px + 'px'}, 'fast', handle_next_prev);
		selected_img = parseInt(dest_img);
		mark_selected_image();
	});
	
	  //add scrolling animations to # links
	  $('a.scrolly').click(function(event) {
			
		  	event.preventDefault();
			
			var target = $($(this.hash));

			//console.log($target);
			if (target.length) {
				$('html,body')
					.animate({scrollTop: target.offset().top}, '200');
			}
			
			
	  });

});

$(window).load(function(){

	$('ul#boat-images li img').each(function(){
		//console.log($(this).height());
		var mtop =  (450 - $(this).height()) / 2;
		$(this).css('margin-top', mtop);
	});

});




function shift_header()
{
	$('.image-scroller').animate({marginLeft:'-=160'}, 1000, function(){
		var li = $('.image-scroller li:first');
		$('.image-scroller li:first').remove();
		$('.image-scroller').css('margin-left', 0);
		$('.image-scroller').append(li);
	});
}

function shift_boat_image(amount)
{
	var left =  parseInt($('#boat-images-wrap').css('margin-left').replace('px', ''));
	var test = left + (amount * 2) + $('#boat-images-wrap').width();
	var shift;
	
	if (amount < 0 && test >= 0)
	{
		$('#boat-images-wrap').animate({marginLeft: '-=600px'}, 'fast', handle_next_prev);
	}
	else if (amount > 0 && left < 0)
	{
		$('#boat-images-wrap').animate({marginLeft: '+=600px'}, 'fast', handle_next_prev);
	}
	
}

function handle_next_prev()
{
	var left =  parseInt($('#boat-images-wrap').css('margin-left').replace('px', ''));
	//console.log(left, left + $('#boat-images-wrap').width());
	if (left == 0) 
	{$('#images-nav .prev').hide();}
	else 
	{$('#images-nav .prev').show();}
	if (left + $('#boat-images-wrap').width() > 600) 
	{$('#images-nav .next').show();}
	else 
	{$('#images-nav .next').hide();}
	mark_selected_image();
}

function mark_selected_image()
{
	$('.image-index a.jump-to').removeClass('selected');
	var img = 'a#image-index-' +  selected_img;
	//console.log(img);
	$(img).addClass('selected');
	
	
}

function init_maps()
{	
	info_windows = [];
	for (mkey in maps_data)
	{
		var map = maps_data[mkey];
		var ll = map.latlng.split(',');
		ll = [parseFloat(ll[0]),parseFloat(ll[1])];
		
		 var options = {
			      zoom: parseInt(map.zoom),
			      center: new google.maps.LatLng(ll[0], ll[1]),
			      mapTypeId: google.maps.MapTypeId.ROADMAP,
			      mapTypeControlOptions: {mapTypeIds: []},
			      scrollwheel: false
			    };
		//console.log(options);
		 var gmap = new google.maps.Map(document.getElementById(map.div), options);
		
		 //console.log(map.title);
		info_windows[map.div] = [];
	    for (key in map.markers)
	    {
	    	add_info_win(gmap, map.markers[key], map.div);
	    }
	 
	}
	
	
    //console.log(info_windows);

}

function add_info_win(map, marker_data, div)
{
	//console.log(marker_data);
	var icon = 'http://dreamboatsibiza.com/img/maps/info-icon.png';
	var click = '';
	if ('img' in marker_data) { 
		icon = null;
		click = ' - Click for photo / directions';
	}
	
	var ll = marker_data.latlng.split(',');
	var marker = new google.maps.Marker({
        position:new google.maps.LatLng(parseFloat(ll[0]),parseFloat(ll[1])),
        map: map,
        title: marker_data.title + click,
        icon: icon
    });
	
	if (!('img' in marker_data))
	{return;}
	
    var img_html = '';
    if ('img' in marker_data)
    {img_html = '<img src="'+ marker_data.img +'" alt="'+ marker_data.title +'" />';}
    
    var contentString = '<div class="marker-info"><h1>'+ 
    					marker_data.title +'</h1>'+ img_html +
    					'<a href="http://maps.google.com/?f=d&daddr='+ 
    					marker.position.lat() + ',' +  marker.position.lng() +'">' +
    					'directions on google maps</a>' +
    					'</div>' 
    					;
    
    var infowindow = new google.maps.InfoWindow({
        content: contentString,
        maxWidth: 120
    });
    //infowindow.setSize = new google.maps.Size(120, 90);
    
    google.maps.event.addListener(marker, 'click', function(ev){
    	for (i in info_windows[div])
    	{
    		info_windows[div][i].close();
    	}
    	infowindow.open(map, marker);
    });
    info_windows[div].push(infowindow);
}

function cycle_imgs()
{
	$('.dest-images, .event-images').each(function() {
		if ($(this).hasClass('paused')) {
			return;
		}
		var all_img = $(this).find('a');
		if (all_img.length <= 1) {
			return;
		}
		$(this).find('a.on').fadeOut('1000');
		var new_img = $(this).find('a.on').next();
		if (!new_img.length) {
			new_img = $(this).find('a:first');
		}
		new_img.fadeIn('1000');
		$(this).find('a').removeClass('on');
		new_img.addClass('on');
		
		});	
}