var header={
	init: function() {
		$("#hmenu > a").mouseover(function(e){
			header.select(this.id.substring(1));
		});
	},
	select: function(num) {
		$('#header .fill').each(function() {
			if (this.id!='hmenu'+num) {
				$(this).slideUp('slow');
			}
		});
		$('#header .m').removeClass('sel');
		$('#hmenu'+num).slideDown('slow');
		$('#m'+num).addClass('sel');
	}
}

var portfolio={
	width:315,
	jdiv:Object,
	canSetData:false,
	isLoad:false,
	block:false,
	init:function() {
		header.init();
		if (navigator.appName=='Microsoft Internet Explorer') portfolio.width=320;
		portfolio.pos=portfolio.width;
		//$('#portfolios').css('scrollLeft',portfolio.pos);
		portfolio.current=$('#portfolios').attr('rel');
		portfolio.count=$('#portfolios').attr('count')-4;
		document.getElementById('portfolios').scrollLeft=portfolio.pos;
	},
	left:function() {
		if (!portfolio.block) {
			portfolio.block=true;
			portfolio.loadAll();
			//console.log(portfolio.pos);
			if (portfolio.pos<=0) {
				$('.port-td:first').before('<td class="port-td" valign="top">'+($('.port-td:last').html())+'</td>');
				$('.port-td:last').remove();
				portfolio.pos = portfolio.width;
				document.getElementById('portfolios').scrollLeft = portfolio.pos;
			}
			portfolio.pos-=portfolio.width;
			$('#portfolios').animate({
				scrollLeft: portfolio.pos
			},1500,'swing',portfolio.setData);
		}
		//return false;
	},
	right:function() {
		if (!portfolio.block) {
			portfolio.block=true;
			portfolio.loadAll();
			//console.log(portfolio.pos);
			if (portfolio.pos>=portfolio.count * portfolio.width) {
				//console.log('!!!');
				$('.port-td:last').after('<td class="port-td" valign="top">'+($('.port-td:first').html())+'</td>');
				$('.port-td:first').remove();
				portfolio.pos = portfolio.count * portfolio.width - portfolio.width;
				document.getElementById('portfolios').scrollLeft = portfolio.pos;
			}
			portfolio.pos+=portfolio.width;
			$('#portfolios').animate({
				scrollLeft: portfolio.pos
			},1500,'swing',portfolio.setData);
		}
		//return false;
	},
	loadAll:function() {
		if (!portfolio.isLoad) {
			$.get('/ajax/portfolio.php','',function(data) {
				portfolio.data=data;
				portfolio.setData();
			});
		}
	},
	setData: function() {
		if (!portfolio.isLoad) {
			//console.log('set');
			if (portfolio.canSetData) {
				$('#portfolios').html(portfolio.data);
				portfolio.pos += (portfolio.width * portfolio.current)
				document.getElementById('portfolios').scrollLeft = portfolio.pos;
				portfolio.isLoad=true;
				portfolio.block=false;
			}
			portfolio.canSetData=true;
		} else {
			portfolio.block=false;
		}
	}
}
$(document).ready(portfolio.init);