var includes={
	digital    :"_digital.shtml",
	fotografia :"_fotografia.shtml",
	editorial  :"_editorial.shtml",
	embalagens :"_embalagens.shtml",
	ilustracoes:"_ilustracoes.shtml",
	impressos  :"_impressos.shtml",
	logos      :"_logos.shtml",
	papelaria  :"_papelaria.shtml"
};

$(document).ready(
	function(){


		// assign actions to portfolio buttons
		$("a").filter(
				function () {
					return $(this).attr("href").substr(0,1)=="#";
				}
		).click(
			function(){
				$.get(
					eval(
						"includes." + $(this).attr("href").substr(1)
					),
					function(data){
						insertHTML(data);
					}
				);

				
			}
		);


		// checkout incoming hash variable
		if(location.hash == "") location.href = "#digital"; // default location
		var currentAnchor = location.hash.replace(/^#/, "");

		// call page load
		$.get(
			eval(
				"includes." + currentAnchor
			),
			function(data){
				insertHTML(data);
			}
		);

	}
);

var insertHTML = function(data){
	$("#mainContent").html(
		data.replace(
			/\t|\n|\f|\r/gim,
			""
		)
	);
	makeDragable();
};

var makeDragable = function(){
	var betweenImgs=0;
	var rightOffset = 5;

	// get width
	var imgs=$("#dragable").children("img");
	
	var totalWidth = 0;
	for(var i=0;i<imgs.length;i++){
		// get width
		totalWidth+=parseInt(imgs[i].getAttribute("width"));
		totalWidth+=betweenImgs;
		// set link
	}
	totalWidth+=rightOffset;
	
	// set width
	$("#dragable").css("width",totalWidth+"px");

	// make dragable and reset position
	$("#mainContent").scrollview(
		{
			grab:"cursors/size3_r.cur",
			grabbing:"cursors/size3_l.cur"
		}
	).scrollLeft(0).scrollTop(0);

};