$(document).ready(function(){
	$('#nav_home').addClass('active');
	$('.tab-item').click(
		function () {
      if($('#features_content').hasClass('shown') && lastTab==$(this).attr('name') && $(this).attr('name') != 'unli_india' )
      {
        $('#features_connector').slideUp('slow');
				$('#features_content').slideUp('slow');
				$('#features_content').removeClass('shown');
				$('#features_content').addClass('hidden');
        selected_feature_id='#' + $(this).attr('name');
        $('a.tab-item').each(function() {
          feature_id='#'+$(this).attr('name');
          if(selected_feature_id!=feature_id)
             $(feature_id).removeClass('disabled').addClass('inactive');
          else
             $(selected_feature_id).removeClass('active').addClass('inactive');
        });
        $('a.more-info').each(function() {$(this).text('More info >');});
        $('#signupbtn1').attr('src','/images/btn_signup.png');
        $('#signupbtn2').attr('src','/images/btn_signup.png');
        $('#signupbtn3').attr('src','/images/btn_signup.png');
        $('#signupbtn4').attr('src','/images/btn_signup.png');

      }
      else if ($(this).attr('name') != 'unli_india'){

        $('#features_connector').hide();
        $('#features_content').hide();
        $('#features_connector').slideDown('slow');
        $('#features_content').slideDown('slow');
        current_tab=$(this).attr('name');
        if(current_tab=='unli_country')
          top = 550;
        else if(current_tab=='unli_europe')
          top = 400
        else
          top=557;
        $('#features_content').removeClass('hidden');
        $('#features_content').addClass('shown');
        $('html,body').animate({scrollTop:top}, 1000);
      }
			 lastTab=$(this).attr('name');
		}

	);
  
	
	$('#moreinfo1').click(
		function() {
			if($('#features_content').hasClass('shown') && lastClick == 'country'){
				$('#moreinfo1').text('More info >');
				$('#features_connector').slideUp('slow');
				$('#features_content').slideUp('slow');
				$('#features_content').removeClass('shown');
				$('#features_content').addClass('hidden');
        $('#unli_country').removeClass('active').addClass('inactive');
        $('#unli_europe').removeClass('disabled').addClass('inactive');
        $('#unli_world').removeClass('disabled').addClass('inactive');
        $('#unli_india').removeClass('disabled').addClass('inactive');
        $('#signupbtn2').attr('src','/images/btn_signup.png');
        $('#signupbtn3').attr('src','/images/btn_signup.png');
        $('#signupbtn4').attr('src','/images/btn_signup.png');
      
			}
      else{
         
       
				$('#moreinfo1').text('More info v');
				$('#features_connector').hide();
				$('#features_content').hide();
				$('#features_connector').slideDown('slow');
				$('#features_content').slideDown('slow');
				$('#features_content').removeClass('hidden');
				$('#features_content').addClass('shown');
        $('html,body').animate({scrollTop: 550}, 1000);

			}
			lastClick = 'country';
		}
	);
	
	$('#moreinfo2').click(
		function() {
			if($('#features_content').hasClass('shown') && lastClick == 'europe'){
				$('#moreinfo2').text('More info >');
				$('#features_connector').slideUp('slow');
				$('#features_content').slideUp('slow');
				$('#features_content').removeClass('shown');
				$('#features_content').addClass('hidden');
        $('#unli_europe').removeClass('active').addClass('inactive');
        $('#unli_world').removeClass('disabled').addClass('inactive');
        $('#unli_country').removeClass('disabled').addClass('inactive');
        $('#unli_india').removeClass('disabled').addClass('inactive');
        $('#signupbtn1').attr('src','/images/btn_signup.png');
        $('#signupbtn3').attr('src','/images/btn_signup.png');
        $('#signupbtn4').attr('src','/images/btn_signup.png');
       
			}else{
				$('#moreinfo2').text('More info v');
				$('#features_connector').hide();
				$('#features_content').hide();
				$('#features_connector').slideDown('slow');
				$('#features_content').slideDown('slow');
				$('#features_content').removeClass('hidden');
				$('#features_content').addClass('shown');
        $('html,body').animate({scrollTop: 400}, 1000);
			}
			lastClick = 'europe';
		}
	);
	
	$('#moreinfo3').click(
		function() {
			if($('#features_content').hasClass('shown') && lastClick == 'world'){
				$('#moreinfo3').text('More info >');
				$('#features_connector').slideUp('slow');
				$('#features_content').slideUp('slow');
				$('#features_content').removeClass('shown');
				$('#features_content').addClass('hidden');
        $('#unli_world').removeClass('active').addClass('inactive');
        $('#unli_europe').removeClass('disabled').addClass('inactive');
        $('#unli_country').removeClass('disabled').addClass('inactive');
        $('#unli_india').removeClass('disabled').addClass('inactive');
        $('#signupbtn1').attr('src','/images/btn_signup.png');
        $('#signupbtn2').attr('src','/images/btn_signup.png');
        $('#signupbtn4').attr('src','/images/btn_signup.png');
       
			}else{

				$('#moreinfo3').text('More info v');
				$('#features_connector').hide();
				$('#features_content').hide();
				$('#features_connector').slideDown('slow');
				$('#features_content').slideDown('slow');
				$('#features_content').removeClass('hidden');
				$('#features_content').addClass('shown');
       $('html,body').animate({scrollTop: 557}, 1000);
			}
			lastClick = 'world';
		}
	);
	
});

