var content_show = '';

// When the document loads do everything inside here ...
$(document).ready(function() {
	 // 
	 $("#popup").hide();  // by default hide content div
	 
	 $('#menu a').click(function() { //start function when any link is clicked

		 content_show = $(this).attr("title"); //retrieve title of link so we can compare with php file
			
			if(content_show){ 

			//alert(content_show);
			$.ajax({
				method: "get",url: "/resources/includes/popup.php",data: "page="+content_show,
				//beforeSend: function(){$("#loading").show("fast");}, //show loading just when link is clicked
				//complete: function(){ $("#loading").hide("fast");}, //stop showing loading when the process is complete
				success: function(html){ //so, if data is retrieved, store it in html
				$("#popup-text").html(html); //show the html inside .content div
				$("#popup").show("fast"); //animation
				} 
				 }); //close $.ajax(
			 }
	 }); //close click(

	 $('#popup-close a').click(function() { //start function when any link is clicked
			// hide
		 $("#popup").hide();

		 content_show = '';
	 }); //close click(

}); //close $(



function showFeatures() {
	document.getElementById('itemSpecs').style.visibility = 'hidden';
	document.getElementById('itemFeatures').style.visibility = 'visible';
	document.getElementById('buttonSpecs').className = 'itemfeaturesheaderbuttonup';
	document.getElementById('buttonFeatures').className = 'itemfeaturesheaderbuttondown';
}

function showSpecs() {
	document.getElementById('itemFeatures').style.visibility = 'hidden';
	document.getElementById('itemSpecs').style.visibility = 'visible';
	document.getElementById('buttonFeatures').className = 'itemfeaturesheaderbuttonup';
	document.getElementById('buttonSpecs').className = 'itemfeaturesheaderbuttondown';
}

function showReview() {
	makeRequest('/resources/includes/bottom-review.inc.php','?category='+category+'&manufacturer='+manufacturer+'&cms='+cms,'bottom-div');
}

function showUser() {
	makeRequest('/resources/includes/bottom-user.inc.php','?category='+category+'&manufacturer='+manufacturer+'&cms='+cms,'bottom-div');
}

function hideDiv(div1) 
{
	document.getElementById(div1).style.visibility = 'hidden';
}

function showDiv(div1) 
{
	document.getElementById(div1).style.visibility = 'visible';
}

function pageScroll() 
{
	window.scrollTo(0,1200);
	//window.scrollBy(0,50); // horizontal and vertical scroll increments
	//scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}

function scrollme()
{
	dh=document.body.scrollHeight
	ch=document.body.clientHeight
	if(dh>ch){
		moveme=dh-ch
		window.scrollTo(0,moveme)
	}
}

function togDisplay(id)
{ 
	switch(id)
	{
	case 'order':
      var style = document.searchForm.selectSort.style; 
	  style.display = (style.display=="none") ? "block":"none";
	  break;
	case 'features':
	      var style = document.searchForm.selectFeature19.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.selectFeature3.style; 
		  style.display = (style.display=="none") ? "block":"none";
	      var style = document.searchForm.selectFeature2.style; 
		  style.display = (style.display=="none") ? "block":"none";
	      var style = document.searchForm.checkFeature17.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelFeature17').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.checkFeature14.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelFeature14').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.checkFeature16.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelFeature16').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.checkFeature9.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelFeature9').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.checkFeature4.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelFeature4').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.checkFeature10.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelFeature10').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.checkFeature5.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelFeature5').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.checkFeature15.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelFeature15').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	  break;
	case 'type':
	      var style = document.searchForm.checkType0.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelType0').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.checkType1.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelType1').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.searchForm.checkType2.style; 
		  style.display = (style.display=="none") ? "inline":"none";
	      var style = document.getElementById('labelType2').style; 
		  style.display = (style.display=="none") ? "inline":"none";
	  break;
	default:
	  
	}
} 


function search(checkbox)
{
  box = eval("document.searchForm." + checkbox);   
  if (box.checked == false) box.checked = true;
  else box.checked = false;
  document.searchForm.submit();
}

function movepic(img_name, img_src) 
{
	document[img_name].src = img_src;
}


function sort(field)
{
	var x = document.sortForm.sort.value;
	var y = document.sortForm.order.value;
	
	if (field == x) {
		// same field just reverse order
		if (y == "asc")
		{
			document.sortForm.order.value = "desc";
		}
		else
		{
			document.sortForm.order.value = "asc"; 
		} 
	}
	else {
	
		switch(field)
		{
		case 'network':
			document.sortForm.order.value = "desc";
		    break;    
		case 'included':
			document.sortForm.order.value = "desc";
		    break;    
		case 'data':
			document.sortForm.order.value = "desc";
		    break;
		case 'total':
			document.sortForm.order.value = "asc";
		    break;
		case 'monthly_cost':
			document.sortForm.order.value = "asc";
		    break;
		case 'rating':
			document.sortForm.order.value = "desc";
			break;
		default:
			document.sortForm.order.value = "desc";
			break;
			// none at this time
		}
	}	
	
	if (field == 'rating') { 
		document.sortForm.sort.value = 'rating desc, cost';
		document.sortForm.order.value = 'asc'; }
	else {
		document.sortForm.sort.value = field;
	}
		
	document.sortForm.submit();
}

function calcHeight()
{
  //find the height of the internal page
  var the_height=document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;

  //change the height of the iframe
  document.getElementById('the_iframe').height=the_height;
}
