var link_scroll_positions = new Array();
var animating_link_click = false;
function current_link_check(){
	var window_pos = ($(window).scrollTop());
	var last_id_found = false;
	for(var i in link_scroll_positions){
		//$('#logo').append(link_scroll_positions[i].pos + ' id = ' + link_scroll_positions[i].id);
		if(link_scroll_positions[i].pos < window_pos + 300){ // && link_scroll_positions[i].pos + 400 > window_pos
			// current!
			last_id_found = link_scroll_positions[i].id;
		}
	}
	if(!animating_link_click && last_id_found){
		var r = new RegExp(last_id_found);
        $('.navigation a.slide_link').each(function(){
            var this_hash = $(this).attr('href');
            if(r.exec(this_hash)){
				$('.navigation a.slide_link').removeClass('active');
                $(this).addClass('active');
            }
        });
	}
	setTimeout(current_link_check,300);
}
$(function() {
    $('a.slide_link').bind('click',function(event){
		animating_link_click = true;
        var a = $(this);
        $('a.active').removeClass('active');
        var hash = a.attr('href');
        var current_uri = window.location.pathname;
        var link_uri = hash.match(/^(.*)#/);
        if(link_uri[1] != '' && current_uri != link_uri[1]){
            window.location.href=hash;
            event.preventDefault();
            return false;
        }
		var real_hash = hash.match(/#(.*)$/);
		hash = '#'+real_hash[1];
		
        // add the 'active' class to all the links that link to this hash
        var r = new RegExp(hash);
        $('a.slide_link').each(function(){
            var this_hash = $(this).attr('href');
            if(r.exec(this_hash)){
                //$(this).addClass('active');
                $(this).parents('li').find('.slide_link').addClass('active');
            }
        });
		if($(hash).length>0){
			$('html, body').stop().animate(
				{scrollTop: $(hash).offset().top}, 
				3000,
				'easeInOutExpo',
				function(){	
					window.location.href=hash; 
					animating_link_click = false;
				}
			);
			event.preventDefault();
			return false;
		}
        
    });
    // check if a current hash is done.
    var hash = window.location.hash;
    hash = hash.replace(/^#/,'');
    if(!hash || hash == ''){
		if(window.location.href.match(/index\.htm/i) || window.location.href.match(/\/$/)){
        	hash = 'home_page';
		}
    }
    if(hash && hash != ''){
        var r = new RegExp(hash);
        $('.navigation a.slide_link').each(function(){
            var this_hash = $(this).attr('href');
            if(r.exec(this_hash)){
                $(this).addClass('active');
            }
        });
    }
	setTimeout(function(){
	$('.main_box_wrapper').each(function(){
		link_scroll_positions.push({
			pos: $(this).offset().top, 
			id:  $(this).attr('rel') ? $(this).attr('rel') : $(this).attr('id')
		}); 
	});
	current_link_check();
	},500);
});
////////////////////////////////////////////////////////////////////////////////////////////////////

var columnas = "doble";
////////////////////////////////////////////////////////////////////////////////////////////////////
function cambiarAncho() {
  var ancho = $(window).width();
  columnas = "doble";
  //
  if (ancho<=980){
        $('body').removeClass().addClass("t980");
		$('#portfolio').removeClass().addClass("corto");
  } else if (ancho>980 && ancho<=1024){
		$('body').removeClass().addClass("t1024");
		$('#portfolio').removeClass().addClass("corto");
  } else if (ancho>1024 && ancho<=1280){
		$('body').removeClass().addClass("t1280");
		$('#portfolio').removeClass().addClass("corto");
  } else if (ancho>1280 && ancho<=1366){
		$('body').removeClass().addClass("t1366");
		$('#portfolio').removeClass().addClass("corto");
  } else if (ancho>1366 && ancho<=1440){
		$('body').removeClass().addClass("t1440");
		$('#portfolio').removeClass().addClass("corto");
  } else if (ancho>1440 && ancho<=1680){
		$('body').removeClass().addClass("t1680");
		$('#portfolio').removeClass();
  }else{
        columnas = "triple";
		$('body').removeClass().addClass("t1920");
		$('#portfolio').removeClass();
  }
  pagina(1);
}
////////////////////////////////////////////////////////////////////////////////////////////////////
$(window).resize(function() {
    cambiarAncho();
});
////////////////////////////////////////////////////////////////////////////////////////////////////
function pagina(numero) {
if (columnas == "doble"){
  if (numero == 1){
	$('.work').removeClass("mostrar").addClass("ocultar");
	$('#t1, #t2, #t3, #t4').removeClass("ocultar").addClass("mostrar");
  }
  if (numero == 2){
	$('.work').removeClass("mostrar").addClass("ocultar");
	$('#t5, #t6, #t7, #t8').removeClass("ocultar").addClass("mostrar");
  }
  if (numero == 3){
	$('.work').removeClass("mostrar").addClass("ocultar");
	$('#t9, #t10, #t11, #t12').removeClass("ocultar").addClass("mostrar");
  }	
  if (numero == 4){
	$('.work').removeClass("mostrar").addClass("ocultar");
	$('#t13, #t14, #t15, #t16').removeClass("ocultar").addClass("mostrar");
  }	
  if (numero == 5){
	$('.work').removeClass("mostrar").addClass("ocultar");
	$('#t17, #t18').removeClass("ocultar").addClass("mostrar");
  }	
}else{	  
  if (numero == 1){
	$('.work').removeClass("mostrar").addClass("ocultar");
	$('#t1, #t2, #t3, #t4, #t5, #t6').removeClass("ocultar").addClass("mostrar");
  }
  if (numero == 2){
	$('.work').removeClass("mostrar").addClass("ocultar");
	$('#t7, #t8, #t9, #t10, #t11, #t12').removeClass("ocultar").addClass("mostrar");
  }
  if (numero == 3){
	$('.work').removeClass("mostrar").addClass("ocultar");
	$('#t13, #t14, #t15, #t16, #t17, #t18').removeClass("ocultar").addClass("mostrar");
  }	
}
  //
}
////////////////////////////////////////////////////////////////////////////////////////////////////
$(document).ready(function() {
   //
  $('.paginador .pa1').click(function() {
	$(this).addClass("actual");
	$('.paginador .pa2, .paginador .pa3, .paginador .pa4, .paginador .pa5, .paginador .pa6').removeClass("actual");
	pagina(1);
    return false;
  });
  $('.paginador .pa2').click(function() {
	$(this).addClass("actual");
	$('.paginador .pa1, .paginador .pa3, .paginador .pa4, .paginador .pa5, .paginador .pa6').removeClass("actual");
	pagina(2);
    return false;
  });
  $('.paginador .pa3').click(function() {
	$(this).addClass("actual");
	$('.paginador .pa1, .paginador .pa2, .paginador .pa4, .paginador .pa5, .paginador .pa6').removeClass("actual"); 
	pagina(3);
    return false;
  });
  $('.paginador .pa4').click(function() {
	$(this).addClass("actual");
	$('.paginador .pa1, .paginador .pa2, .paginador .pa3, .paginador .pa5, .paginador .pa6').removeClass("actual");
	pagina(4);   
    return false;
  });
  $('.paginador .pa5').click(function() {
	$(this).addClass("actual");
	$('.paginador .pa1, .paginador .pa2, .paginador .pa3, .paginador .pa4, .paginador .pa6').removeClass("actual");
	pagina(5);  
    return false;
  });
  $('.paginador .pa6').click(function() {
	$(this).addClass("actual");
	$('.paginador .pa1, .paginador .pa2, .paginador .pa3, .paginador .pa4, .paginador .pa5').removeClass("actual");
	pagina(6);   
    return false;
  });
  //
  cambiarAncho();
  //
});