var new_page=0;

var perpage=30;

var last_cat;



var fnew_page=0;

var fperpage=30;

var flast_cat;



var pnew_page=0;

var pperpage=30;

var plast_cat;



var onew_page=0;

var operpage=30;

var olast_cat;



function project()

{

	$('home_project').innerHTML = "<img src='"+url+"image/progress.gif'>";

	new Ajax.Request(url+'ajax/home_project.html',

    {

		parameters: { perpage:perpage, page:new_page, sort_title : sort_title , sort:sort} ,

		requestHeaders: {Accept: 'application/json'},

		onSuccess: function(transport){

				 var result = transport.responseText;

				 $('home_project').innerHTML=result;

		},

		onFailure: function(){ alert('An error occurs while submitting form') }

     }

    );

}



function feature_project()

{

	$('feature_home_project').innerHTML = "<img src='"+url+"image/progress.gif'>";

	new Ajax.Request(url+'ajax/feature_home_project.html',

    {

		parameters: { perpage:fperpage, page:fnew_page, sort_title : fsort_title , sort:fsort} ,

		requestHeaders: {Accept: 'application/json'},

		onSuccess: function(transport){

				 var result = transport.responseText;

				 $('feature_home_project').innerHTML=result;

		},

		onFailure: function(){ alert('An error occurs while submitting form') }

     }

    );

}



function home_package()

{

	$('home_package').innerHTML = "<img src='"+url+"image/progress.gif'>";

	new Ajax.Request(url+'ajax/home_package.html',

    {

		parameters: { perpage:pperpage, page:pnew_page, sort_title : psort_title , sort:psort} ,

		requestHeaders: {Accept: 'application/json'},

		onSuccess: function(transport){

				 var result = transport.responseText;

				 $('home_package').innerHTML=result;

		},

		onFailure: function(){ alert('An error occurs while submitting form') }

     }

    );

}



function site_project()

{

	$('other_project').innerHTML = "<img src='"+url+"image/progress.gif'>";

	new Ajax.Request(url+'ajax/other_website_project.html',

    {

		parameters: { perpage:operpage, page:onew_page, sort_title : osort_title , sort:osort} ,

		requestHeaders: {Accept: 'application/json'},

		onSuccess: function(transport){

				 var result = transport.responseText;

				 $('other_project').innerHTML=result;

		},

		onFailure: function(){ alert('An error occurs while submitting form') }

     }

    );

}



function page(p)

{

	new_page=p;

	project();

}



function feature_page(p)

{

	fnew_page=p;

	feature_project();

}



function package_page(p)

{

	pnew_page=p;

	home_package();

}



function opage(p)

{

	onew_page=p;

	site_project();

}



function display(id)

{

	perpage=$(id).value?$(id).value:id	
	project();

}



function feature_display(id)

{
	fperpage=$(id).value?$(id).value:id;
	feature_project();

}



function package_display(id)

{

	pperpage=$(id).value?$(id).value:id;
	home_package();

}



function website_display(id)

{	
    
	operpage=$(id).value?$(id).value:id;
	site_project();

}



var sort='asc';

var old_key='';

var sort_title='';



function sort_project(key)

{

	if(key==old_key)

		sort=(sort=='asc')?'desc':'asc';

	else

		sort='asc';

	old_key=key;

	sort_title=key;

	project();

}



var fsort='asc';

var fold_key='';

var fsort_title='';



function feature_sort_project(key)

{

	if(key==fold_key)

		fsort=(fsort=='asc')?'desc':'asc';

	else

		fsort='asc';

	fold_key=key;

	fsort_title=key;

	feature_project();

}





var psort='asc';

var pold_key='';

var psort_title='';



function package_sort_project(key)

{

	if(key==pold_key)

		psort=(psort=='asc')?'desc':'asc';

	else

		psort='asc';

	pold_key=key;

	psort_title=key;

	home_package();

}





var osort='asc';

var oold_key='';

var osort_title='';



function website_sort_project(key)

{

	if(key==oold_key)

		osort=(osort=='asc')?'desc':'asc';

	else

		osort='asc';

	oold_key=key;

	osort_title=key;

	site_project();

}



var temp='';

function job_project(job_id)

{

	var cat_div;

	if(temp!='')

		$('category_box'+temp).className = 'category_box';

	$('category_box'+job_id).className = 'category_box_hover';

	temp=job_id;

	cat_div='cat'+job_id;

	if(last_cat!=null)

		$(last_cat).style.display='none';

	$(cat_div).style.display='block';

	last_cat=cat_div;

}



function show_more_cat(cid,more_div,limit)

{

	$(more_div).innerHTML = "<img src='"+url+"image/home_cat.gif'>";

	new Ajax.Request(url+'ajax/show_more_cat.html',

    {

		parameters: { cid:cid, limit:limit} ,

		requestHeaders: {Accept: 'application/json'},

		onSuccess: function(transport){

				 var result = transport.responseText;

				 $(more_div).innerHTML=result;

		},

		onFailure: function(){ alert('An error occurs while submitting form') }

     }

    );

}



var cid;



function show_text(id)

{

	var loop=$('text_loop').value;

	for(var i=1;i<=loop;i++)

	{

		var div='text'+i;

		$(div).style.display='none';

		$('image'+i).style.display='none';

		$('number'+i).className = 'number';

	}

	$('text'+id).style.display='block';

	new Effect.Appear('image'+id); 

	$('number'+id).className = 'number_hover';

	cid=id;

}



function prev_image()

{

	if(cid!=null && cid >1 )

	{

		var loop=$('text_loop').value;

		for(var i=1;i<=loop;i++)

		{

			var div='text'+i;

			$(div).style.display='none';

			$('image'+i).style.display='none';

			$('number'+i).className = 'number';

		}

		id=parseInt(cid)-1;

		$('text'+id).style.display='block';

		new Effect.Appear('image'+id); 

		$('number'+id).className = 'number_hover';

		cid=id;

	}

}



function next_image()

{

	var loop=$('text_loop').value;

	cid=(cid==null)?1:cid;

	if(cid<loop)

	{

		for(var i=1;i<=loop;i++)

		{

			var div='text'+i;

			$(div).style.display='none';

			$('image'+i).style.display='none';

			$('number'+i).className = 'number';

		}

		id=parseInt(cid)+1;

		$('text'+id).style.display='block';

		new Effect.Appear('image'+id); 

		$('number'+id).className = 'number_hover';

		cid=id;

	}

}



function project_page(pid)

{

	document.location.href = url + 'projects/'+pid+'.html';

}



function package_page_go(pid)

{

	document.location.href = url + 'service_packages/package/'+pid+'.html';

}



function website_page(pid)

{

	document.location.href = url + 'other_website/projects/'+pid+'.html';

}