var temp='';
$(document).ready(function(){
	//References
//	var menupage=$("#menu li");
 	var componentpages = $("#components_menu li");
 	var cabinetpages = $("#cabinet_menu li");
 	var casespages = $("#casesmenu li");
 	var fanspages = $("#fansmenu li");
 	var deskhddpages = $("#desk_hardmenu li");
 	var laphddpages = $("#lap_hardmenu li");
 	var exthddpages = $("#ext_hardmenu li");
 	var deskmempages = $("#desk_memmenu li");
 	var lapmempages = $("#lap_memmenu li");
 	var boardpages = $("#m_boardmenu li");
 	var opticalpages = $("#optical_drivemenu li");
 	var powersupplypages = $("#power_supplymenu li");
 	var processorpages = $("#processorsmenu li");
 	var soundcardpages = $("#soundcardsmenu li");
 	var videocardpages = $("#videocardsmenu li");
 	
	var pages = $("#menu li");
	var loading = $("#loading");
	var content = $("#content");
	var content1 = $("#content1");
	
	var cases_brand = $("#cases_brand li");
	var cases_form = $("#cases_form li");
  var caseprice = $("#case_price li");
  
  var deskhdd_brand = $("#deskhdd_brand li");
  var deskhdd_interface = $("#deskhdd_interface li");
 	var deskhdd_size = $("#deskhdd_size li");
	var deskhdd_speed = $("#deskhdd_speed li");
	
	var laphdd_brand = $("#laphdd_brand li");
  var laphdd_interface = $("#laphdd_interface li");
 	var laphdd_size = $("#laphdd_size li");
	var laphdd_speed = $("#laphdd_speed li");
  
 	var exthdd_brand = $("#exthdd_brand li");
  var exthdd_interface = $("#exthdd_interface li");
 	var exthdd_size = $("#exthdd_size li");
	var exthdd_speed = $("#exthdd_speed li");
	
	var deskmem_brand = $("#deskmem_brand li");
  var deskmem_type= $("#deskmem_type  li");
 	var deskmem_size = $("#deskmem_size li");
 	
 	var lapmem_brand = $("#lapmem_brand li");
  var lapmem_type= $("#lapmem_type  li");
 	var lapmem_size = $("#lapmem_size li");
 	
 var pro_brand = $("#pro_brand li");
 var pro_speed = $("#pro_speed li");
 var pro_series= $("#pro_series li");
 var pro_price= $("#pro_price li");
 
  var board_brand = $("#board_brand li");
  var board_socket = $("#board_socket li");
 	var board_processor = $("#board_processor li");
	var board_price = $("#board_price li");
	
	var cabinet_brand = $("#cabinet_brand li");
	
	var fans_brand = $("#fans_brand li");
	
	var optical_brand = $("#optical_brand li");
  var optical_interface= $("#optical_interface  li");
 	var optical_lightscribe = $("#optical_lightscribe li");
 	
 	var sound_brand = $("#sound_brand li");
  var sound_chip= $("#sound_chip  li");
 	var sound_price = $("#sound_price li");
 	
 	var video_brand = $("#video_brand li");
  var video_type = $("#video_type li");
 	var video_rtype = $("#video_rtype li");
	var video_memory = $("#video_memory li");
	var video_tvout= $("#video_tvout li");
  
  var power_brand = $("#power_brand li");
  var power_max= $("#power_max  li");
 	var power_price = $("#power_price li");
//
	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
	
/*cases*/
cases_brand.click(function(){
		getoverlayfun();

    caseprice.css({'font-weight' : ''});
		cases_brand.css({'font-weight' : ''});
	  cases_form.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
   	
    var cases_brand_value = this.id;
	  var targetUrl = "component_content.php?page=1&tab=component_product&cases_brand="+cases_brand_value;
	  window.scrollTo(0,0);
	  $("#casecontent").load(targetUrl, finish);
    $('#cases-tabs').triggerTab(4);
 });	


caseprice.click(function(){ 
		getoverlayfun();

	  caseprice.css({'font-weight' : ''});
		cases_brand.css({'font-weight' : ''});
	  cases_form.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
   	
		var price_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&cases_price="+price_value;
		window.scrollTo(0,0);
	  $("#casecontent").load(targetUrl, finish);
	  $('#cases-tabs').triggerTab(4);
});
	
cases_form.click(function(){ 
    getoverlayfun();
    caseprice.css({'font-weight' : ''});
		cases_brand.css({'font-weight' : ''});
	  cases_form.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});

   	var form_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&cases_form="+form_value;
		window.scrollTo(0,0);
    $("#casecontent").load(targetUrl, finish);
	  $('#cases-tabs').triggerTab(4);
});

