var pickerID = null;
var class_value = null;
var class_type = null;
var changePageTitle = false;
var curPanel = null;



function privateMessagesNotify(){	
	AjaxSend('/pm/pmnotify', 'private_messages_notify');
}

function privateMessages(url, handle_text){	
	showInfo();
	size = getWindowSize(); 
	
	$("info_box").style.height = "500px";
	$("info_box").style.width = "600px";
	$('info_box').style.top = ( document.documentElement.scrollTop + 10 ) + "px";
	$("info_box_handle").style.width = "580px";
	$("info_box_handle_text").innerHTML = handle_text;
	$("info_box").style.left = ((size[2] / 2) - 300) + "px";
	
	new Draggable('info_box',{scroll:window,handle:'info_box_handle', endeffect:function(){new Effect.Highlight('info_box',{queue:'end'});}});
	
	
	AjaxSend(url, 'info_box_content');
}

function sendPrivateMessages(url, handle_text){

    $("info_box_handle_text").innerHTML = handle_text;
    
    var title = $('pm_title').value;
    var username = $('pm_username').value;
    var message_text = $('pm_message_text').value;
    var submit = $('pm_submit').value;
   
    message_text = message_text.replace(/\=/g, "<eq>");
	message_text = message_text.replace(/\$/g, "<dolar>");
	message_text = message_text.replace(/\&/g, "<amp>");
	message_text = message_text.replace(/ /g, "<sp>");
	message_text = message_text.replace(/\#/g, "<diez>");
	message_text = message_text.replace(/\?/g, "<quest>");
   
	var pars = 'title='+title+'&username='+username+'&message_text='+message_text+'&submit='+submit;

	var myAjax = new Ajax.Updater(
		'info_box_content', url, { method: 'post', parameters: pars}
	);
		
}


function urlencode (str) {


   
 return str;
}


function changeTheme(id){
	used_theme = id;
	var url = site_url+'profile/changetheme';
	var pars = 'theme='+id;
		
	var myAjax = new Ajax.Updater(
		'edit_id', url, {method: 'get', parameters: pars}
	);
}

function editMod(url, handle_text){	
	showInfo();
	size = getWindowSize(); 
	
	$("info_box").style.height = "500px";
	$("info_box").style.width = "600px";
	$('info_box').style.top = ( document.documentElement.scrollTop + 10 ) + "px";
	$("info_box_handle").style.width = "580px";
	$("info_box_handle_text").innerHTML = handle_text;
	$("info_box").style.left = ((size[2] / 2) - 300) + "px";
	
	new Draggable('info_box',{scroll:window,handle:'info_box_handle', endeffect:function(){new Effect.Highlight('info_box',{queue:'end'});}});
	
	
	AjaxSend(url, 'info_box_content');
}

function deletePanel(id, name){
	var answer = confirm("Наистина ли искате да премахнете този панел?");		
	if (answer){
		var url = site_url+'profile/deletepanel';			
		var pars = 'id='+id;
		
		Effect.Fade('panel_'+id);
		var myAjax = new Ajax.Request(url, { method: 'get', parameters: pars });		
	}
}

function getCheckedValue(radioObj) {
	if(!radioObj)
		return "";
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			return radioObj.value;
		else
			return "";
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			return radioObj[i].value;
		}
	}
	return "";
}

function saveLayout(){
	var url = site_url+'profile/savelayout';
	var count = getCheckedValue(document.forms['form_layout'].elements['count_l']);
	var nav = getCheckedValue(document.forms['form_layout'].elements['navigation']);
	var width = $('debug1').innerHTML;
	var pars = 'count='+count+'&nav='+nav+'&width='+width;
		
	var myAjax = new Ajax.Request(
		url, { method: 'get', parameters: pars, onComplete: afterLayout}
	);
	closeMsg('info_box');
}

function afterLayout(){
	closeMsg('info_box');
	window.location = site_url+'member/profile/';
}

function saveTheme(){
	closeMsg('info_box');
	var url = site_url+'profile/savetheme';
	var pars = 'theme='+used_theme;

	var myAjax = new Ajax.Request(
		url, { method: 'get', parameters: pars}
	);
}


function abortTheme(){
	closeMsg('info_box');
	var url = site_url+'profile/changetheme';
		
	var myAjax = new Ajax.Updater(
		'edit_id', url, {method: 'get'}
	);
}

function saveColor(){
	closeMsg('info_box');
	var url = site_url+'profile/savecolor';
		
	var myAjax = new Ajax.Request(
		url, { method: 'get'}
	);
}

function abortColor(){
	closeMsg('info_box');
	var url = site_url+'profile/changetheme';
		
	var myAjax = new Ajax.Request(
		url, { method: 'get'}
	);
}

function changeLayout(type){
	var url = site_url+'profile/changelayout';
	var pars = 	type
	var myAjax = new Ajax.Updater(
		'mainPage', url, { method: 'get', parameters: pars}
	);
}

