function rank_job(id,rank,view){
	var itemUrl = ab("url" + id).innerHTML;
        var title = ab("title" + id).innerHTML;
        var loc =ab("location" + id).innerHTML;
        var company = ab("company" + id).innerHTML ;
        var experience = ab("experience" + id).innerHTML;
	experience = replaceSpecialChars(experience);

	var rank = rank.toString()
	var http = CreateObj();
	var url = "/job-seeker/rank_job/"
	var params = "id="+id+"&rank="+rank+"&title="+title+"&url="+itemUrl+"&location="+loc+"&company="+company+"&experience="+experience;
	http.open("POST", url, true);
	http.onreadystatechange = function() {
	if(http.readyState == 4 && http.status == 200) {
		var response=http.responseText;
		var myObject = eval('(' + response + ')');
		if (myObject['status'] == 'success'){
			starRating(id,myObject['average_rank'],view);
		}
		else if (myObject['status'] == "login"){
        		window.location = '/job-seeker/login/?surl='+window.location;
	        }
		else if (myObject['status'] == "already")
			{
				alert('you ranked this job already');
			} 
	}
	}
	http.send(params);
}
function set_ranks(view){
	var id_arr = document.getElementsByName('jobid');
	var id_str = '';
	for(i=0;i<id_arr.length;i++){
		if (i != id_arr.length-1){
			 id_str += id_arr[i].value+'-';
			}
		else{
			id_str += id_arr[i].value;	
		}
	}
	var url = "/job-seeker/get_average_ranks/?id_list="+id_str+"&ms="+new Date().getTime();
	var http = CreateObj();
	http.open("GET", url, true);
        http.onreadystatechange = function() {
	if(http.readyState == 4 && http.status == 200) {
        	var response=http.responseText;
		var myObject = eval('(' + response + ')');
		for (var key in myObject) {
				starRating(key,myObject[key],view);
                	}	
        }
	}
        http.send(null);
}
function starRating(id,el,view) {
// get all elements by name and change the css | whether user click on column view or list view , both places it should appear
var onestar = ab("oneStar"+view+id);
var twostar = ab("TwoStar"+view+id);
var threestar = ab("ThreeStar"+view+id);
var fourstar = ab("FourStar"+view+id);
var fivestar = ab("FiveStar"+view+id);
if(el==1) {
	onestar.className = "oneStarShow";
}
else if(el==2) {
	 twostar.className = "twoStarShow";
}
else if(el==3) {
	 threestar.className = "threeStarShow";
}
else if(el==4) {
	 fourstar.className = "fourStarShow";
}
else if(el==5) {
	 fivestar.className = "fiveStarShow";
}
}