casespages.click(function(){
    casespages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#casescontent").load(targetUrl);
	});

deskhdd_brand.click(function(){
		getoverlayfun();

    deskhdd_brand.css({'font-weight' : ''});
    deskhdd_interface.css({'font-weight' : ''});
		deskhdd_size.css({'font-weight' : ''});
	  deskhdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
  	
    var deskhdd_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&deskhdd_brand="+deskhdd_brand_value;
		window.scrollTo(0,0);
	  $("#desk_hddcontent").load(targetUrl, finish);
    $('#desk_hdd-tabs').triggerTab(4);
 });	

deskhdd_interface.click(function(){
		getoverlayfun();

    deskhdd_brand.css({'font-weight' : ''});
    deskhdd_interface.css({'font-weight' : ''});
		deskhdd_size.css({'font-weight' : ''});
	  deskhdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
   	
		var deskhdd_interface_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&deskhdd_interface="+deskhdd_interface_value;
		window.scrollTo(0,0);
	  $("#desk_hddcontent").load(targetUrl, finish);
    $('#desk_hdd-tabs').triggerTab(4);
});	

deskhdd_size.click(function(){
  	getoverlayfun();

    deskhdd_brand.css({'font-weight' : ''});
    deskhdd_interface.css({'font-weight' : ''});
		deskhdd_size.css({'font-weight' : ''});
	  deskhdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
  
		var deskhdd_size_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&deskhdd_size="+deskhdd_size_value;
		window.scrollTo(0,0);
	  $("#desk_hddcontent").load(targetUrl, finish);
    $('#desk_hdd-tabs').triggerTab(4);
});	

deskhdd_speed.click(function(){
		getoverlayfun();
    
    deskhdd_brand.css({'font-weight' : ''});
    deskhdd_interface.css({'font-weight' : ''});
		deskhdd_size.css({'font-weight' : ''});
	  deskhdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});

		var deskhdd_speed_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&deskhdd_speed="+deskhdd_speed_value;
		window.scrollTo(0,0);
  	$("#desk_hddcontent").load(targetUrl, finish);
	  $('#desk_hdd-tabs').triggerTab(4);
});	

deskhddpages.click(function(){
    deskhddpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#desk_hard_content").load(targetUrl);
	});

laphdd_brand.click(function(){
  	getoverlayfun();

    laphdd_brand.css({'font-weight' : ''});
    laphdd_interface.css({'font-weight' : ''});
		laphdd_size.css({'font-weight' : ''});
	  laphdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
  
		var laphdd_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&laphdd_brand="+laphdd_brand_value;
		window.scrollTo(0,0);
	  $("#lap_hddcontent").load(targetUrl, finish);
    $('#lap_hdd-tabs').triggerTab(4);
});	

laphdd_interface.click(function(){
		getoverlayfun();

    laphdd_brand.css({'font-weight' : ''});
    laphdd_interface.css({'font-weight' : ''});
		laphdd_size.css({'font-weight' : ''});
	  laphdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});

		var laphdd_interface_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&laphdd_interface="+laphdd_interface_value;
		window.scrollTo(0,0);
  	$("#lap_hddcontent").load(targetUrl, finish);
    $('#lap_hdd-tabs').triggerTab(4);
});	

laphdd_size.click(function(){
		getoverlayfun();

    laphdd_brand.css({'font-weight' : ''});
    laphdd_interface.css({'font-weight' : ''});
		laphdd_size.css({'font-weight' : ''});
	  laphdd_speed.css({'font-weight' : ''});
  	$(this).css({'font-weight' : 'bold'});
  
		var laphdd_size_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&laphdd_size="+laphdd_size_value;
		window.scrollTo(0,0);
    $("#lap_hddcontent").load(targetUrl, finish);
    $('#lap_hdd-tabs').triggerTab(4);
});	

