var CAT_SET_AMPS = 0;
var CAT_DACS = 1;
var CAT_PREAMPS = 2;
var CAT_PHONO = 3;
var CAT_SPEAKERS = 4;
var CAT_PP_AMPS = 5;

var sc_items_count = 0;
var sc_items = new MakeSCItemsList();

function MakeSCItemsList()
{
	this[sc_items_count++] = new sc_item('Kit1', 'Single-Ended Integrated Amplifier', 'sc_kit1_001.jpg', 'kit1mk2.html', CAT_SET_AMPS, 0);
	this[sc_items_count++] = new sc_item('Legend Monoblock', 'Single-Ended Power Amplifier', 'sc_legend_mono_001.jpg', 'legendmono.html', CAT_SET_AMPS, 2);
	this[sc_items_count++] = new sc_item('Interstage MonoBlocks', 'Single-Ended Power Amplifier', 'sc_is_monos_001.jpg', 'monob01.html', CAT_SET_AMPS, 1);
	this[sc_items_count++] = new sc_item('DAC Kit 4.1', 'Transformer-coupled DAC', 'sc_dac41.jpg', 'DAC4_1.html', CAT_DACS, 3);
	
	this[sc_items_count++] = new sc_item('L1 Series EL84', 'Push-Pull Integrated Amplifier', 'sc_l1_el84.png', 'l1el84.html', CAT_PP_AMPS, 0);
	this[sc_items_count++] = new sc_item('L4 Series EL34', 'Push-Pull Integrated or Power Amplifier', 'sc_l4_el34_stereo_002.png', 'l4el34pp.html', CAT_PP_AMPS, 1);
	this[sc_items_count++] = new sc_item('L6 Series EL34 Monoblock', 'Push-Pull Power Amplifier', 'sc_l6_el34_mono.jpg', 'l6_el34_pp.html', CAT_PP_AMPS, 2);
	this[sc_items_count++] = new sc_item('L3 Phono Stage', 'Single-Ended Phono Stage', 'sc_l3phono.jpg', 'M3PhonoStage.html', CAT_PHONO, 0);
	
	this[sc_items_count++] = new sc_item('DAC Kit 2.1', '1x oversampling DAC', 'sc_dac21.jpg', 'dac2_1.html', CAT_DACS, 1);
	this[sc_items_count++] = new sc_item('DAC Kit 3.1', 'Transformer-coupled DAC', 'sc_dac31.jpg', 'dac3_1.html', CAT_DACS, 2);
	this[sc_items_count++] = new sc_item('L2 Line', 'Line Pre-amplifier', 'sc_l2line.png', 'l2line.html', CAT_PREAMPS, 0);
	this[sc_items_count++] = new sc_item('L2 Line / Phono', 'Line+Phono Pre-amplifier', 'sc_l2line_phono.jpg', 'PQpre.html', CAT_PREAMPS, 1);
	
	this[sc_items_count++] = new sc_item('L3 Line', 'Transformer-coupled Pre-amplifier', 'sc_l3line.jpg', 'l3linemk2.html', CAT_PREAMPS, 2);
	this[sc_items_count++] = new sc_item('L3 Remote', 'Transformer-coupled Pre-amplifier', 'sc_l3remote.jpg', 'l3remote.html', CAT_PREAMPS, 3);
	this[sc_items_count++] = new sc_item('AN/E Speaker Kits', 'High efficiency speaker kits', 'sc_ane_speaker_kits.jpg', 'newSpkr.html', CAT_SPEAKERS, 0);
	this[sc_items_count++] = new sc_item('AN/E Kit04 (AlNiCo + Silver)', 'High efficiency speaker kit', 'sc_kit04_alnico.jpg', 'speakerkit04.html', CAT_SPEAKERS, 1);
	
   	//this[sc_items_count++] = new sc_item('', '', '', '', , );
}
function sc_item(title, sub_title, img_name, link, tab_idx, sub_idx)
{
  this.title = title;
  this.sub_title = sub_title;
  this.img_name = img_name;
  this.link = link;
  this.tab_idx = tab_idx;
  this.sub_idx = sub_idx;
}
function WriteItemDivs()
{
	
	for (i = 0; i < sc_items_count; i++)
	{
		if (i % 4 == 0)
		{
			if (i != 0)
				document.write('<\/div>');
				
			document.write('<div>');
		}	
		
		document.write('<div class=item_div><a href=' 
			+ sc_items[i].link + '><img src=_images\/' 
			+ sc_items[i].img_name 
			+ ' onmouseover=\"ConditionalSetMainTabIDXEx(' + sc_items[i].tab_idx + ',' + sc_items[i].sub_idx + ');\"'
			+ '><\/a><br><b>' 
			+ sc_items[i].title + '<\/b><br><span style=\"font-size:11px;font-weight:bold;\">' 
			+ sc_items[i].sub_title + '<\/span><\/div>');
	}
	document.write('<\/div>');
	
	
         //document.write('<div class=item_div><a href=legendmono.html><img src=_images\/sc_legend_mono_001.jpg><\/a><br>Legend Monoblock<br>Single-Ended Power Amplifier<\/div>');
}

document.write('<link rel=\"stylesheet\" type=\"text\/css\" href=\"_images/scrollable/scrollable-horizontal.css\" \/>');
document.write('<link rel=\"stylesheet\" type=\"text\/css\" href=\"_images/scrollable/scrollable-buttons.css\" \/>');
document.write('<link rel=\"stylesheet\" type=\"text\/css\" href=\"_images/scrollable/scrollable-navigator.css\" \/>');

document.write('<style>');
document.write('div.item_div');
document.write('{');
document.write('    width:219px;');
document.write('    height:212px;');
document.write('    margin:20px 0px 0px 0px;');
document.write('    text-align:center;');
document.write('}');
document.write('<\/style>');

// wrapper for navigator elements
document.write('<center><div class="navi"><\/div><\/center>');

document.write('<center>');

// "previous page" action
document.write('<a class="prev browse left"><\/a>');

// root element for scrollable
document.write('<div class="scrollable" id=chained>');
   
   // root element for the items
   document.write('<div class="items">');

   WriteItemDivs();

	
      
   document.write('<\/div>');
   
document.write('<\/div>');

// "next page" action
document.write('<a class=\"next browse right\"><\/a>');


document.write('<br clear=\"all\" \/>');

document.write('<\/center>');

document.write('<p>');

$(document).ready(
	function() 
	{
		$('#chained').scrollable({circular: true, mousewheel: false}).navigator().autoscroll({interval: 20000});
	}
);