function showSubmenu(id){
	if (document.getElementById(id).style.visibility == 'visible') {
		document.getElementById(id).style.visibility = 'hidden';
		return;
	}

	$(".filter_list").each (function () {this.style.visibility = 'hidden';})
	document.getElementById(id).style.visibility = 'visible';

}
function hideSubmenu(id){
	document.getElementById(id).style.visibility = 'hidden';
	/*startSearch();*/
}
var state;
var force_open;

function toggleAll(id, value){
	 state = value;
	$('#' + id + ' input').each( function () {
		this.checked = state;
	});
 	startSearch();
}


function setPerPage(cnt) {
	per_page = cnt;
	page = 1;
	Refine()
}

function setPage(p){
	if (p >0 && p <= page_count){
		page = p;
		startSearch(1);
	}
}

function showNext(force){
	if (force) {
		force_open = force;
	} else {
		force_open = 0;
	}
	if (page < page_count){
		page++;
		startSearch(1);
	}

}

function showPrev(force){
	if (force) {
		force_open = force;
	} else {
		force_open = 0;
	}
	if (page >1){
		page--;
		startSearch(1);
	}

}

function showPage(pageNum) {
 
	if (page >=1){
		page = pageNum;
		startSearch(1);
	}
}


var pager;
function drawPager() {
	var max = ( page * per_page);
	if (max > item_count) max = item_count;
	/*
	$(".pager")
		 .html( 'View ' + ((page-1) * per_page + 1) + '-' + max + ' of ' + item_count );
	*/
		 
	//$('div.portfolio_list').html('('+max+'-'+( (page+1) * per_page)+')');
	
	//$("#pgCount").get(0).html(page_count);	 
	$("#pn_pages_u #pgCount").html(page_count);
	$("#pn_pages_d #pgCount").html(page_count);
	
	
	pg = (page_count?page_count+1:2);
    var selPage_u = $('ul.project_pages > li > select').get(0);
    var selPage_d = $('ul.project_pages > li > select').get(1);
    
    selPage_u.options.length=0;
    selPage_d.options.length=0;
    for(i=1; i<pg; i++)
    {
        // IE6.0 compatibile adding Options block
        selPage_u.options.add(new Option(i,i,true,true)); 
        selPage_d.options.add(new Option(i,i,true,true)); 
        
        //$("<option></option>").attr("value", i).html(i).appendTo(selPage_u);        
        //$('<option value="'+ i +'" >'+ i + '</option>').appendTo(selPage_u);
        //$('<option value="'+ i +'" >'+ i + '</option>').appendTo(selPage_d);
    }
    
    
    var idx_option = page-1;
    if(selPage_u.options.selectedIndex) selPage_u.options.selectedIndex = page-1;
    if(selPage_d.options.selectedIndex) selPage_d.options.selectedIndex = page-1;

    //$(selPage_u.options[idx_option]).attr("selected", "selected");
    
    return;
        

	if (page <= 1) {
		$(".arr_left").css('visibility', 'hidden');
	} 
	else {
		$(".arr_left").css('visibility', 'visible');
	}
	if (page >= page_count) {
		$(".arr_right").css('visibility', 'hidden');
	} 
	else {
		$(".arr_right").css('visibility', 'visible');
	}

}

function saveCount(count, num_per_page){
	//page = 1;
	per_page = num_per_page;
	item_count = count;
	page_count = Math.ceil(count/per_page)

	drawPager();
}

function showYear(year){
	page = 1;
	Search('year[]=' + year)
}
function showIndustry(industry){
	page = 1;
	Search('industries[]=' + industry)
}
function showService(service){
	page = 1;
	Search('services[]=' + service)
}




function startSearch(savePage){
	if (!savePage){
		page = 1;
	}
	
	var sFilter = $(".filter_select").serialize();
	
	var lnk = $('li.portfolio_next > a');
	lnk.each ( function(index) {

            sURL = (/(.*\/(?:\d+)\.html).*/i).exec(this.href);
            this.href = sURL[1] + '?' + sFilter;
	});

	Search($(".filter_select").serialize() +'&page=' + page);
	//Search($(".filter_list input:checked").serialize() + '&page=' + page)
}

