$(document).ready(function() {
	$('#allProducts').click(function(){
		if ($(this).attr('src')=='/images/icons/checkbox.gif') {
			$(this).attr('src','/images/icons/checkbox_on.gif');
			$('.ulFilterList li a').removeClass('filterselected');
			getInactiveFilters();
		}
	});

	$('.ulFilterList li a').click(function(){
		if (!$(this).is('.filterdisabled')) {
			if (!$(this).is('filterselected')) {
				$('#allProducts').attr('src','/images/icons/checkbox.gif');
			} 

			$(this).toggleClass('filterselected');

			getInactiveFilters();
		}
	});
	
	displayDevicePhoto();
});

function getInactiveFilters() {
	var queryString='';
	$.each($('.ulFilterList li a.filterselected'),function(){
		queryString+=$(this).attr('id').replace('filter','')+',';
	});
	
	if (queryString.length==0) {
		$('#allProducts').attr('src','/images/icons/checkbox_on.gif');
	} else {
		$('#allProducts').attr('src','/images/icons/checkbox.gif');
		queryString='&filters='+queryString.slice(0, -1);
	}
	
	//alert('this will get sent over: '+queryString);
	var ajaxData=window.location.search.replace(/&filters=.*&?/,'')+queryString;
	$.ajax({
		type: "GET",
		url: "_filter.asp",
		data: ajaxData.substring(1),
		dataType: "xml",
		success: parseXml
	});
	
	if (queryString.length>0) {
		$('#filters').val(queryString.substring(9))
	} else {
		$('#filters').val('')
	}
}


function parseXml(xml) {
	$('.ulFilterList li a').removeClass('filterdisabled');
	$(xml).find('filter').each(function() {
		$('#filter'+$(this).attr('id')).addClass('filterdisabled');
	});
	setDeviceCount($(xml).find("devicecount").text());
}

function setDeviceCount(deviceCount) {
	var more=0;
	$('#spanDeviceCount').text(deviceCount);
	deviceCount=parseInt(deviceCount);
	if (deviceCount>1000) {
		deviceCount=1000;
		more=1;
	}
	if (deviceCount>0) {
		if ($("#ulDeviceCount").length > 0){
			$('#ulDeviceCount li').remove();
		} else {
			$("#divDeviceCount").append('<ul id="ulDeviceCount"></ul>');
		}
	}
	var i=0;
	for (i=0;i<deviceCount;i++) {
		$('#ulDeviceCount').append('<li>&nbsp;</li>');
	}
	if (more==1) {
		$('#ulDeviceCount').append('<li class="more">...</li>');
	}
}

this.displayDevicePhoto = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 20;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.devicephoto").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='devicephoto'><img src='"+ this.rel +"' alt='' />"+ c +"</p>");								 
		$("#devicephoto")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#devicephoto").remove();
    });	
	$("a.devicephoto").mousemove(function(e){
		$("#devicephoto")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
	
	$("a.devicephoto").click(function() {
		return false;
    });
};