laphdd_speed.click(function(){
  	getoverlayfun();
    
    laphdd_brand.css({'font-weight' : ''});
    laphdd_interface.css({'font-weight' : ''});
		laphdd_size.css({'font-weight' : ''});
	  laphdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
  
		var laphdd_speed_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&laphdd_speed="+laphdd_speed_value;
		window.scrollTo(0,0);
	  $("#lap_hddcontent").load(targetUrl, finish);
    $('#lap_hdd-tabs').triggerTab(4);
});	
 

laphddpages.click(function(){
    laphddpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#lap_hard_content").load(targetUrl);
	});

exthdd_brand.click(function(){
  	getoverlayfun();

    exthdd_brand.css({'font-weight' : ''});
    exthdd_interface.css({'font-weight' : ''});
		exthdd_size.css({'font-weight' : ''});
	  exthdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
  
  	var exthdd_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&exthdd_brand="+exthdd_brand_value;
		window.scrollTo(0,0);
	  $("#ext_hddcontent").load(targetUrl, finish);
    $('#ext_hdd-tabs').triggerTab(4);
});	

exthdd_interface.click(function(){
	  getoverlayfun();
	  
    exthdd_brand.css({'font-weight' : ''});
    exthdd_interface.css({'font-weight' : ''});
		exthdd_size.css({'font-weight' : ''});
	  exthdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
		
    var exthdd_interface_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&exthdd_interface="+exthdd_interface_value;
		window.scrollTo(0,0);
	  $("#ext_hddcontent").load(targetUrl, finish);
    $('#ext_hdd-tabs').triggerTab(4);
});	

exthdd_size.click(function(){
  	getoverlayfun();
  
    exthdd_brand.css({'font-weight' : ''});
    exthdd_interface.css({'font-weight' : ''});
    exthdd_size.css({'font-weight' : ''});
    exthdd_speed.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
	 
    var exthdd_size_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&exthdd_size="+exthdd_size_value;
		window.scrollTo(0,0);
	  $("#ext_hddcontent").load(targetUrl, finish);
    $('#ext_hdd-tabs').triggerTab(4);
});	

exthdd_speed.click(function(){
  	getoverlayfun();
    
    exthdd_brand.css({'font-weight' : ''});
    exthdd_interface.css({'font-weight' : ''});
		exthdd_size.css({'font-weight' : ''});
	  exthdd_speed.css({'font-weight' : ''});
	 	$(this).css({'font-weight' : 'bold'});
	 	content.html('');
	
    var exthdd_speed_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&exthdd_speed="+exthdd_speed_value;
		window.scrollTo(0,0);
	  $("#ext_hddcontent").load(targetUrl, finish);
    $('#ext_hdd-tabs').triggerTab(4);
});	
 

exthddpages.click(function(){
    exthddpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#ext_hard_content").load(targetUrl);
	});
	

deskmem_brand.click(function(){
  	getoverlayfun();

    deskmem_brand.css({'font-weight' : ''});
    deskmem_type.css({'font-weight' : ''});
		deskmem_size.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
  
  	var deskmem_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&deskmem_brand="+deskmem_brand_value;
		window.scrollTo(0,0);
	  $("#desk_memcontent").load(targetUrl, finish);
    $('#desk_mem-tabs').triggerTab(4);
});	

deskmem_type.click(function(){
  	getoverlayfun();
  
    deskmem_brand.css({'font-weight' : ''});
    deskmem_type.css({'font-weight' : ''});
		deskmem_size.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
	
  	var deskmem_type_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&deskmem_type="+deskmem_type_value;
		window.scrollTo(0,0);
	  $("#desk_memcontent").load(targetUrl, finish);
    $('#desk_mem-tabs').triggerTab(4);
});	

deskmem_size.click(function(){
  	getoverlayfun();
  
    deskmem_brand.css({'font-weight' : ''});
    deskmem_type.css({'font-weight' : ''});
    deskmem_size.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});

  	var deskmem_size_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&deskmem_size="+deskmem_size_value;
		window.scrollTo(0,0);
	  $("#desk_memcontent").load(targetUrl, finish);
    $('#desk_mem-tabs').triggerTab(4);
});	
 
 
deskmempages.click(function(){
    deskmempages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#desk_mem_content").load(targetUrl);
	});