var oldParams = '';

var ProjectIds = new Array();

function Search(params){

    var sFilter = $(".filter_select").serialize();
    
	if (params == oldParams) {
		return;
	}
	oldParams = params;

	$("#loading").get(0).style.visibility = 'visible';


	jQuery.post(
		'/portfolio/',
		params,
		function (json){

			$("#loading").get(0).style.visibility = 'hidden';
			$("ul.project_list > li.port_title").empty();
			var cnt = 1;
			saveCount(json.count, json.per_page);

			var counter = 0;
			var count = 0;

			var projects = json.projects;


			ProjectIds = new Array();
			for (var count = 0; count < projects.length; count++){
				if (cnt >3 ) {
					cnt = 1;
				}
				var project = projects[count];

				ProjectIds[counter] = project.id;

				$(
                    '<a href="/portfolio/'+ project.id + '.html?' + sFilter + '" class="project_link"'+
                  //  '   onmouseover="return showBooble(this)" '+
                  //  '   onmouseout ="return onHideBooble(this, event)"'+
                    '>'+
                    '<img src="'+(project.images[0].name ?'/resize/40x40/uploads/'+project.images[0].name : '/portfolio/thumb/'+project.thumb )+'" width="40" height="40" align="left" alt="" />'+
                    '<b class="project_info">'+
                        '<b class="project_br">&nbsp;</b><br />'+
                        project.name+'<img src="/img/bullet_arrow_green.gif"/>'+
                    //    '<br /><b class="project_data">' + project.year + '</b>'+
                    '</b></a>'
                    /*
                    +
                    
                    '<span style="display: none;" id="hidden_prjinfo_'+project.id +'"> '+
                    ' 	<ul>'+
                    '    	<li class="booble_top">&nbsp;</li>'+
                    '       <li class="booble_info">'+
                    '           <img src="/portfolio/thumb/'+ project.thumb +'" width="160" height="190" alt="" />'+
                                '<p><a href="/portfolio/'+project.id +'.html" class="booble_title">' + project.name + '</a>' +                                             
                                '<b>Launched:</b>'+ project.date  +'<br />'+
                                                                
                                '<b>Medium:</b> '+ (project.services? project.services.join(';<br />'):'')+
                                '<br />'+
                                '<b>Industry:</b>'+ (project.industries? project.industries.join(';<br />'):project.industries)+
                                '<br />'+
                                '<b>Client:</b>' + project.client_name + '<br />'+
                                '</p>'+
                                '<a href="'+project.url + '">Visit site</a>  &nbsp;|&nbsp;  <a href="/portfolio/'+project.id+'.html">More info</a>'+  
                    '        </li>'+
                    '    	<li class="booble_bottom">&nbsp;</li>'+
                    '    </ul>'+
                    '</span>'
                    */
                    
				).appendTo($("ul.project_list > li.port_title"));

	  	  		cnt ++;
	  	  		counter++;
			}
			/*
			if (force_open == "first"){
				showProject(projects[0].id);
			} else if (force_open == "last"){
				showProject(projects[projects.length-1].id);
			}
			*/
			force_open = 0;



		},
		'json'
	);
}