function editTheme(url, handle_text){
	showInfo();
	size = getWindowSize(); 

	$("info_box").style.height = "500px";
	$("info_box").style.width = "600px";
	$('info_box').style.top = ( document.documentElement.scrollTop + 10 ) + "px";
	$("info_box_handle").style.width = "580px";
	$("info_box_handle_text").innerHTML = handle_text;
	$("info_box").style.left = ((size[2] / 2) - 300) + "px";
	
	new Draggable('info_box',{scroll:window,handle:'info_box_handle', endeffect:function(){new Effect.Highlight('info_box',{queue:'end'});}});

	var myAjax = new Ajax.Updater(
		'info_box_content', url, {method: 'get'}
	);
}

function editColor(url, handle_text){
	showInfo();
	size = getWindowSize(); 
	
	$("info_box").style.height = "550px";
	$("info_box").style.width = "600px";
	$('info_box').style.top = ( document.documentElement.scrollTop + 10 ) + "px";
	$("info_box_handle").style.width = "580px";
	$("info_box_handle_text").innerHTML = handle_text;
	$("info_box").style.left = ((size[2] / 2) - 300) + "px";
	
	new Draggable('info_box',{scroll:window,handle:'info_box_handle', endeffect:function(){new Effect.Highlight('info_box',{queue:'end'});}});

	var myAjax = new Ajax.Updater(
		'info_box_content', url, {method: 'get'}
	);
}

function editLayout(url, handle_text){
	showInfo();
	size = getWindowSize(); 
	
	$("info_box").style.height = "500px";
	$("info_box").style.width = "600px";
	$('info_box').style.top = ( document.documentElement.scrollTop + 10 ) + "px";
	$("info_box_handle").style.width = "580px";
	$("info_box_handle_text").innerHTML = handle_text;
	$("info_box").style.left = ((size[2] / 2) - 300) + "px";
	
	new Draggable('info_box',{scroll:window,handle:'info_box_handle', endeffect:function(){new Effect.Highlight('info_box',{queue:'end'});}});
	
	
	AjaxSend(url, 'info_box_content');
	//var myAjax = new Ajax.Updater(
	//	'info_box_content', url, {method: 'get'}
	//);
}

function changel(type){
	var url = site_url+'profile/changeLayout';
	var pars = 'count='+type;
	
	var myAjax = new Ajax.Updater(
		'userPanels', url, {method: 'get', parameters: pars}
	);
}

function showInfo(){	
	$("info_box").style.display = "block";
	$("info_box").className = "overlay_dialog_info";
	
	$('info_box_content').innerHTML = '<center><br /><br /><br /><br />'+loading_text+'<br /><img src="'+preload_img+'" alt="Loading..." border="0" /></center>';
}

function imageLoad(id){
	$(id).innerHTML = '<center><br /><br /><br /><br />'+loading_text+'<br /><img src="'+preload_img+'" alt="Loading..." border="0" /></center>';
}

function closeMsg(id){
	$("buffer").style.display = "none";
	$(id).style.display = "none";
	
	if(curPanel != null){
		reloadPanel(curPanel);
	}
}

function reloadPanel(panel){
	$(panel).innerHTML = '<center><br /><br /><br /><br />'+loading_text+'<br /><img src="'+preload_img+'" alt="Loading..." border="0" /></center>';
	var url = site_url+'panels/'+panel+'?canedit=1';
		
	var myAjax = new Ajax.Updater(
		panel, url, { method: 'get' }
	);
	
	curPanel = null;
}

function getStyle(element, property) {
	if (element.style[property]) {
		return parseFloat(element.style[property]);
	} else if (element.currentStyle) {
		return parseFloat(element.currentStyle[property]);
	} else if (document.defaultView && document.defaultView.getComputedStyle) {
		var style = document.defaultView.getComputedStyle(element, null)
		return parseFloat(style.getPropertyValue(property))
	} else {
		return null
	}
}

function showPicker(evt, id, type, class_v){
	var evt = (evt) ? evt : ((window.event) ? event : null );
	
	pickerID = id;
	class_type = type;
	class_value = class_v;
	obj = $('color_picker_div').style;
	obj.display = "block";
	obj.top = evt.clientY+'px';
	obj.left = (evt.clientX - 310)+'px';
	
	new Draggable('color_picker_div',{scroll:window,handle:'color_picker_div_handle', endeffect:function(){new Effect.Highlight('color_picker_div',{queue:'end'});}});
}

function closePicker(){
	obj = $('color_picker_div').style;
	obj.display = "none";
}

