var mySlideCatalog;

window.addEvent('domready', function(){

mySlideCatalog = new Fx.Slide('sub_catalog', {mode: 'horizontal'});

function resetLinks(){

	setPassiveLink('catalog');
	
	setPassiveLink('c_1_1');
	setPassiveLink('c_1_2');
	setPassiveLink('c_1_3');
	setPassiveLink('c_1_4');
	
}
 
function setActiveLink(nameId){ $(nameId).setStyles('border: none; cursor:text; font-weight: bold; background: #D75D00; color: #fff; padding: 0 2px;'); }
function setPassiveLink(nameId){ $(nameId).setStyles('border-bottom: 1px dashed #126985; cursor:pointer; font-weight: bold;'); }

	var scroll = new Fx.Scroll('demo-wrapper', {
		wait: false,
		duration: 700,
		offset: {'x': -0, 'y': -100},
		transition: Fx.Transitions.Quad.easeInOut
	});


		$('catalog').addEvent('click', function(event) {
			event = new Event(event);

			mySlideCatalog.slideIn();

			event.stop();

			scroll.toElement('content_1_1');

			resetLinks();
			setActiveLink('catalog');
			setActiveLink('c_1_1');
		});


		$('c_1_1').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_1');

			resetLinks();
			setActiveLink('c_1_1');
			setActiveLink('catalog');

		});

		$('c_1_2').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_2');

			resetLinks();
			setActiveLink('c_1_2');
			setActiveLink('catalog');

		});

		$('c_1_3').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_3');

			resetLinks();
			setActiveLink('c_1_3');
			setActiveLink('catalog');
		});

		$('c_1_4').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_4');

			resetLinks();
			setActiveLink('c_1_4');
			setActiveLink('catalog');

		});

		$('lin_pic_2').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_2');

			resetLinks();
			setActiveLink('c_1_2');
			setActiveLink('catalog');

		});

		$('lin_pic_3').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_3');

			resetLinks();
			setActiveLink('c_1_3');
			setActiveLink('catalog');
		});

		$('lin_pic_4').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_4');

			resetLinks();
			setActiveLink('c_1_4');
			setActiveLink('catalog');

		});

  var hash = window.location.hash;
  var hash_arr = hash.split('_');  
  
  if(hash_arr.length == 3 && hash_arr[0] == '#producer') {   
    		var list_number 	= hash_arr[1];
    		var producer_number	= hash_arr[2];

    		mySlideCatalog.show();

		scroll.toElement('content_1_' + list_number);
		
		resetLinks();
		setActiveLink('catalog');
		setActiveLink('c_1_' + list_number);
  }
  else {                         
    		mySlideCatalog.show();
    		        
    		var list_id = 1;
    	        switch(hash) {
    	        	case '#size1500':
    	        		list_id = 1;
    	        		break;
    	             	case '#size2000':
    	             		list_id = 2;
    	             		break;
    	             	case '#size2500':
    	             		list_id = 3;
    	             		break;
    	             	case '#size3000':
    	             		list_id = 4;
    	             		break;
    	        }


		scroll.toElement('content_1_' + list_id);		
		
		resetLinks();
		setActiveLink('catalog');
		setActiveLink('c_1_' +  + list_id);
  }

  

});