/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){
	
	if (navigator.appName == "Netscape") {
		curVal=354;
	} else {
		curVal=355;
	}
	
    new Ext.Slider({
		renderTo: 'abicur-slider',
		width: 745,
		value: curVal,
//		increment: 0,
//		minValue: 0,
		maxValue: 730,
		clickToChange: false,
//		plugins: new Ext.ux.SliderTip(),
		listeners: {
			"changecomplete": function(t, v) {
				if (v <= 51) {
					t.setValue(0, false);
				} else if (v > 51 && v <= 170) {
					if (navigator.appName == "Netscape") {
						t.setValue(103, false);
						document.getElementById(104).style.display = 'block';
					} else {
						t.setValue(104, false);
						document.getElementById(104).style.display = 'block';
					}
				} else if (v > 170 && v <= 295) {
					if (navigator.appName == "Netscape") {
						t.setValue(237, false);
						document.getElementById(238).style.display = 'block';
					} else {
						t.setValue(238, false);
						document.getElementById(238).style.display = 'block';
					}
				} else if (v > 295 && v <= 438) {
					if (navigator.appName == "Netscape") {
						t.setValue(354, false);
						document.getElementById(355).style.display = 'block';
					} else {
						t.setValue(355, false);
						document.getElementById(355).style.display = 'block';
					}
				} else if (v > 438 && v <= 577) {
					t.setValue(522, false);
					document.getElementById(522).style.display = 'block';
				} else if (v > 577 && v <= 673) {
					t.setValue(632, false);
					document.getElementById(632).style.display = 'block';
				} else if (v > 673 && v <= 715) {
					t.setValue(715, false);
				} else {
					t.setValue(715, true);
				}
				window.scrollTo(0, 200);
			},
			"change": function(t, v) {
//				document.getElementById('slider_value').innerHTML = t.getValue();
				if (v > 30 && v <= 355) {
					document.getElementById('boat_color').style.width = (31+v) + 'px';
				} else {
					document.getElementById('boat_color').style.width = (32+v) + 'px';
				}
				if (navigator.appName == "Netscape") {
					document.getElementById('boat_color').style.width = (32+v) + 'px';
				}
				
				document.getElementById(104).style.display = 'none';
				document.getElementById(238).style.display = 'none';
				document.getElementById(355).style.display = 'none';
				document.getElementById(522).style.display = 'none';
				document.getElementById(632).style.display = 'none';
				
//				alert();
			}
		}
    });
});