var $_current = 0;
var $_next = 1;
var $_interval = 1200;
var $_intervalRefference;

function slideSwitch(){
	
		$('.content').eq($_current).css('opacity','0').removeClass('active');
		$('.content').eq($_next).css('opacity','1').addClass('active');
		
		$('#numbers li').eq($_current).find('a').removeClass('active');
		$('#numbers li').eq($_next).find('a').addClass('active');
		
		//$('.content').eq($_current).animate({ opacity: "0"}, 1500);
		//$('.content').eq($_next).delay($_interval).animate({ opacity: "1"}, 1500);
		
		$_current = $_next;
		$_next = ($('.content').size() > ($_next + 1))? ++$_next : 0;
		
		
	}	


$(document).ready(function(){
	
	var $_width = $('#content').width(); 
	var $content_left = ($(window).width() / 2  - ($(window).width() * .85) / 2) + 10;
	
	$('.content').css('opacity','0').css('left', $content_left + 'px').css('top', '27%');
	$('.slogan').css('left', $content_left + 'px').css('top', '27%').css('opacity','1');
	$('.content').eq($_current).css('opacity','1');			

	
	/*
	 * adjustable images
	 */
	
	var adjustable = $('.adjustable');
	if (adjustable.size() > 0)
	{
		if ($(window).width() < 1280 || ($(window).height() < 800 && $(window).height() > 768))
		{
			$('.adjustable').each(function(index) {
				var $_original = $(this).attr('src').split('.');
				var $_new = $_original[0]+'_1280.'+$_original[1];
				$(this).attr('src',$_new).css('display','block');
			});
		}
		else if ($(window).width() < 1024 || $(window).height() < 768)
		{
			$('.adjustable').each(function(index) {
				var $_original = $(this).attr('src').split('.');
				var $_new = $_original[0]+'_1024.'+$_original[1];
				$(this).attr('src',$_new).css('display','block');
			});
		}
		else 
		{
			$('.adjustable').each(function(index) {
				$(this).css('display','block');
			});
		}

	}	
	
	var adjustable = $('.adjustable-people');
	if (adjustable.size() > 0)
	{
		if ($(window).height() < 570)
		{
			$('.adjustable-people').each(function(index) {
				var $_original = $(this).attr('src').split('.');
				var $_new = $_original[0]+'_small.'+$_original[1];
				$(this).attr('src',$_new).css('margin-left',"-423px").css('margin-top',"-213px").css('display','block');
			});
		}
		else {
			$('.adjustable-people').each(function(index) {
				$(this).css('margin-left','-473px').css('margin-top','-250px').css('display','block');
			});
		}
	}	

	/*
	 * adjustable images end
	 */
	
	
	
	var flashvars = {};
	var params = {allowfullscreen: true, windowmode: "transparent" };
	var attributes = {};

	swfobject.embedSWF("media/swf/1.swf", "philo_1", "100%", "100%", "9.0.0","expressInstall.swf", flashvars, params, attributes);
	swfobject.embedSWF("media/swf/2.swf", "philo_2", "100%", "100%", "9.0.0","expressInstall.swf", flashvars, params, attributes);
	swfobject.embedSWF("media/swf/3.swf", "philo_3", "100%", "100%", "9.0.0","expressInstall.swf", flashvars, params, attributes);
	swfobject.embedSWF("media/swf/4.swf", "philo_4", "100%", "100%", "9.0.0","expressInstall.swf", flashvars, params, attributes);

	
	
	
	
	$_intervalRefference = setInterval( "slideSwitch()", 7500 );
	 
	$('#numbers').css('left', Math.floor($('.logo').offset().left - 300) + "px");
	
	$('#numbers li a').click(function(){
		clearInterval($_intervalRefference);
		
		$(this).attr('href').substring(1)-1;
		
		$_next = $(this).attr('href').substring(1)-1;
		slideSwitch();
		
		$_intervalRefference = setInterval( "slideSwitch()", 7500 );
		return false;
	}); 
				//.animate({ opacity: "1.0"}, 1000 );
	
	
	$('#people')
				.delay(200)
				.css('opacity','0')
				.animate({opacity: '1'},1000,function(){
					$(this).css('filter','');
				});
	
	$('#youtube')
				.delay(200)
				.css('opacity','0')
				.animate({opacity: '1'},1000,function(){
					$(this).css('filter','');
				});
	
	$('#scrollable').height($(window).height() - 76);
	
	$('.tracker')
				.css('opacity','0')
				.delay(300)
				.animate({top: '0', opacity: '1'},1000,function(){
					$(this).css('filter','');
				});
	
	$('.logo')
				.css('opacity','0')
				.delay(600)
				.animate({right: '0', opacity: '1'},1000,function(){
					$(this).css('filter','');
				});
	
	$('#bottom')
				.css('opacity','0')
				.delay(900)
				.animate({bottom: '0', opacity: '1'},1000,function(){
					$(this).css('filter','');
				});
	
	$('.arrow_right')
				.css('opacity','0')
				.delay(1100)
				.animate({opacity: '1'},1000,function(){
					$(this).css('filter','');
				});
	
	$('.arrow_left')
				.css('opacity','0')
				.delay(1100)
				.animate({opacity: '1'},1000,function(){
					$(this).css('filter','');
				});
	
	if ($('#grid ul').children().size() > 0)
	{
		for (var i=0; i<$('#grid ul').children().size(); i++)
		{
			var $_tmp = $('#grid ul').children().eq(i);
			$_tmp
			.css('opacity','0')
			.delay(300 * i)
			.animate({opacity: '1', right: '0'},1000,function(){
				$(this).css('filter','');
			});
		}
	}
	
	if ($('ul.crossroads').children().size() > 0)
	{
		for (var i=0; i<$('ul.crossroads').children().size(); i++)
		{
			var $_tmp = $('ul.crossroads').children().eq(i);
			$_tmp
			.css('opacity','0')
			.delay(300 * i)
			.animate({opacity: '1', right: '0'},1000,function(){
				$(this).css('filter','');
			});
		}
	}
	
	$('ul.crossroads li').hover(
							function(){
								$(this).animate({right: '20px'},300,function(){
									$(this).css('filter','');
								});
							}, 
							
							function(){
								$(this).animate({right: '0'},300,function(){
									$(this).css('filter','');
								});
							});
	
	$('a.hoverable').click(function(){return false;});
	$('.hoverable').hover(
			function(){
				var $_span = $(this).find('span');
				var $_img = $(this).find('img.main');
				
				if ($_span.size() > 0){
					if ($.browser.msie && $.browser.version.substr(0,1)<9) {
						$_img.css('visibility','hidden');
						$_span.css('visibility','visible');
					}
					else 
					{
						$_img.animate({opacity: 0}, 300,function(){
							$(this).css('filter','');
						});
						$_span.css('opacity','0').css('visibility','visible').animate({opacity: 1}, 300,function(){
							$(this).css('filter','');
						});
					}
				}
			}, 
			
			function(){
				var $_span = $(this).find('span');
				var $_img = $(this).find('img.main');
				
				if ($_span.size() > 0)
				{
					if ($.browser.msie && $.browser.version.substr(0,1)<9) {
						$_img.css('visibility','visible');
						$_span.css('visibility','hidden');
					}
					else 
					{
						$_img.animate({opacity: 1}, 300,function(){
							$(this).css('filter','');
						});
						$_span.animate({opacity: 0}, 300,function(){
							$(this).css('filter','');
						});
					}
				}
			});
	
	$('#contact-details')
				.css('width', '119px')
				.css('height', '270px')
				.css('top', '115px')
				.css('left', Math.floor($('.logo').offset().left - 350) + "px");
	
	$('.expander').hover(
			function(){
					$(this).find('.expandable').css('visibility','visible').animate({opacity: 1}, 300,function(){
						$(this).css('filter','');
					});
				},
			function(){
					$(this).find('.expandable').animate({opacity: 0}, 300,function(){
						$(this).css('filter','');
					});	
				}
			);
	
	$('.mini-expander').hover(
			function(){
				if ($.browser.msie && $.browser.version.substr(0,1)<9) 
				{
					$(this).find('.desc').css('visibility','hidden');
					$(this).find('.expandable').css('visibility','visible');
				}
				else
					{
						$(this).find('.desc').animate({opacity: 0}, 300, function(){
							$(this).find('.desc').css('visibility','hidden');
							$(this).css('filter','');
						});
						$(this).find('.expandable').css('opacity','0').css('visibility','visible').animate({opacity: 1}, 300,function(){
							$(this).css('filter','');
						});
					}
				},
			function(){
					if ($.browser.msie && $.browser.version.substr(0,1)<9) 
					{
						$(this).find('.desc').css('visibility','visible');
						$(this).find('.expandable').css('visibility','hidden');
					}
					else
						{
							$(this).find('.desc').css('opacity','0').css('visibility','visible').animate({opacity: 1}, 300,function(){
								$(this).css('filter','');
							});
							$(this).find('.expandable').animate({opacity: 0}, 300, function(){
								$(this).find('.expandable').css('visibility','hidden');
								$(this).css('filter','');
							});	
						}
				}
			);
	
	if ($('#contact').size() > 0){
		$("#contact").gmap3({action: 'init',
		    options:{
		    	//address: "Altowa 6, Warszawa",
		        center:[52.200413,20.96215],
		        zoom:16,
		        mapTypeId: google.maps.MapTypeId.MAP,
		        mapTypeControl: true,
		        mapTypeControlOptions: {
		          style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
		        },
		        navigationControl: true,
		        scrollwheel: true,
		        streetViewControl: true
		      }
		    }, 
		    
		    { action: 'addMarker',
		        address: "Altowa 6, Warszawa",
		        marker:{
		          options:{
		            draggable: true,
		            icon: "media/images/marker.png"
		          },
		          callback: function(marker){
			            var $button = $('<div id="warsaw" class="cbtn active"><span>Warszawa</span></div>');
			            $button.click(function(){
			            	$("#contact").gmap3({
			                  action:'panTo', 
			                  args:[marker.position]
			                });
			            	$('#contact-details').removeClass('wide');
			            	$('.details-wroclove').css('display','none');
			            	$('.details-warsaw').css('display','block');
			            	
			            	if ($('#warsaw').size() > 0)
				            	$('#warsaw').addClass('active');
				            
				            if ($('#wroclove').size() > 0)
				            	$('#wroclove').removeClass('active');
				            
			              });
			            $button.insertBefore('#contact-details');
			            
			            
			            
			            //$('#contact-details').append($button);
			       }
		        }
		    }
		    , 
		    
		    { action: 'addMarker',
		        address: "Augustowska 5, wrocław",
		        marker:{
		          options:{
		            draggable: true,
		            icon: "media/images/marker.png"
		          },
		          callback: function(marker){
			            var $button = $('<div id="wroclove" class="cbtn"><span>Wrocław</span></div>');
			            $button.click(function(){
			            	$("#contact").gmap3({
			                  action:'panTo', 
			                  args:[marker.position]
			                });
			            	$('#contact-details').addClass('wide');
			            	$('.details-wroclove').css('display','block');
			            	$('.details-warsaw').css('display','none');
			            	
			            	if ($('#warsaw').size() > 0)
				            	$('#warsaw').removeClass('active');
				            
				            if ($('#wroclove').size() > 0)
				            	$('#wroclove').addClass('active');
			              });
			            $button.insertBefore('#contact-details');
			            
			            //$('#contact-details').append($button);
			       }
		        }
		      }
		
		);
	}
	
});