function showImage(evt, id, class_v){
	var evt = (evt) ? evt : ((window.event) ? event : null );
	
	
	class_value = class_v;
	obj = $('image_div').style;
	obj.display = "block";
	obj.top = evt.clientY+'px';
	obj.left = (evt.clientX - 480)+'px';
	
	new Draggable('image_div',{scroll:window,handle:'image_div_handle', endeffect:function(){new Effect.Highlight('image_div',{queue:'end'});}});
}

function closeImage(){
	obj = $('image_div').style;
	obj.display = "none";
}

function changeImg(path, origpath){
	$('background_image').innerHTML = '<img src="'+origpath+'" alt="" border="0" height="82" width="102" />';
	sendAjaxColor('background_image', path, class_value);
}

function changeBackgroundImageType(type, class_v){
	sendAjaxColor('background_image_type', type, class_v);
}

function changeBackgroundImageRepeat(type, class_v){
	sendAjaxColor('background_repeat', type, class_v);
}

function changeBackgroundImagePosition(type, class_v){
	sendAjaxColor('background_position', type, class_v);
}

function convertHex(color){
	$(pickerID).style.background = "#"+color;
	sendAjaxColor(class_type, color, class_value);
}

function sendAjaxColor(type, color, class_value){
	var url = site_url + 'profile/changecolor';
	var pars = 'type='+type+'&class='+class_value+'&value='+color;
		
	var myAjax = new Ajax.Updater(
		'edit_id', url, {method: 'get', parameters: pars}
	);
}

function showHideOptions(id, idsettings){
	var obj = $(id).style;
	if(obj.display == "none"){
		obj.display = "block";
	}
	else{
		obj2 = $(idsettings).style;
		if(obj2.display == "none"){
			obj.display = "none";	
		}
	}
}

function showHideSettings(id){
	var obj = $(id).style;
	if(obj.display == "none"){
		obj.display = "block";
	}
	else{
		obj.display = "none"
	}
}

function closeTip(id){
	$(id).style.display = "none";
}

function editPageTitle(){
	obj = $('profile_title');
	text = obj.innerHTML;
	if(!changePageTitle){		
		obj.innerHTML = '<input type="text" class="main_text" style="font-size: 25px; border: 1px solid red" value="'+text+'" onBlur="return savePageTitle(this.value);" maxlength="100" />';
		changePageTitle = true;
		obj.firstChild.focus();
	}
}

function savePageTitle(title){
	obj.innerHTML = title;
	changePageTitle = false;
	
	if(title != ""){
		var url = site_url+'profile/changepagetitle';		
		var pars = 'title='+title;
		
		var myAjax = new Ajax.Request(
			url, { method: 'get', parameters: pars}
		);
	}
	
	return false;
}

function showMoreHelp(step){
	obj = $('tipbox_myspace');
	if(obj.style.display == "none") obj.style.display = "block";

	$('tipbox_myspace_content').innerHTML = '<center><br /><br /><br /><br />'+loading_text+'<br /><img src="'+preload_img+'" alt="Loading..." border="0" /></center>';
	
	var url = site_url+'help/myspace';		
		var pars = 'step='+step;
		
		var myAjax = new Ajax.Updater(
			'tipbox_myspace_content', url, { method: 'get', parameters: pars}
		);
}

function alabala(value){
	new Control.Slider('handle1', 'track1', {
		range: $R(70,100),
		values: [70,72,74,76,78,80,82,84,86,88,90,92,94,96,98,100],
		sliderValue: value,
				onSlide: function(v) { $('debug1').innerHTML = v; $('userPanels').style.width = v+'%'; },
				onChange: function(v) { $('debug1').innerHTML = v }
			});
}

function showDataInfo(id){
	obj = $(id).style;
	if(obj.display == "none"){
		obj.display = "block";
	}
	else{
		obj.display = "none";
	}
}

function minMaxHeader(id_botton, id_menu){
	obj = $(id_botton);
	if(obj.className == "header_maximize"){
		obj.className = "header_minimize";
		$(id_menu).style.display = 'block';
		createCookie(id_botton, 'block');
	}
	else{
		obj.className = "header_maximize";
		$(id_menu).style.display = 'none';
		createCookie(id_botton, 'none');
	}
}

/*
function item_clicked(e) {
 	// the element that triggered the event
 	var element = Event.element(e);
 	// gets the mouse position
 	var mouseX = Event.pointerX(e);
	var mouseY = Event.pointerY(e);
	if($('panels_options').style.display == "block"){
		$('panels_options').style.display = "none"
	}
	else{
		$('panels_options').style.display = "block";
		$('panels_options').style.left = (mouseX + 10) +'px';
		$('panels_options').style.top = (mouseY + 10) + 'px';
	}
 
 	Event.stop(e);
}

var panels_count = 0;
var panels = new Array();

Event.observe(window, 'load', page_loaded, false);

function page_loaded(evt) {
	for (i=0; i<panels.length; i++){
		if(panels[i] != null) Event.observe(panels[i]+'_options_pannel', 'click', item_clicked, false);	
	}
}*/