// global variables
var categoryRequest = false;
var categoryURL = "";
var loading_Div="";
var form_Div="";
var cat_alpha = 1;
var catergory="";

//submit the form via ajax
function make_Request() {
  create_Request_Object();
  categoryRequest.setVar("wallpaper_category_id", catergory);
  categoryRequest.method = 'GET';
  categoryRequest.element = form_Div;
  categoryRequest.onCompletion = alert_Contents;
  categoryRequest.runAJAX();
}

//create the communication object
function create_Request_Object() {
  categoryRequest = new sack(categoryURL);
}

//act on the server response
function alert_Contents() {
	Fade_In();           
}

//prints the server response
function print_Response(){
  var response = http_request.responseXML.documentElement;
  var n = response.getElementsByTagName('result')[0].firstChild.nodeValue;
  message= response.getElementsByTagName('message')[0].firstChild.nodeValue;
  document.getElementById(form_Div).innerHTML = message;
}

//fade out the form
function Start_Fade(url,fdiv,ldiv,category_id,obj_number,total_categories,change_screen_src) {
   var  i;
  
   for(i=1;i<=total_categories;i++ ){
     document.getElementById("obj_"+i).className="normal_avtar";
   }
   
   document.getElementById("obj_"+obj_number).className="selected_avtar";
   
   if(change_screen_src==true) {
   document.getElementById('screen').src='http://forceindiaf1.com/images/wallpaer_img_th.jpg';
   restore_src();
   }
   catergory=category_id;
   categoryURL = root+'/'+url;
   form_Div = fdiv;
   loading_Div = ldiv;
   tStart   = new Date();
   show_Div();
   timerID  = setTimeout("Fade_Out()", 100);
}

//handles the Fade_Out of the form_Div element
function Fade_Out(){
  cat_alpha -= 0.1;
  if(cat_alpha < 0){
    cat_alpha = 0;
    make_Request()
  }else{
    obj = document.getElementById(form_Div);
    set_Opacity(obj, cat_alpha);
    setTimeout("Fade_Out()", 100);
  }
}

//handles the Fade_In of the form_Div element
function Fade_In(){
  
  cat_alpha += 0.1;
  
  if(cat_alpha > 1){
    hide_Div();
    cat_alpha = 1;
  } else {
    obj = document.getElementById(form_Div);
    set_Opacity(obj, cat_alpha);
    setTimeout("Fade_In()", 100);
  }

}

//shows a div for progress information
function show_Div(){
  if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(loading_Div).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.loading_Div.display = 'block';
		}
		else { // IE 4
			document.all.loading_Div.style.display = 'block';
		}
	}
}

//hides a div with the progress information
function hide_Div(){
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(loading_Div).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.loading_Div.display = 'none';
		}
		else { // IE 4
			document.all.loading_Div.style.display = 'none';
		}
	}
}

/*
* Function to put the new input in the document
*/
function set_Outer_HTML(element, toValue)
{
	if (typeof(element.outerHTML) != 'undefined')
		element.outerHTML = toValue;
	else
	{
		var range = document.createRange();
		range.setStartBefore(element);
		element.parentNode.replaceChild(range.createContextualFragment(toValue), element);
	}
}		

/**
Method:       set_Opacity(HTMLElement, Int)
Description:  Sets the opacity of an element
Parameters:
     HTMLElement aElm  - The HTML element to set the opacity for
     Float aOpac       - The value for the element's opacity. 0.0 - 1.0
                         Where 0.0 is invisible and 1.0 is completely 
                         visible
*/
function set_Opacity(aElm,aOpac) {
	
    var object = aElm.style; 
    object.opacity = (aOpac ); 
    object.MozOpacity = (aOpac ); 
    object.KhtmlOpacity = (aOpac ); 
    object.filter = "alpha(opacity=" + (aOpac*100) + ")";

}