var image_src = '/uploads/';
var cur_image = 0;
function showProject(id){
	//$("#portfolio_splash")

	$("#board").ScrollTo(1000, 'easeout');
	if($("#portfolio_splash").get(0).style.display == "block"){

		$("#board")
			.animate({height: "hide"}, 500)
			.animate({height: "show"}, 500);
		$("#portfolio_splash").get(0).style.display = "none"
		$("#prev_portfolio").get(0).style.display = "block";

	} else {
		$("#board")
//			.animate({opacity: "hide"}, 500)
//			.animate({opacity: "show"}, 500);

	}

	$.getJSON('/portfolio/' + id + '.html', function(json) {

		$("#project_name")
			.html(json.name);

		itemId = json.id;
		if (!json.url) {
			$("#project_url").hide();
		} else {
			$("#project_url")
				.attr('href', json.url)
				.attr('target', '_new')
				.show();
		}

		Images = json.images;
		cur_image = 0;
		showImage(0)

		$("#project_year")
			.attr("href", "javascript:showYear(" + json.year  + ")")
			.html(json.year)
		//$(").get(0).innerHTML = ;

		$("#project_industry").empty()
		for (var item in json.industries){
			var value = json.industries[item];
			$("<a>")
				.attr("href", "javascript:showIndustry(" + item  + ")")
				.html(value)
				.appendTo("#project_industry")
	    };


		$("#project_service_1").empty()
	 	for (var item in json.service_col[1]){
			$("<a>")
				.attr("href", "javascript:showService(" + item  + ")")
				.html('&gt; ' + json.service_col[1][item])
				.appendTo("#project_service_1")

	    };

		$("#project_service_2").empty()
	 	for (var item in json.service_col[2]){
			$("<a>")
				.attr("href", "javascript:showService(" + item  + ")")
				.html('&gt; ' + json.service_col[2][item])
				.appendTo("#project_service_2")
	    };


	});
	return false; //Always return false to avoid href clicking.
}



function nextImage(){
	if (cur_image+1 >= Images.length) {
	    return;
	    /*
		var oldValue = 0;
		for(cnt in ProjectIds){
			if (itemId == oldValue) {
				var nextId = ProjectIds[cnt]
				if (nextId) {
					showProject(nextId);
				return;
				}
			}
			oldValue = ProjectIds[cnt];
		}
		
		if (page < page_count) {
			showNext("first");
		} else {
			showProject(ProjectIds[0]);
		}
		return;
	    */	
	}


	cur_image += 1;
	showImage(cur_image)
}
var oldValue;
function prevImage(){
	if (cur_image-1 < 0) {
	    return;
	    /*
		var oldValue = 0;
		for(cnt in ProjectIds){

			if (itemId == ProjectIds[cnt]) {
				var prevId = oldValue
				if (prevId) {
					showProject(prevId);
					return;
				}
			}
			oldValue = ProjectIds[cnt];
		}
		if (page > 1 ) {
			showPrev("last");
		} else {
			showProject(ProjectIds[ProjectIds.length - 1]);
		}
		return;	
		*/
	}
    
		
	cur_image -= 1;
	showImage(cur_image)
}

function showImage(id){

	var src = '/resize/450x0/uploads/' + Images[id];
	if ($("#project_image").attr('src') == src) {
		return;
	}

	$("#loading_img").get(0).style.visibility = 'visible';
	
	if((1+cur_image) <= 1)
    	$("li.portfolio_big > div > a#imager_prev").get(0).className = 'light';
	else
    	$("li.portfolio_big > div > a#imager_prev").get(0).className = '';
    	
	if((1+cur_image) == Images.length)
    	$("li.portfolio_big > div > a#imager_next").get(0).className = 'light';
    else
    	$("li.portfolio_big > div > a#imager_next").get(0).className = '';    
    
	$("li.portfolio_big > div > span#imager").html((1+cur_image) + ' of ' + Images.length);		
	
	
	$("#zoom > a" ).each(
	   function(index) {
	       this.style.display='none'; //attr("href", src);
	       $(this).html('');
	       
	   }
	);
	
	
	
	$("#zoom > a#bigImg_"+(1+cur_image) ).get(0).style.display=''; //attr("href", src);
	$( $("#zoom > a#bigImg_"+(1+cur_image) ).get(0) ).html('<img width="450" height="450" alt="" id="project_image" src=""/>'+
	
    	'<span id="zoom_" style="float: left; text-align: left; padding-top: 10px;">'+
        '<img width="14" height="14" align="absmiddle" alt="" src="/img/zoom.gif"/> &nbsp;'+
        'Click image to enlarge'+
        '</span>'
	
	);
	
	$("#project_image").attr("src", src);
		
	$("#project_image").get(0).onload = function () {
		$("#loading_img").get(0).style.visibility = 'hidden';

	}
    

}

function scrollHome(){
	$("#board").ScrollTo(1000, 'easeout');
}