function init(){	
    $(".thumbnails").hide();
	bindClicks();
	initAccordion();
	initCarousel(0);
}
function bindClicks(){	
	$(".project_title").click(function(){
		$(".project_title").removeClass('selected');
		$(this).addClass('selected');
	});
}
function cat_click(ob){
	 $(".myarrow").removeAttr('class').addClass('myarrow').addClass($(ob).attr('rel'));
	 loadingScreen();
	 $("#portfolio_cat li").removeClass('current');
	 $(ob).parent().addClass('current');
	 getProjectsData($(ob).attr('rel'));
	 return false;
}
function initAccordion(){
	$("#portfolio_container").accordion({
		autoHeight:false,

		change : function(e,ui){
			p_id = $(ui.newHeader).attr('id').substring(8);
			if (! $("#t_" + p_id).hasClass('jcarousel-list'))
			initCarousel(p_id);
		}
});
}
function initCarousel(p_id){
			$("#t_" + p_id).fadeIn(50);
			$("#t_" + p_id).jcarousel({
				visible: 1,
				start : 1,
				scroll: 1,
				initCallback: mycarousel_initCallback
				
			});
} 
function loadingScreen(){
$.blockUI({ css: { 
        border: 'none', 
        padding: '15px', 
        backgroundColor: '#000', 
        '-webkit-border-radius': '10px', 
        '-moz-border-radius': '10px', 
        opacity: '.5', 
        color: '#fff' 
    } }); 
}
function unloadingScreen(){
$.unblockUI();
}
function getProjectsData(cat){
$.ajax({
  type : "GET",
  url : "portfolio.xml",
  dataType : "xml", 
  success : function(xml){
    unloadingScreen();
	switch(cat){
		case cat:
		
			eval("renderList_" + cat + "(xml)");
		break;
		
	}
   
  } //success
});
}
function renderList_web(xml)
{
	$("#portfolio_container").empty();
	$("#portfolio_container").accordion( 'destroy' );
	$web =  $(xml).find('web');
	$web.find('project').each(function(i){
		var title = $(this).find('title').text();
		var desc = $(this).find('desc').text();
		var link = $(this).find('link').text();
		var isScreenshot = 0; 
		if( link.search('jpg')!=-1){
			link = jsAPPLICATION_PATH + "img/projects/"  + link;
			isScreenshot = 1;
		}
		var selected = (i==0) ? 'selected' : '';
		var spantitle = $("<span></span>")
		.addClass('titlename')
		.html(title);
		var h2title = $("<h2></h2>")
		.attr('id','project_' + i)
		.addClass('project_title')
		.addClass(selected)
		.html(i+1);
		spantitle.appendTo(h2title);
		h2title.appendTo($("#portfolio_container"))	;
		var ulthumbs = $("<ul></ul>")
		.attr('id','t_' + i)
		.addClass('thumbnails')
		.addClass('displaynone')
		.addClass('jcarousel-skin-web');
			var divDesc = $("<div></div>")
		.addClass('project_desc')
		.html(desc);
		var divproject = $("<div></div>")
		.addClass('project');
		ulthumbs.appendTo(divproject);
		$(this).find('src').each(function(){
			var path = jsAPPLICATION_PATH + "/img/projects/";
			var aLink = $("<a></a>");
			if(isScreenshot)
			 aLink.addClass('thickbox');
			aLink.attr('href',link);
			
			var img = $("<img></img>")
			.attr('src', path + $(this).text());
			img.appendTo(aLink);
			var myli = $("<li></li>")
			aLink.appendTo(myli);
			myli.appendTo(ulthumbs);			
		}); //each thumbs
		divDesc.appendTo(divproject);
		divproject.appendTo($("#portfolio_container"));
	}); //each project
	tb_init ($(".thumbnails li a"));
	initAccordion();
	initCarousel(0);
}
function renderList_others(xml)
{
	$("#portfolio_container").empty();
	$("#portfolio_container").accordion( 'destroy' );
	$web =  $(xml).find('others');
	$web.find('project').each(function(i){
		var title = $(this).find('title').text();
		var desc = $(this).find('desc').text();
		var selected = (i==0) ? 'selected' : '';
		var spantitle = $("<span></span>")
		.addClass('titlename')
		.html(title);
		var h2title = $("<h2></h2>")
		.attr('id','project_' + i)
		.addClass('project_title')
		.addClass(selected)
		.html(i+1);
		spantitle.appendTo(h2title);
		h2title.appendTo($("#portfolio_container"))	;
		var ulthumbs = $("<ul></ul>")
		.attr('id','t_' + i)
		.addClass('thumbnails')
		.addClass('jcarousel-skin-web');
		
		var divproject = $("<div></div>")
		.addClass('project');
		ulthumbs.appendTo(divproject);
	
		$(this).find('src').each(function(){
			var path = jsAPPLICATION_PATH + "/img/projects/";
			var img = $("<img></img>")
			.attr('src', path + $(this).text());
			var myli = $("<li></li>")
			img.appendTo(myli);
			myli.appendTo(ulthumbs);			
		}); //each thumbs

		divproject.appendTo($("#portfolio_container"));
	}); //each project
	initAccordion();
	initCarousel(0);
}
function renderList_logos(xml){
	$("#portfolio_container").accordion( 'destroy' );
	$logos = $(xml).find('logos');
    var myul = $('<ul></ul>');
    myul.attr('id', 'portfolio_ul');
    $logos.find('project').each(function(i){
     var middleclass = ((i+1)%3==2) ? "li_middle" : "";
      $('<li></li>')
      .addClass(middleclass)
      .html("<a href='"+jsAPPLICATION_PATH+"img/projects/"+$(this).find('thumbnail').text().replace("_s.jpg",".jpg")+"' title='"+$(this).find('desc').text()+"' class='thickbox'><img src='"+jsAPPLICATION_PATH+"/img/projects/"+$(this).find('thumbnail').text()+"'/></a>")
      .appendTo(myul);
    }); //eachfor (var i=0; i<x; i++) {
    $("#portfolio_container").empty();
    myul.appendTo( $("#portfolio_container") );
	$("<div></div>")
	.attr('id','portfolio_ul_desc')
	.appendTo($("#portfolio_container"));
	tb_init ($("#portfolio_ul li a"));
	$("#portfolio_ul li a").mouseover(function(){
		$("#portfolio_ul_desc").html($(this).attr('title'));
	}).mouseout(function(){
		$("#portfolio_ul_desc").empty();
	});
}