lapmem_brand.click(function(){
  	getoverlayfun();

    lapmem_brand.css({'font-weight' : ''});
    lapmem_type.css({'font-weight' : ''});
		lapmem_size.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
  
  	var lapmem_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&lapmem_brand="+lapmem_brand_value;
		window.scrollTo(0,0);
//		var countUrl = "component_count.php?page=1&tab=component_product&lapmem_brand="+lapmem_brand_value+"&lapmem_type=&lapmem_size=";
	  $("#lap_memcontent").load(targetUrl, finish);
//	$("#pagination").load(countUrl);
    $('#lap_mem-tabs').triggerTab(4);
});	

lapmem_type.click(function(){
  	getoverlayfun();
  
    lapmem_brand.css({'font-weight' : ''});
    lapmem_type.css({'font-weight' : ''});
		lapmem_size.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
	
  	var lapmem_type_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&lapmem_type="+lapmem_type_value;
		window.scrollTo(0,0);
//		var countUrl = "component_count.php?page=1&tab=component_product&lapmem_brand=&lapmem_type="+lapmem_type_value+"&lapmem_size";
	  $("#lap_memcontent").load(targetUrl, finish);
	//$("#pagination").load(countUrl);
    $('#lap_mem-tabs').triggerTab(4);
});	

lapmem_size.click(function(){
	  getoverlayfun();
    
    lapmem_brand.css({'font-weight' : ''});
    lapmem_type.css({'font-weight' : ''});
    lapmem_size.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
	  
    var lapmem_size_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&lapmem_size="+lapmem_size_value;
		window.scrollTo(0,0);
		//var countUrl = "component_count.php?page=1&tab=component_product&lapmem_size="+lapmem_size_value;
	  $("#lap_memcontent").load(targetUrl, finish);
//	$("#pagination").load(countUrl);
    $('#lap_mem-tabs').triggerTab(4);
});	
 

lapmempages.click(function(){
    lapmempages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#lap_mem_content").load(targetUrl);
	});


pro_brand .click(function(){
  	getoverlayfun();

    pro_price.css({'font-weight' : ''});
    pro_brand .css({'font-weight' : ''});
	  pro_series.css({'font-weight' : ''});
	  pro_speed .css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
		
    var brand_value = this.id;
    var targetUrl = "component_content.php?page=1&tab=component_product&pro_brand="+brand_value;
    window.scrollTo(0,0);
  	$("#processorcontent").load(targetUrl, finish);
  	$('#pro-tabs').triggerTab(4);
});

pro_series .click(function(){
		getoverlayfun();

    pro_price.css({'font-weight' : ''});
    pro_brand .css({'font-weight' : ''});
	  pro_series.css({'font-weight' : ''});
	  pro_speed .css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
		
    var pro_series_value = this.id;
    var targetUrl = "component_content.php?page=1&tab=component_product&pro_series="+pro_series_value;
    window.scrollTo(0,0);
  	$("#processorcontent").load(targetUrl, finish);
  	$('#pro-tabs').triggerTab(4);
});
 
pro_speed .click(function(){
		getoverlayfun();

    pro_price.css({'font-weight' : ''});
    pro_brand .css({'font-weight' : ''});
	  pro_series.css({'font-weight' : ''});
	  pro_speed .css({'font-weight' : ''});
    $(this).css({'font-weight' : 'bold'});

    var pro_speed_value = this.id;
    var targetUrl = "component_content.php?page=1&tab=component_product&pro_speed="+pro_speed_value;
    window.scrollTo(0,0);
  	$("#processorcontent").load(targetUrl, finish);
  	$('#pro-tabs').triggerTab(4);
});
 
pro_price.click(function(){
		getoverlayfun();

    pro_price.css({'font-weight' : ''});
    pro_brand .css({'font-weight' : ''});
	  pro_series.css({'font-weight' : ''});
	  pro_speed .css({'font-weight' : ''});
    $(this).css({'font-weight' : 'bold'});
    
    var pro_price_value = this.id;
    var targetUrl = "component_content.php?page=1&tab=component_product&pro_price="+pro_price_value;
    window.scrollTo(0,0);
  	$("#processorcontent").load(targetUrl, finish);
  	$('#pro-tabs').triggerTab(4);
});
 