var lastClick = 'empty';

function showCountryContent()
{
	document.getElementById('feature_leg1').className = 'active';
	document.getElementById('feature_leg2').className = 'inactive';
	document.getElementById('feature_leg3').className = 'inactive';
	document.getElementById('unli_country').className = 'active';
	document.getElementById('unli_europe').className = 'disabled';
	document.getElementById('unli_world').className = 'disabled';
	document.getElementById('unli_india').className = 'disabled';
	document.getElementById('moreinfo1').innerHTML = 'More info v';
	document.getElementById('moreinfo2').innerHTML = 'More info >';
	document.getElementById('moreinfo3').innerHTML = 'More info >';
	document.getElementById('signupbtn1').src = '/images/btn_signup.png';
	document.getElementById('signupbtn2').src = '/images/btn_signup_inactive.png';
	document.getElementById('signupbtn3').src = '/images/btn_signup_inactive.png';
	document.getElementById('signupbtn4').src = '/images/btn_signup_inactive.png';
	doShowContent('country');

	//lastClick = 'country';
}

function showEuropeContent()
{
	document.getElementById('feature_leg1').className = 'inactive';
	document.getElementById('feature_leg2').className = 'active';
	document.getElementById('feature_leg3').className = 'inactive';
	document.getElementById('unli_country').className = 'disabled';
	document.getElementById('unli_europe').className = 'active';
	document.getElementById('unli_world').className = 'disabled';
	document.getElementById('unli_india').className = 'disabled';
	document.getElementById('moreinfo1').innerHTML = 'More info >';
	document.getElementById('moreinfo2').innerHTML = 'More info v';
	document.getElementById('moreinfo3').innerHTML = 'More info >';
	document.getElementById('signupbtn1').src = '/images/btn_signup_inactive.png';
	document.getElementById('signupbtn2').src = '/images/btn_signup.png';
	document.getElementById('signupbtn3').src = '/images/btn_signup_inactive.png';
	document.getElementById('signupbtn4').src = '/images/btn_signup_inactive.png';
	doShowContent('europe');
	//lastClick = 'europe';
}

function showWorldContent()
{
	document.getElementById('feature_leg1').className = 'inactive';
	document.getElementById('feature_leg2').className = 'inactive';
	document.getElementById('feature_leg3').className = 'active';
	document.getElementById('unli_country').className = 'disabled';
	document.getElementById('unli_europe').className = 'disabled';
	document.getElementById('unli_world').className = 'active';
	document.getElementById('unli_india').className = 'disabled';
	document.getElementById('moreinfo1').innerHTML = 'More info >';
	document.getElementById('moreinfo2').innerHTML = 'More info >';
	document.getElementById('moreinfo3').innerHTML = 'More info v';
	document.getElementById('signupbtn1').src = '/images/btn_signup_inactive.png';
	document.getElementById('signupbtn2').src = '/images/btn_signup_inactive.png';
	document.getElementById('signupbtn3').src = '/images/btn_signup.png';
	document.getElementById('signupbtn4').src = '/images/btn_signup_inactive.png';
	doShowContent('world');
	//lastClick = 'world';
}

function showIndiaContent()
{
    document.getElementById('unli_country').className = 'active';
    document.getElementById('unli_europe').className = 'active';
    document.getElementById('unli_world').className = 'active';
    document.getElementById('unli_india').className = 'active';
    document.getElementById('moreinfo1').innerHTML = 'More info >';
    document.getElementById('moreinfo2').innerHTML = 'More info >';
    document.getElementById('moreinfo3').innerHTML = 'More info >';
    document.getElementById('signupbtn1').src = '/images/btn_signup.png';
    document.getElementById('signupbtn2').src = '/images/btn_signup.png';
    document.getElementById('signupbtn3').src = '/images/btn_signup.png';
    document.getElementById('signupbtn4').src = '/images/btn_signup.png';
    $('#features_content').hide();
    $('#features_connector').hide();
}

function doShowContent(fromFeature)
{
	//document.getElementById('features_connector').className = 'shown';
	//document.getElementById('features_content').className = 'shown';
	
	var container = document.getElementById('countries_container');
	var countryLists = new Array();
	var maxCount = 0;
	if(fromFeature == 'country')
	{
		countryLists = country_arr;
		maxCount = 16;
	}
	else if(fromFeature == 'europe')
	{
		countryLists = europe_arr;
		maxCount = 10;
	}
	else if(fromFeature == 'world')
	{
		countryLists = world_arr;
		maxCount = 17;
	}
	
	var contentBuffer = '';
	contentBuffer += '<div class="tab-column">';
	for(var i = 0; i < countryLists.length; i++)
	{
		contentBuffer += '<div class="country-block"><div class="flag shadow"><img src="/images/flags_24px/' + countryLists[i]['flag'] + '" /></div>';
		contentBuffer += countryLists[i]['country'] + '</div>';
		if(i+1 == maxCount && i+1 != countryLists.length)
		{
			contentBuffer += '</div><div style="float:left; width:200px;">';
			maxCount += maxCount;
		}
	}
	contentBuffer += '</div>';
	
	container.innerHTML = contentBuffer;
  
 
  
  
}