var selectedThumb = null;
var software = null;
var home = null;
var ads = null;
var foto = null;
var selectedCategory = 0;
var selectedObject = null;
var curPage = 1;
var imageCurPage = 1;
var selectedIndex = 0;
var randomSoft = ['soft_cube_web.jpg','soft_cube_tv_apps.jpg','soft_cube_mobile_apps.jpg','soft_cube_e-comm.jpg','soft_cube_apps.jpg'];
var randomFoto = ['foto_cube_photo_video.jpg','foto_cube_3d.jpg'];
var randomAds = ['ads_cube_id.jpg','ads_cube_graphics.jpg'];
var randomHome = [
        'home_cube_3d.jpg',
        'home_cube_apps.jpg',
        'home_cube_e-comm.jpg',
        'home_cube_graphics.jpg',
        'home_cube_id.jpg',
        'home_cube_mobile_apps.jpg',
        'home_cube_photo_video.jpg',
        'home_cube_tv_apps.jpg',
        'home_cube_web.jpg'

];
function init(){
    //pre_selectedThumb = jQuery(".thumbs-bar").children();
    //pre_selectedThumb = jQuery(pre_selectedThumb[0]).children();
    //pre_selectedThumb = jQuery(pre_selectedThumb[1]);
    getProjectsByCategory(4);
    getProjectsByCategory(1);
    getProjectsByCategory(2);
    getProjectsByCategory(3);
    $("#main-wrapper").show();
	$("#main-wrapper").animate({opacity:1},"slow");
    //selectThumb(pre_selectedThumb);
    //jQuery(selectedThumb).removeClass("cover");
    //jQuery(selectedThumb).addClass("cover-selected");
    //addThumbBarListeners();
    var tmpH = jQuery("#graybar .long-description").height()+15;
             if(tmpH<116)
                 tmpH = 116;
             jQuery("#graybar").height(tmpH);
}
function selectThumb(elem){
    if(selectedThumb == null){
        selectedThumb = elem;
        //jQuery(selectedThumb).removeClass("cover");
        //jQuery(selectedThumb).removeClass("cover-hover");
        jQuery(selectedThumb).css({opacity: 0.0});
        jQuery(selectedThumb).addClass("cover-selected");
    } else {
        //jQuery(selectedThumb).removeClass("cover");
        //jQuery(selectedThumb).removeClass("cover-hover");
        jQuery(selectedThumb).removeClass("cover-selected");
        jQuery(selectedThumb).css({opacity: 0.6});
        //jQuery(selectedThumb).addClass("cover");
        selectedThumb = elem;
    }
    //jQuery(selectedThumb).removeClass("cover");
    //jQuery(selectedThumb).removeClass("cover-hover");
    jQuery(selectedThumb).css({opacity: 0.0});
    jQuery(selectedThumb).addClass("cover-selected");
    var mainImage = jQuery(selectedThumb).prev().attr("src");
    selectedIndex = jQuery(selectedThumb).parent().attr("project");
    switch(selectedCategory){
        case 1:
             setProjectDetails(software.projects[selectedIndex]);
             selectedObject = software.projects[selectedIndex];
             break;
         case 2:
             setProjectDetails(ads.projects[selectedIndex]);
             selectedObject = ads.projects[selectedIndex];
             break;
         case 3:
             setProjectDetails(foto.projects[selectedIndex]);
             selectedObject = foto.projects[selectedIndex];
             break;
          default:
            jQuery("#project_details").html("");
           
    }
    mainImage = mainImage.replace("/thumb","");
	//big_image_2_1_1
	$(".main-image").stop(true,true).animate({opacity:0},300,function(){
		$(".main-image").hide();
		$("#big_image_"+selectedCategory+"_"+selectedIndex+"_0").show().css({opacity:0}).animate({opacity:1},300)
	});
	//jQuery("#pre-main-image").html("<img id='main-image' class='main-image'/>");;
    //jQuery("#main-image").attr("src",mainImage);
    jQuery("#keep-it-centered-top").css({
        backgroundImage: "none"
    });
    // count hte number of pages
    imageCurPage = 1;
    if(selectedObject.images.length > 1){
        var pages = "";
            for(var i=1;i<=selectedObject.images.length;i++){
                if(i == imageCurPage){
                    pages +=  '<div class="page-selected"></div>';
                } else {
                    // trimitem pagina curenta.imaginea pentru pagina curenta este i-1
                    pages +=  '<div class="page-not-selected" onclick="setImage('+selectedCategory+','+selectedIndex+','+i+')"></div>';
                }
            }
        pages += "</div>";
        if($("#paginate_selector").length==0) jQuery("#pre-main-image").append("<div id='paginate_selector'>"+pages+"</div>");
		else jQuery("#paginate_selector").html(pages);
    } else {
        //console.log(selectedObject);
    }
}
function setImage(a,b,index){
    imageCurPage = index;
    //jQuery("#main-image").attr("src","resources/gallery/"+selectedObject.images[imageCurPage-1]);
	//console.log(a+" - "+b+" - "+index)
	$(".main-image").stop(true,true).animate({opacity:0},300,function(){
		$(".main-image").hide();
		$("#big_image_"+a+"_"+b+"_"+(index*1-1)).show().css({opacity:0}).animate({opacity:1},300)
	});
    /*jQuery('#main-image').fadeOut(200, function() {
        jQuery(this).attr({'src':"resources/gallery/"+selectedObject.images[imageCurPage-1]});
        console.log(this)
		if (this.complete) $(this).fadeIn(500);
    });*/
    if(selectedObject.images.length > 1){
        var pages = "";
            for(var i=1;i<=selectedObject.images.length;i++){
                if(i == imageCurPage){
                    pages +=  '<div class="page-selected"></div>';
                } else {
                    pages +=  '<div class="page-not-selected" onclick="setImage('+a+','+b+','+i+')"></div>';
                }
            }
        jQuery("#paginate_selector").html(pages);
    }

}
function setProjectDetails(project){
    jQuery("#project_details").html('<div class="type">'+project.short_d+'</div>'+
                                    '<div class="year">'+project.date.replace(/-/g,"/")+'</div>'+
                                    '<div class="title">'+project.name+'</div>');
            jQuery("#keep-it-centered-middle").html('<div class="about" id="about"><div class="title">'+project.name+'</div>'+
                                    '<div class="year">'+project.date.replace(/-/g,"/")+'</div>'+
                                    '<div class="type">'+project.short_d+'</div></div>'+
                                    '<div class="long-description">'+project.long_d+'<div id="clear"></div>');
             var tmpH = jQuery("#graybar .long-description").height()+15;
             if(tmpH<116)
                 tmpH = 116;
             jQuery("#graybar").height(tmpH);
}
function menuButtonClicked(button){
    if(jQuery(button).hasClass("btn_software")){
        selectedCategory = 1;
        jQuery("#keep-it-centered-middle").html("<div class='about' id='about'>"+
                "<div class='title'> <a href=\"resources/AlexusArtBrochure.pdf\" target=\"_new\"><img border=\"0\" src=\"resources/download_brochure.png\" /></a> </div>"+
                "<div class='year'> &nbsp; </div>"+
                "<div class='type'> &nbsp; </div>"+
            "</div><div class='long-description'>"+
                software.category+
            "</div>");
         jQuery("#project_details").html("");
         var tmpH = jQuery("#graybar .long-description").height()+15;
             if(tmpH<116)
                 tmpH = 116;
             jQuery("#graybar").height(tmpH);
        /*var newCategImage = randomSoft[Math.floor(randomSoft.length*Math.random())];
        jQuery("#keep-it-centered-top").css({
            backgroundImage: 'url(resources/images/'+newCategImage+')'
        });*/
    }
    if(jQuery(button).hasClass("btn_advertising")){
        selectedCategory = 2;
        jQuery("#keep-it-centered-middle").html("<div class='about' id='about'>"+
                "<div class='title'>  <a href=\"resources/AlexusArtBrochure.pdf\" target=\"_new\"><img border=\"0\" src=\"resources/download_brochure.png\" /></a>  </div>"+
                "<div class='year'> &nbsp; </div>"+
                "<div class='type'> &nbsp; </div>"+
            "</div><div class='long-description'>"+
                ads.category+
            "</div>");
         jQuery("#project_details").html("");
         var tmpH = jQuery("#graybar .long-description").height()+15;
             if(tmpH<116)
                 tmpH = 116;
             jQuery("#graybar").height(tmpH);
        /*var newCategImage = randomAds[Math.floor(randomAds.length*Math.random())];
        jQuery("#keep-it-centered-top").css({
            backgroundImage: 'url(resources/images/'+newCategImage+')'
        });*/
    }
    if(jQuery(button).hasClass("btn_foto")){
        selectedCategory = 3;
        jQuery("#keep-it-centered-middle").html("<div class='about' id='about'>"+
                "<div class='title'>  <a href=\"resources/AlexusArtBrochure.pdf\" target=\"_new\"><img border=\"0\" src=\"resources/download_brochure.png\" /></a>  </div>"+
                "<div class='year'> &nbsp; </div>"+
                "<div class='type'> &nbsp; </div>"+
            "</div><div class='long-description'>"+
                foto.category+
            "</div>");
         jQuery("#project_details").html("");
         var tmpH = jQuery("#graybar .long-description").height()+15;
             if(tmpH<116)
                 tmpH = 116;
             jQuery("#graybar").height(tmpH);
        /*var newCategImage = randomFoto[Math.floor(randomFoto.length*Math.random())];
        jQuery("#keep-it-centered-top").css({
            backgroundImage: 'url(resources/images/'+newCategImage+')'
        });*/
    }
    if(jQuery(button).hasClass("btn_home")){
        selectedCategory = 0;
        selectedObject = null;
         jQuery("#keep-it-centered-middle").html("<div class='about' id='about'>"+
                "<div class='title'>  <a href=\"resources/AlexusArtBrochure.pdf\" target=\"_new\"><img border=\"0\" src=\"resources/download_brochure.png\" /></a>  </div>"+
                "<div class='year'> &nbsp; </div>"+
                "<div class='type'> &nbsp; </div>"+
            "</div><div class='long-description'>"+
                home.category+
            "</div>");
         jQuery("#project_details").html("");
         var tmpH = jQuery("#graybar .long-description").height()+15;
             if(tmpH<116)
                 tmpH = 116;
             jQuery("#graybar").height(tmpH);
       // var newCategImage = randomHome[Math.floor(randomHome.length*Math.random())];
        //jQuery("#home-logo").attr("src","resources/images/"+newCategImage);
    }
	
    curPage = 1;
    setContentByCategory(selectedCategory);
    var newPos = jQuery(button).position().left;
    newPos = newPos + jQuery(button).width()/2-20;
    var slider = jQuery("#arrow");
    jQuery(slider).animate({
        left: newPos+"px"
    });
}
function getRandImgFromCat(cat){
	var nr=0;
	if(cat==1){
		nr = Math.round( Math.random()*(randomSoft.length-1));
	}else if(cat==2){
		nr = Math.round( Math.random()*(randomFoto.length-1));
	}else{
		nr = Math.round( Math.random()*(randomAds.length-1));
	}
	return nr;
}
function getPagesByType(category){
	var ret;
		if(category==1) if((software != null)&&(software.projects.length > 0)){
            ret = software.projects.length;
            ret = Math.ceil(ret/15);
		}
		if(category == 2)
        if((ads != null)&&(ads.projects.length > 0)){
            ret = ads.projects.length;
            ret = Math.ceil(ret/15);
		}
		if(category == 3)
        if((foto != null)&&(foto.projects.length > 0)){
            ret = foto.projects.length;
            ret = Math.ceil(ret/15);
		}
		return ret;
}
function getCategoryObjectByType(category){
	if(category==1) return software;
	if(category==2) return ads;
	if(category==3) return foto;
}
function image_load_error(obj){
	
}
function image_loaded(obj){
	$("#"+obj.attr("cbk")).attr('loaded',($("#"+obj.attr("cbk")).attr('loaded')*1+1));
	//console.log($("#"+obj.attr("cbk")).attr('loaded')+" - "+$("#"+obj.attr("cbk")).attr('total_number'));
	if($("#"+obj.attr("cbk")).attr('loaded')==$("#"+obj.attr("cbk")).attr('total_number')){
		$("#"+obj.attr("cbk")).css({
			padding:0,
			width:80,
			height:80,
			cursor:"pointer"
		});
		$("#"+obj.attr("cbk")+" img").show().css({
			opacity:0
		}).animate({opacity:1},"fast");
		$("#"+obj.attr("cbk")+" .thumbimage.cover").animate({
			opacity:0.6,
			width:80,
			height:80},"fast");
		if(!$("#"+obj.attr("cbk")+" .thumbimage.cover").hasClass("loaded")) $("#"+obj.attr("cbk")+" .thumbimage.cover").addClass("loaded")
	}
}
function loadImages(category){
	var content = "";
	var softwarePages = getPagesByType(category);
		var categoryItemObject = getCategoryObjectByType(category);
		    content += '<div class="thumbs-bar"><div class="pagination">';
            for(var i=1;i<=softwarePages;i++){
                if(i == curPage){
                    content +=  '<div class="page-selected"></div>';
                } else {
                    content +=  '<div class="page-not-selected" onclick="setPage('+i+')"></div>';
                }
            }
            content += '</div>';
            for(var i=(curPage-1)*15;i<(curPage*15);i++){
                    if(i<categoryItemObject.projects.length) {
								content += "<div class='thumb-container' project='"+i+"' id='project_data_"+category+"_"+i+"' total_number='"+categoryItemObject.projects[i].images.length+"' loaded='0'>"+
                                                "<img src='resources/gallery/thumb/"+categoryItemObject.projects[i].images[0]+"' style='display:none' />";
                                content += "<div class='thumbimage cover'></div>"+
                                            "</div>";
                    }
            }
            content += '</div><div class="image-container"><div class="project_details" id="project_details">'+                            
                       '</div><div id="main-image-container"><div id="pre-main-image">';
			//console.log(categoryItemObject.projects);
			for(var i=0;i<categoryItemObject.projects.length;i++){
				for(var j=0;j<categoryItemObject.projects[i].images.length;j++){
					//if($('#big_image_'+category+'_'+i+'_'+j).length != 0){
						//console.log($('#big_image_'+category+'_'+i+'_'+j))
					//}else{
						content += '<img src="resources/gallery/'+categoryItemObject.projects[i].images[j]+'" cbk="project_data_'+category+'_'+i+'" class="main-image" onload="image_loaded($(this))" onerror="image_load_error($(this))" style="display:none" id="big_image_'+category+'_'+i+'_'+j+'" />';
					//}
				}
			}
			return content += '</div></div></div>';
}
function setContentByCategory(category){
	if(category != 0){
		$(".content_holders").animate({opacity:0},300,function(){
			jQuery("#project_holder").html(loadImages(category));
			if(selectedCategory>0){
				$(".photo_holder").css("background-position","1001px 50%");
				$("#photo_holder_"+selectedCategory+"_"+getRandImgFromCat(selectedCategory)).css("background-position","0 50%");
			}
			addThumbBarListeners();
			$(".content_holders").hide();
			$("#project_holder_pics").show().css({opacity:0}).animate({opacity:1},300);
		});
    }else {
        //var newCategImage = randomHome[Math.floor(randomHome.length*Math.random())];
        //content = "<img class='logo' src='resources/images/"+newCategImage+"'/><div style=\"background-image:url(resources/images/mwc.png);width:174px;height:54px;position:absolute;right:0px;top:75px;\"></div>";
		$(".content_holders").animate({opacity:0},300,function(){
			$(".content_holders").hide();
			$(".logo").hide();
			$($(".logo")[Math.round(Math.random()*8)]).show();
			$("#home_holder").show().css({opacity:0}).animate({opacity:1},300);
		});
    }
    //jQuery("#keep-it-centered-top").html(content);
    
}
function setPage(page){
    curPage = page;
    setContentByCategory(selectedCategory);
    jQuery("#keep-it-centered-top").css({
        //backgroundImage: "url('resources/images/cube_video_02.jpg')"
    });
}
function addThumbBarListeners(){
    jQuery(".thumbimage").hover(function() {
        // make the image 100% visible  only if it is in a normal state : has class hover
		if($(this).hasClass('loaded')) if(jQuery(this).hasClass("cover")){
            //jQuery(this).removeClass("cover");
            //jQuery(this).addClass("cover-hover");
            jQuery(this).stop(true,true).animate({
                opacity: 0.0
            },400);
        }
    },function() {
        if($(this).hasClass('loaded')) if(!jQuery(this).hasClass("cover-selected")){
            //jQuery(this).removeClass("cover-hover");
            //jQuery(this).addClass("cover");
            jQuery(this).stop(true,true).animate({
                opacity: 0.6
            },400);
        }
    });
    jQuery(".thumbimage").click(function(){
        if($(this).hasClass('loaded')) selectThumb(this);
    });
}
function getProjectsByCategory(categ) {
    jQuery.ajax({
        url: "ajax.php?id="+categ,
        success: function(data){
            try {
            switch(categ){
                case 1: software = eval("("+data+")");
                        preloadImages(software.projects);
                        break;
                case 2: ads = eval("("+data+")");
                        preloadImages(ads);
                        break;
                case 3: foto = eval("("+data+")");
                        preloadImages(foto);
                        break;
                case 4: home = eval("("+data+")");
                        break;
            }
            } catch(err){
                //console.log(err);
            }
        }
    });
}
function preloadImages(projects){
      return ;
	  try {
        for(var i in projects){
            for(var j in projects[i].images){
                jQuery("#preloader").append("<img style='display:none' src='resources/gallery/thumb/"+projects[i].images[j]+"'/>");
                jQuery("#preloader").append("<img style='display:none' src='resources/gallery/"+projects[i].images[j]+"'/>");
            }
        }
    } catch(err){
        console.log(err);
    } 
}
function preloadProjectImages(project_index){
    if(selectedCategory == 1){
        for(var i=0;i<software.projects[project_index].images.length;i++){
            if(i == software.projects[project_index].images.length-1 ){
                //preloadImage(project_index,)
            }
        }
    }
}
function preloadImage(project_index,image_index){
    return ;
	if(selectedCategory == 1){
        if(image_index == -1){
             jQuery("#preloader").append("<img style='display:none' src='resources/gallery/thumb/"+software.projects[project_index].images[0]+"'/>");
        } else if(image_index == software.projects[project_index].images.length-1 ){
             jQuery("#preloader").append("<img onload='preloadImage("+project_index+",-1);' style='display:none' src='resources/gallery/"+software.projects[project_index].images[image_index]+"'/>");
        } else {
            jQuery("#preloader").append("<img onload='preloadImage("+project_index+","+(image_index+1)+");' style='display:none' src='resources/gallery/"+software.projects[project_index].images[image_index]+"'/>");
        }
    } else if(selectedCategory == 2){
        if(image_index == -1){
             jQuery("#preloader").append("<img style='display:none' src='resources/gallery/thumb/"+ads.projects[project_index].images[0]+"'/>");
        } else if(image_index == ads.projects[project_index].images.length-1 ){
             jQuery("#preloader").append("<img onload='preloadImage("+project_index+",-1);' style='display:none' src='resources/gallery/"+ads.projects[project_index].images[image_index]+"'/>");
        } else {
            jQuery("#preloader").append("<img onload='preloadImage("+project_index+","+(image_index+1)+");' style='display:none' src='resources/gallery/"+ads.projects[project_index].images[image_index]+"'/>");
        }
    } else if(selectedCategory == 3){
        if(image_index == -1){
             jQuery("#preloader").append("<img style='display:none' src='resources/gallery/thumb/"+foto.projects[project_index].images[0]+"'/>");
        } else if(image_index == foto.projects[project_index].images.length-1 ){
             jQuery("#preloader").append("<img onload='preloadImage("+project_index+",-1);' style='display:none' src='resources/gallery/"+foto.projects[project_index].images[image_index]+"'/>");
        } else {
            jQuery("#preloader").append("<img onload='preloadImage("+project_index+","+(image_index+1)+");' style='display:none' src='resources/gallery/"+foto.projects[project_index].images[image_index]+"'/>");
        }
    }
}