processorpages.click(function(){
    processorpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#processorscontent").load(targetUrl);
	});
 

board_brand.click(function(){
	getoverlayfun();

    board_brand.css({'font-weight' : ''});
		board_socket.css({'font-weight' : ''});
	  board_processor.css({'font-weight' : ''});
    board_price.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
	  
    var board_brand_value = this.id;
	  var targetUrl = "component_content.php?page=1&tab=component_product&board_brand="+board_brand_value;
	  window.scrollTo(0,0);
    $("#boardcontent").load(targetUrl, finish);
    $('#board-tabs').triggerTab(4);
});

board_socket.click(function(){ 
   	getoverlayfun();

	  board_brand.css({'font-weight' : ''});
		board_socket.css({'font-weight' : ''});
	  board_processor.css({'font-weight' : ''});
    board_price.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
		
    var board_socket_value = this.id;
		var targetUrl = "component_content.php?page=" +1+ "&tab=component_product&board_socket="+board_socket_value;
		window.scrollTo(0,0);
	  $("#boardcontent").load(targetUrl, finish);
	  $('#board-tabs').triggerTab(4);
});

board_processor.click(function(){ 
  	getoverlayfun();

	  board_brand.css({'font-weight' : ''});
		board_socket.css({'font-weight' : ''});
	  board_processor.css({'font-weight' : ''});
    board_price.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
		
    var board_processor_value = this.id;
		var targetUrl = "component_content.php?page=" +1+ "&tab=component_product&board_processor="+board_processor_value;
		window.scrollTo(0,0);
	  $("#boardcontent").load(targetUrl, finish);
	  $('#board-tabs').triggerTab(4);
});

board_price.click(function(){ 
  	getoverlayfun();

	  board_brand.css({'font-weight' : ''});
		board_socket.css({'font-weight' : ''});
	  board_processor.css({'font-weight' : ''});
    board_price.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
		
    var board_price_value = this.id;
		var targetUrl = "component_content.php?page=" +1+ "&tab=component_product&board_price="+board_price_value;
		window.scrollTo(0,0);
	  $("#boardcontent").load(targetUrl, finish);
	  $('#board-tabs').triggerTab(4);
});

boardpages.click(function(){
    boardpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#boardscontent").load(targetUrl);
	});


/*Cabinet Modification */
cabinetpages.click(function(){
    cabinetpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#cabinet_content").load(targetUrl);
	});
	
cabinet_brand.click(function(){
		getoverlayfun();
    cabinet_brand.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
		var cabinet_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&cabinet_brand="+cabinet_brand_value;
		window.scrollTo(0,0);
  	$("#cabinetcontent").load(targetUrl, finish);
    $('#modification-tabs').triggerTab(4);
});	

/*Fabs and Coolings*/
fans_brand.click(function(){
		getoverlayfun();
    fans_brand.css({'font-weight' : ''});
		$(this).css({'font-weight' : 'bold'});
		var fans_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&fans_brand="+fans_brand_value;
		window.scrollTo(0,0);
  	$("#fancontent").load(targetUrl, finish);
    $('#fans-tabs').triggerTab(4);
});	

fanspages.click(function(){
    fanspages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#fanscontent").load(targetUrl);
	});

optical_brand.click(function(){ 
  	getoverlayfun();

	  optical_brand.css({'font-weight' : ''});
	  optical_interface.css({'font-weight' : ''});
    optical_lightscribe.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
		
    var optical_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&optical_brand="+optical_brand_value;
		window.scrollTo(0,0);
	  $("#optical_drivecontent").load(targetUrl, finish);
	  $('#optical-tabs').triggerTab(4);
});

optical_interface.click(function(){ 
  	getoverlayfun();

	  optical_brand.css({'font-weight' : ''});
	  optical_interface.css({'font-weight' : ''});
    optical_lightscribe.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
		
    var optical_interface_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&optical_interface="+optical_interface_value;
		window.scrollTo(0,0);
	  $("#optical_drivecontent").load(targetUrl, finish);
	  $('#optical-tabs').triggerTab(4);
});

