/**
 * Created by mFramework.
 * User: Mauro
 * Date: 6/05/11
 * Time: 11:31
 */
var HOME = HOME || {};

HOME.clickType = function() {
    $(".type").removeClass('active');
    $(this).addClass('active');
    $("#projects").data('currentPage',1);
    $("#projects").data('search','');
    $('#projects').data('tag','');
    $("#projects").data('typePortfolio',$(this).attr('rel'));
    $("#projects").hide('slow');
    $("#formSearch")[0].reset();
    VASAVA.typeLoading('all');
    HOME.updateProjects($(this).html);
    return false;
};

HOME.submitSearch = function() {
    var search = '';
    if($("#valueSearch").val() == $("#inputSearch").val())
        search = arguments[0];
    else
        search = $("#inputSearch").val();


    var tag = ($('#inputTag').val()!="")?$('#inputTag').val():'';


    console.log(search);
    console.log(tag);

    if(tag==search)
        $("#projects").data('tag',tag);
    else
        $("#projects").data('tag','');

    $("#projects").data('typePortfolio','all');
    $("#projects").data('currentPage',1);
    $("#projects").hide('slow');

    if($("#projects").data('tag')!='')
    {
        $("#projects").data('tag',tag);
    }
    else
    {
        $("#projects").data('search',search);
    }

    
    VASAVA.typeLoading('all');
    HOME.updateProjects($(this).html);
    return false;
};

HOME.cachingImages = function() {
    var images = new Array();
    $("#projects .project").each(function( i ) {
        var thumbOver = $(this).find("img").attr("src");
        var arrayThumb = thumbOver.split('/');
        var colorImage = 'media/images/small/'+arrayThumb[3];

        images[i] = new Image();
        images[i].src = colorImage;
	});
};

HOME.updateProjects = function( type ) {
    var success = function( data ){
        var currentPage = parseInt($(this).data('currentPage'))+1;
        $(this).data('currentPage',currentPage);
        type.call($(this),data);
        $('#loading').fadeOut('slow');
        $(this).show('slow',function(){
            HOME.grayScaleImages();
        });
        $("#projects").data('updatingProject',0);
        //caching images
        HOME.cachingImages();
    };

    var beforeSend = function(){
        $('#scroll').fadeOut();
        $('#loading').fadeIn('slow');
    };

    if($("#projects").data('tag')==undefined)
        $("#projects").data('tag','');

    var url =   "service=index&action=getProjects&params="+$("#projects").data('currentPage')+"," +
                "19,"+
                $("#projects").data('search')+"," +
                $("#projects").data('typePortfolio')+"," +
                $("#projects").data('tag');
    
    MF.sendByAjax(url , $('#projects') , beforeSend , success );
};

HOME.grayScaleImages = function() {
    $("#projects .project").hover(function() {
        var thumbOver = $(this).find("img").attr("src"); 
        var arrayThumb = thumbOver.split('/');
        var colorImage = 'media/images/small/'+arrayThumb[3];

		$(this).find("a.thumb").css({
            'background' : 'url(' + colorImage + ') no-repeat center bottom'
        }).find('span').fadeOut('slow');

        $(this).find('.info').stop().animate({
            'marginTop': -86
        },300);
	} , function() {
        var project = $(this);
        project.find("span").stop().fadeTo('slow', 1).show();
        project.find('.info').stop().animate({
            'marginTop': 0
        },300)
	});
};

jQuery(document).ready(function(){
    $('#home').addClass('active');
    (function(){
        $("#projects").data('currentPage',1);
        $("#projects").data('typePortfolio','all');
        $("#projects").data('updatingProject',0);
        $("#projects").data('search','');

        var iTP = $("#inputTypeProject").val();
        var iK = $("#inputKeyword").val();
        var iT = $("#inputTag").val();

        if(iTP != "")
        {
            $('.type').each(function(){

                iTP = iTP.toLowerCase();
                if($(this).attr('rel') == iTP)
                {
                    HOME.clickType.call($(this));
                }

            });
        }
        else if(iK != "")
        {
            HOME.submitSearch( iK );
        }
        else if(iT != "")
        {
            HOME.submitSearch( iT );
        }
        else
        {
            //HOME.submitSearch();
            HOME.updateProjects($(this).html);
        }

    })();

    VASAVA.typeLoading('all');

    //scrolling
    $(window).scroll(function(){
        if($("#projects").data('updatingProject')==0)
        {
            var dW = $(document).height() - $(window).height();
            var pDW = $(document).height()*(0.15);

            if(($(window).scrollTop() <= dW) && ($(window).scrollTop() >= (dW-pDW)))
            {
                VASAVA.typeLoading('small');
                HOME.updateProjects($(this).append);
                $("#projects").data('updatingProject',1);
            }
        }
    });

    //searching
    $("#formSearch").submit( HOME.submitSearch );

    //click en types de portfolio
    $(".type").click( HOME.clickType );
});