window.addEvent("domready", function(){
	
	$("txt_search").addEvent("focus", function(){
		if($("txt_search").value.trim() == "search"){
			$("txt_search").value = "";
		}
	});
	$("txt_search").addEvent("blur", function(){
		if($("txt_search").value.trim() == ""){
			$("txt_search").value = "search";
		}
	});
	
	
	if ($("txt_search2")) {
		$("txt_search2").addEvent("focus", function(){
			if ($("txt_search2").value.trim() == "keywords") {
				$("txt_search2").value = "";
			}
		});
		$("txt_search2").addEvent("blur", function(){
			if ($("txt_search2").value.trim() == "") {
				$("txt_search2").value = "keywords";
			}
		});
	}
	
	
	if($("frRegister")){
		if($("acn_id")){
			$("acn_id").selectedIndex = 0;
		}
		if($("id_usp_state")){
			$("id_usp_state").selectedIndex = 0;
		}
		if($("id_usp_city")){
			$("id_usp_city").selectedIndex = 0;
		}
	}
	if($$(".grayscale")){
		//
		$$(".grayscale li img").each(function(element){
			//grayscaleImage(element.id);
			//console.log(element.id);
		});
	}
	
	/* MENU */
	
	/* HOVER*/
	$$('#menu li.menu ').addEvent('mouseover', function(e) {
		
		this.getElement('a.link_main').addClass('selected');
		//console.log(this.getElement('a.link_main'));
		
		// OK
		$$(  ' .' + this.get('class').substr(5) + ' .submenu'  ).setStyle('visibility','visible');
	});
	
	/* MOUSE OUT */
	
	$$('#menu li.menu').addEvent('mouseout', function(e) {
		this.getElement('a.link_main').removeClass('selected');		
		//OK
		$$(  ' .' + this.get('class').substr(5) + ' .submenu'  ).setStyle('visibility','hidden');
	});
	
});


function grayscaleImage(imgObj){
        var canvas = document.createElement('canvas');
        var canvasContext = canvas.getContext('2d');
        
        var imgW = imgObj.width;
        var imgH = imgObj.height;
        canvas.width = imgW;
        canvas.height = imgH;
        
        canvasContext.drawImage(imgObj, 0, 0);
        var imgPixels = canvasContext.getImageData(0, 0, imgW, imgH);
        
        for(var y = 0; y < imgPixels.height; y++){
            for(var x = 0; x < imgPixels.width; x++){
                var i = (y * 4) * imgPixels.width + x * 4;
                var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
                imgPixels.data[i] = avg; 
                imgPixels.data[i + 1] = avg; 
                imgPixels.data[i + 2] = avg;
            }
        }
        
        canvasContext.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
        return canvas.toDataURL();
    }

function gsc(cID, ID){
	//"id_usp_state"
	if (cID != "") {
		var jsonRequest = new Request.JSON({
			url: "about/gscJS/" + cID,
			onSuccess: function(jsonObj){
				jsonObj.states.each(function(state, id){
					new Element('option', {'value': state.id, 'html': state.name}).inject($(ID));
				});
			}
		}).get();
	}
}

function gsce(cID, ID){
	//"combo_city_education" 
	if (cID != "") {
		var jsonRequest = new Request.JSON({
			url: "about/gsceJS/" + cID,
			onSuccess: function(jsonObj){
				jsonObj.states.each(function(state, id){
					new Element('option', {'value': state.id, 'html': state.name}).inject($(ID));
				});
			}
		}).get();
	}
}

function gcs(sID, ID){
	//"id_usp_city"
	if (sID != "") {
		var jsonRequest = new Request.JSON({
			url: "about/gcsJS/" + sID,
			onSuccess: function(jsonObj){
				jsonObj.cities.each(function(city, id){
					new Element('option', {'value': city.id, 'html': city.name}).inject($(ID));
				});
			}
		}).get();
	}
}