optical_lightscribe.click(function(){ 
  	getoverlayfun();

	  optical_brand.css({'font-weight' : ''});
	  optical_interface.css({'font-weight' : ''});
    optical_lightscribe.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
		
    var optical_lightscribe_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&optical_lightscribe="+optical_lightscribe_value;
		window.scrollTo(0,0);
	  $("#optical_drivecontent").load(targetUrl, finish);
	  $('#optical-tabs').triggerTab(4);
});

opticalpages.click(function(){
    opticalpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#optical_drives_content").load(targetUrl);
	});


sound_brand.click(function(){ 
  	getoverlayfun();

	  sound_brand.css({'font-weight' : ''});
	  sound_chip.css({'font-weight' : ''});
    sound_price.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
    
    var sound_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&sound_brand="+sound_brand_value;
		window.scrollTo(0,0);
	  $("#soundcardcontent").load(targetUrl, finish);
	  $('#sound-tabs').triggerTab(4);
});

sound_chip.click(function(){ 
  	getoverlayfun();

	  sound_brand.css({'font-weight' : ''});
	  sound_chip.css({'font-weight' : ''});
    sound_price.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
    
    var sound_chip_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&sound_chip="+sound_chip_value;
		window.scrollTo(0,0);
	  $("#soundcardcontent").load(targetUrl, finish);
	  $('#sound-tabs').triggerTab(4);
});

sound_price.click(function(){ 
  	getoverlayfun();

	  sound_brand.css({'font-weight' : ''});
	  sound_chip.css({'font-weight' : ''});
    sound_price.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
		
    var sound_price_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&sound_price="+sound_price_value;
		window.scrollTo(0,0);
	  $("#soundcardcontent").load(targetUrl, finish);
    $('#sound-tabs').triggerTab(4);
});

soundcardpages.click(function(){
    soundcardpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#soundcardscontent").load(targetUrl);
	});
 

video_brand.click(function(){ 
  	getoverlayfun();

	  video_brand.css({'font-weight' : ''});
	  video_type.css({'font-weight' : ''});
    video_rtype.css({'font-weight' : ''});
    video_memory.css({'font-weight' : ''});
    video_tvout.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
	
  	var video_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&video_brand="+video_brand_value;
		window.scrollTo(0,0);
	  $("#videocardcontent").load(targetUrl, finish);
	  $('#video-tabs').triggerTab(4);
});

video_type.click(function(){ 
  	getoverlayfun();

	  video_brand.css({'font-weight' : ''});
	  video_type.css({'font-weight' : ''});
    video_rtype.css({'font-weight' : ''});
    video_memory.css({'font-weight' : ''});
    video_tvout.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
	
  	var video_type_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&video_type="+video_type_value;
		window.scrollTo(0,0);
	  $("#videocardcontent").load(targetUrl, finish);
	  $('#video-tabs').triggerTab(4);
});

video_rtype.click(function(){ 
  	getoverlayfun();

	  video_brand.css({'font-weight' : ''});
	  video_type.css({'font-weight' : ''});
    video_rtype.css({'font-weight' : ''});
    video_memory.css({'font-weight' : ''});
    video_tvout.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
	
  	var video_rtype_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&video_rtype="+video_rtype_value;
		window.scrollTo(0,0);
	  $("#videocardcontent").load(targetUrl, finish);
	  $('#video-tabs').triggerTab(4);
});

video_memory.click(function(){ 
  	getoverlayfun();

	  video_brand.css({'font-weight' : ''});
	  video_type.css({'font-weight' : ''});
    video_rtype.css({'font-weight' : ''});
    video_memory.css({'font-weight' : ''});
    video_tvout.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
	
  	var video_memory_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&video_memory="+video_memory_value;
		window.scrollTo(0,0);
	  $("#videocardcontent").load(targetUrl, finish);
	  $('#video-tabs').triggerTab(4);
});

