/**
 * Created by JetBrains WebStorm.
 * User: bradmanderscheid
 * Date: 11/30/11
 * Time: 3:39 PM
 * To change this template use File | Settings | File Templates.
 */
var ActionMouse = {
    projectData:{},
    projectSections:['games','applications','mobile'],
    init:function(){
        this.setUpFirstProjects();
        this.setUpWork();
    },
    setUpFirstProjects:function(){
        var gameImages = this.projectData.work.games[0].imgs;
        var i;
        var img;
        var imgHolder = jQuery.find('.mainHolderImageHolder')[0];
        for(i = 0;i < gameImages.length;i++){
            img = imagePath + '/' + gameImages[i];
            $("<img/>").attr("src", img).appendTo(imgHolder);
        }
        //apps
        var appImages = this.projectData.work.applications[0].imgs;
        imgHolder = jQuery.find('.mainHolderImageHolder')[1];
        for(i = 0;i < appImages.length;i++){
            img = imagePath + '/' + appImages[i];
            $("<img/>").attr("src", img).appendTo(imgHolder);
        }
        ///mobile
        var mobileImages = this.projectData.work.mobile[0].imgs;
        imgHolder = jQuery.find('.mainHolderImageHolder')[2];
        for(i = 0;i < mobileImages.length;i++){
            img = imagePath + '/' + mobileImages[i];
            $("<img/>").attr("src", img).appendTo(imgHolder);
        }
    },
    setUpWork:function(){
        $('.projectThumb').mouseover(function(e){ $(this).addClass('thumbHover'); });
        $('.projectThumb').mouseout(function(){if($(this).hasClass('selected')){ return; } $(this).removeClass('thumbHover');});
        $('.projectThumb').click(this.loadProject);
        $('.projectType').click(this.toggleWorkSection);
        $('.mainHolderImageHolder').click(this.flipWorkBook);
        $('.mainHolderImageHolder').data('index',0);
    },
    toggleWorkSection:function(e){
       var target = $(this);
       var parent = target.parent();
       var targetHeight = parent.height() < 435 ? 435 : 15;
       parent.animate({height:targetHeight},300);
    },
    flipWorkBook:function(e){
        var target = $(this);
        var currIndex = target.data('index');
        var newIndex = currIndex + 1;
        target.data('index',newIndex);
        var max = target.children('img').length;
        if(newIndex >= max){
            target.data('index',0);
            $(this).hide();
            $(this).css('left',0);
            $(this).fadeIn();
        }
        else{
            $(this).animate({left:'-=398'},500,function(){console.log($(this))});
        }
    },
    loadProject:function(e){
        if($(this).hasClass('selected')){
            return;
        }
        $(this).parent().children('.projectThumb').removeClass('thumbHover selected');
        $(this).addClass('selected');
        var projectData = window.ActionMouse.projectData;
        var projectSections = window.ActionMouse.projectSections;
        var projIndex = $(this).index();
        var section = $(this).closest('.projectSection');
        var typeIndex = section.index('.projectSection');
        var projImgs = projectData.work[projectSections[typeIndex]][projIndex].imgs;
        var title = projectData.work[projectSections[typeIndex]][projIndex].title;
        var desc = projectData.work[projectSections[typeIndex]][projIndex].desc == undefined ? '' : projectData.work[projectSections[typeIndex]][projIndex].desc;
        var imgHolder = jQuery.find('.mainHolderImageHolder')[typeIndex];
        var projTitle = jQuery.find('.projectDescTitle')[typeIndex];
        var projDesc = jQuery.find('.mainHolder p')[typeIndex];
        $(projTitle).empty();
        $(imgHolder).css("left",0);
        $(imgHolder).data('index',0);
        $(imgHolder).empty();
        for(i = 0;i < projImgs.length;i++){
            var img = new Image();
            path = imagePath + '/' + projImgs[i];
            $(img).hide();
            $(img).load(function(){$(this).fadeIn();$(projTitle).text(title);$(projDesc).text(desc)});
            $(img).attr("src", path).appendTo(imgHolder);
        }
    },
    writeToJoin:function(e){

    }

}