video_tvout.click(function(){ 
  	getoverlayfun();

	  video_brand.css({'font-weight' : ''});
	  video_type.css({'font-weight' : ''});
    video_rtype.css({'font-weight' : ''});
    video_memory.css({'font-weight' : ''});
    video_tvout.css({'font-weight' : ''});
	  $(this).css({'font-weight' : 'bold'});
		
    var video_tvout_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&video_tvout="+video_tvout_value;
		window.scrollTo(0,0);
	  $("#videocardcontent").load(targetUrl, finish);
	  $('#video-tabs').triggerTab(4);
});

videocardpages.click(function(){
    videocardpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#videocardscontent").load(targetUrl);
	});
 

power_brand.click(function(){ 
  	getoverlayfun();

	  power_brand.css({'font-weight' : ''});
	  power_max.css({'font-weight' : ''});
    power_price.css({'font-weight' : ''});
    $(this).css({'font-weight' : 'bold'});
		
    var power_brand_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&power_brand="+power_brand_value;
		window.scrollTo(0,0);
	  $("#power_supply_unitcontent").load(targetUrl, finish);
	  $('#power-tabs').triggerTab(4);
});

power_max.click(function(){ 
  	getoverlayfun();

	  power_brand.css({'font-weight' : ''});
	  power_max.css({'font-weight' : ''});
    power_price.css({'font-weight' : ''});
    $(this).css({'font-weight' : 'bold'});
		
    var power_max_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&power_max="+power_max_value;
		window.scrollTo(0,0);
	  $("#power_supply_unitcontent").load(targetUrl, finish);
	  $('#power-tabs').triggerTab(4);
});

power_price.click(function(){ 
  	getoverlayfun();

	  power_brand.css({'font-weight' : ''});
	  power_max.css({'font-weight' : ''});
    power_price.css({'font-weight' : ''});
    $(this).css({'font-weight' : 'bold'});
		
    var power_price_value = this.id;
		var targetUrl = "component_content.php?page=1&tab=component_product&power_price="+power_price_value;
		window.scrollTo(0,0);
	  $("#power_supply_unitcontent").load(targetUrl, finish);
	  $('#power-tabs').triggerTab(4);
});

powersupplypages.click(function(){
    powersupplypages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#power_supply_unitscontent").load(targetUrl);
	});


pages.click(function(){
		getoverlayfun();
    pages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&component_id="+pageNum;
		window.scrollTo(0,0);
	  $("#content").load(targetUrl, finish);
	});

componentpages.click(function(){
		getoverlayfun();
    componentpages.css({'font-weight' : '','border':''});
		$(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
	  var pageNum = this.id;
		param=pageNum.split("-");
		var targetUrl = "component_content.php?tab=component_product&components=components&page="+pageNum;
		window.scrollTo(0,0);
	  $("#components_content").load(targetUrl, finish);
	});

function getoverlayfun(){
//$('body').append('<div id="jquery-overlay"></div>');
var arrPageSizes = getPageSize1();
			// Style overlay and show it
			$('#jquery-overlay').css({
				backgroundColor:	'#000',
				opacity:			'0.2',
				width:				arrPageSizes[0],
				height:				arrPageSizes[1]
			}).fadeIn();
}

		function getPageSize1() {
			var xScroll, yScroll;
			if (window.innerHeight && window.scrollMaxY) {	
				xScroll = window.innerWidth + window.scrollMaxX;
				yScroll = window.innerHeight + window.scrollMaxY;
			} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
				xScroll = document.body.scrollWidth;
				yScroll = document.body.scrollHeight;
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
				xScroll = document.body.offsetWidth;
				yScroll = document.body.offsetHeight;
			}
			var windowWidth, windowHeight;
			if (self.innerHeight) {	// all except Explorer
				if(document.documentElement.clientWidth){
					windowWidth = document.documentElement.clientWidth; 
				} else {
					windowWidth = self.innerWidth;
				}
				windowHeight = self.innerHeight;
			} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
				windowWidth = document.documentElement.clientWidth;
				windowHeight = document.documentElement.clientHeight;
			} else if (document.body) { // other Explorers
				windowWidth = document.body.clientWidth;
				windowHeight = document.body.clientHeight;
			}	
			// for small pages with total height less then height of the viewport
			if(yScroll < windowHeight){
				pageHeight = windowHeight;
			} else { 
				pageHeight = yScroll;
			}
			// for small pages with total width less then width of the viewport
			if(xScroll < windowWidth){	
				pageWidth = xScroll;		
			} else {
				pageWidth = windowWidth;
			}
			arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
			return arrayPageSize;
		};

function finish() {
		//	$('#jquery-overlay').fadeTo(1000, 0);
		var arrPageSizes = getPageSize1();
		$('#jquery-overlay').css("background-position", "top center");
			// Style overlay and show it
		$('#jquery-overlay').css({
				width:				'2px',
				height:				'2px',
				opacity:			'1',
				display: 'none'
			}).fadeIn();
			$('#jquery-overlay').css({ top:'2px'});
			}

	
});


function ajaxPaging(pagess) {
getoverlayfun();
 var mysplit=pagess.split("-");$("#content").css({'display':'none',visibility:""});
 if(mysplit[0]>1)$("#1-"+mysplit[1]+'-'+mysplit[2]).css({'font-weight' : '','border':''});
	if(temp!='')$("#"+temp).css({'font-weight' : '','border':''});
	else $("#1-"+mysplit[1]+'-'+mysplit[2]).css({'font-weight' : '','border':''});
	$("#"+pagess).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
temp=pagess;
var targetUrl1 = "component_content.php?page=" + mysplit[0]+ "&tab=component_product&"+mysplit[1]+"="+mysplit[2];
//	content.load(targetUrl1);
window.scrollTo(0,0);
$("#content2").load(targetUrl1,finish);


}


function MainPaging(pages){ 
    getoverlayfun();
	 /* menupage.css({'font-weight' : '','border':''});
	  $(this).css({'font-weight' : 'bold','border':'1px solid #8e8e8e'});
		*/
    var page_value = pages;
   	var targetedUrl = "component_content.php?tab=component_product&component_id="+page_value;
		//var countUrl= "component_count.php?page=1&tab=component_product&power_brand=&power_max=&power_price="+power_price_value;
		window.scrollTo(0,0);
	  $("#content1").load(targetedUrl,finish);
	 // $("#pagination").load(countUrl);
	  //$('#power-tabs').triggerTab(4);
}

function getoverlayfun(){
//$('body').append('<div id="jquery-overlay"></div>');
var arrPageSizes = getPageSize1();
			// Style overlay and show it
			$('#jquery-overlay').css({
				backgroundColor:	'#000',
				opacity:			'0.2',
				width:				arrPageSizes[0],
				height:				arrPageSizes[1]
			}).fadeIn();
}

		function getPageSize1() {
			var xScroll, yScroll;
			if (window.innerHeight && window.scrollMaxY) {	
				xScroll = window.innerWidth + window.scrollMaxX;
				yScroll = window.innerHeight + window.scrollMaxY;
			} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
				xScroll = document.body.scrollWidth;
				yScroll = document.body.scrollHeight;
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
				xScroll = document.body.offsetWidth;
				yScroll = document.body.offsetHeight;
			}
			var windowWidth, windowHeight;
			if (self.innerHeight) {	// all except Explorer
				if(document.documentElement.clientWidth){
					windowWidth = document.documentElement.clientWidth; 
				} else {
					windowWidth = self.innerWidth;
				}
				windowHeight = self.innerHeight;
			} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
				windowWidth = document.documentElement.clientWidth;
				windowHeight = document.documentElement.clientHeight;
			} else if (document.body) { // other Explorers
				windowWidth = document.body.clientWidth;
				windowHeight = document.body.clientHeight;
			}	
			// for small pages with total height less then height of the viewport
			if(yScroll < windowHeight){
				pageHeight = windowHeight;
			} else { 
				pageHeight = yScroll;
			}
			// for small pages with total width less then width of the viewport
			if(xScroll < windowWidth){	
				pageWidth = xScroll;		
			} else {
				pageWidth = windowWidth;
			}
			arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
			return arrayPageSize;
		};

function finish() {
		//	$('#jquery-overlay').fadeTo(1000, 0);
		var arrPageSizes = getPageSize1();
		$('#jquery-overlay').css("background-position", "top center");
			// Style overlay and show it
		$('#jquery-overlay').css({
				width:				'2px',
				height:				'2px',
				opacity:			'1',
				display: 'none'
			}).fadeIn();
			$('#jquery-overlay').css({ top:'2px'});
			}