Prototype.Browser.IE6 = Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5)) == 6;
var navURL = window.location.href;
var current_position = 0;
var changing = false;
var totalFeatures = $$('.scroller_item').length;


//scroller_list
function moveFeature(feature){
	/*if(Prototype.Browser.IE6){
		feature_width = 719
	} else {
		feature_width = 719
	}*/
	//alert('clicked');
	var feature_width = 719;
	if(feature=="right"){
		if(!changing){
			//alert('click right')
			var rfeature = current_position+1;
			changing = true;
			var offset = current_position - rfeature;
			var move_amount = feature_width * offset;
			//var fh2 = $('scroller_item_'+current_position).getHeight();
			
			if(rfeature>totalFeatures){
				var origin = (feature_width * (totalFeatures-1))
				var fh = $('scroller_item_0').getHeight();
				if(feature!=-1){
				$('detail_overflow').morph( 'height:'+fh+'px' );
				}
				new Effect.Move('scroller_list', {
				  x: origin, y: 0, mode: 'relative',
				  transition: Effect.Transitions.sinoidal,
				  duration: 0.5,
				  afterFinish: function() { 
					changing = false;
					}
				}  );
				
				current_position = 1;
			} else {
				var rcurrent_position = current_position;
				var fh2 = $('scroller_item_'+current_position).getHeight();
				if(feature!=-1){
				$('detail_overflow').morph( 'height:'+fh2+'px' );
				}
				new Effect.Move('scroller_list', {
				  x: -feature_width, y: 0, mode: 'relative',
				  transition: Effect.Transitions.sinoidal,
				  duration: 0.5,
				  afterFinish: function() { 
					changing = false;
				  }
				}  );
				current_position = rfeature;
			}
		}
	} else {
		if(!changing){
			//alert('click general')
			var rfeature = feature+1;
			changing = true;
			var offset = current_position - rfeature;
			var move_amount = feature_width * offset;
			if(feature==-1){feature = 'first';}
			var fh = $('scroller_item_'+feature).getHeight();
			
			if(Prototype.Browser.IE6){
				if(feature!=-1){
					$('detail_overflow').morph( 'height:'+fh+'px' );
					//$('detail_overflow').setStyle( 'height:'+fh+'px' );
				}
			}else{
				if(feature!=-1){
					$('detail_overflow').morph( 'height:'+fh+'px' );
				}
			}
				
			new Effect.Move('scroller_list', {
			  x: move_amount, y: 0, mode: 'relative',
			  transition: Effect.Transitions.sinoidal,
			  duration: 0.5,
			  afterFinish: function() { 
				changing = false;
			}}  );
			
			current_position = rfeature;
		}
	}
	return false;
}
function move_popup(){
	if(Prototype.Browser.IE){
		var coords = $('styling_container').cumulativeScrollOffset();
		var newtop = coords.top + 200 + 'px';
		var newwidth = '135px';
		$('holdPopup').setStyle({ top:newtop, left:newwidth });
		$('fade_layer').setStyle({ left: '0' });
	} else {
		var coords = $('styling_container').cumulativeScrollOffset();
		var newtop = coords.top + 250 + 'px';
		var newwidth = '135px';
		$('holdPopup').setStyle({ top:newtop, left:newwidth });
	}
}
function showHold(){
	var cntr_hgt = $('styling_container').getStyle('height');
	cntr_hgt = cntr_hgt.replace("px","");
	cntr_hgt = (parseInt(cntr_hgt))+260;
	$('fade_layer').setStyle({ height:cntr_hgt+'px' });
	$('fade_layer').show();
	
	move_popup();
	
	$('holdPopup').show();
	
	return false;
}
function hideHold(){
	$('fade_layer').hide();
	$('holdPopup').hide();
	
	return false;
}
function showTrend(trend){
	$('trends_main').hide();
	$('texture_play').hide();
	$('model_crop').hide();
	$('sleek_sculpted').hide();
	$('glimpse_glamour').hide();
	$(trend).show();
	
	var i=0;
	for(i=0;i<4;i++){
		$('subnav_'+i).removeClassName('sel');
	}
	if(trend=='texture_play'){
		$('subnav_0').addClassName('sel');
	}else if(trend=='sleek_sculpted'){
		$('subnav_1').addClassName('sel');
	}else if(trend=='model_crop'){
		$('subnav_2').addClassName('sel');
	}else if(trend=='glimpse_glamour'){
		$('subnav_3').addClassName('sel');
	}
	return false;
}
function initialize(){

	if(Prototype.Browser.IE6){
		if($('detail_overflow')){setTimeout('$(\'detail_overflow\').setStyle({ \'height\':\'284px\' })', 1000);}
	}else{
		if($('detail_overflow')){$('detail_overflow').setStyle({ 'height':'284px' });}
	}
	
	if($('scroller_item_0')){
	if($('copy_INGREDIENTS_0').innerHTML.length==0||$('copy_INGREDIENTS_0').innerHTML.length=='null'){$('RM_layer_INGREDIENTS_0').hide();}
	if($('copy_howworks_0').innerHTML.length==0||$('copy_howworks_0').innerHTML.length=='null'){$('RM_layer_howworks_0').hide();}
	if($('copy_tips_0').innerHTML.length==0||$('copy_tips_0').innerHTML.length=='null'){$('RM_layer_tips_0').hide();}}
	
	if($('scroller_item_1')){
	if($('copy_INGREDIENTS_1').innerHTML.length==0||$('copy_INGREDIENTS_1').innerHTML.length=='null'){$('RM_layer_INGREDIENTS_1').hide();}
	if($('copy_howworks_1').innerHTML.length==0||$('copy_howworks_1').innerHTML.length=='null'){$('RM_layer_howworks_1').hide();}
	if($('copy_tips_1').innerHTML.length==0||$('copy_tips_1').innerHTML.length=='null'){$('RM_layer_tips_1').hide();}}
	
	if($('scroller_item_2')){
	if($('copy_INGREDIENTS_2').innerHTML.length==0||$('copy_INGREDIENTS_2').innerHTML.length=='null'){$('RM_layer_INGREDIENTS_2').hide();}
	if($('copy_howworks_2').innerHTML.length==0||$('copy_howworks_2').innerHTML.length=='null'){$('RM_layer_howworks_2').hide();}
	if($('copy_tips_2').innerHTML.length==0||$('copy_tips_2').innerHTML.length=='null'){$('RM_layer_tips_2').hide();}}
	
	if($('scroller_item_3')){
	if($('copy_INGREDIENTS_3').innerHTML.length==0||$('copy_INGREDIENTS_3').innerHTML.length=='null'){$('RM_layer_INGREDIENTS_3').hide();}
	if($('copy_howworks_3').innerHTML.length==0||$('copy_howworks_3').innerHTML.length=='null'){$('RM_layer_howworks_3').hide();}
	if($('copy_tips_3').innerHTML.length==0||$('copy_tips_3').innerHTML.length=='null'){$('RM_layer_tips_3').hide();}}
	
	if($('scroller_item_4')){
	if($('copy_INGREDIENTS_4').innerHTML.length==0||$('copy_INGREDIENTS_4').innerHTML.length=='null'){$('RM_layer_INGREDIENTS_4').hide();}
	if($('copy_howworks_4').innerHTML.length==0||$('copy_howworks_4').innerHTML.length=='null'){$('RM_layer_howworks_4').hide();}
	if($('copy_tips_4').innerHTML.length==0||$('copy_tips_4').innerHTML.length=='null'){$('RM_layer_tips_4').hide();}}
	
	if($('scroller_item_5')){
	if($('copy_INGREDIENTS_5').innerHTML.length==0||$('copy_INGREDIENTS_5').innerHTML.length=='null'){$('RM_layer_INGREDIENTS_5').hide();}
	if($('copy_howworks_5').innerHTML.length==0||$('copy_howworks_5').innerHTML.length=='null'){$('RM_layer_howworks_5').hide();}
	if($('copy_tips_5').innerHTML.length==0||$('copy_tips_5').innerHTML.length=='null'){$('RM_layer_tips_5').hide();}}
	
	if($('scroller_item_6')){
	if($('copy_INGREDIENTS_6').innerHTML.length==0||$('copy_INGREDIENTS_6').innerHTML.length=='null'){$('RM_layer_INGREDIENTS_6').hide();}
	if($('copy_howworks_6').innerHTML.length==0||$('copy_INGREDIENTS_6').innerHTML.length=='null'){$('RM_layer_howworks_6').hide();}
	if($('copy_tips_6').innerHTML.length==0||$('copy_INGREDIENTS_6').innerHTML.length=='null'){$('RM_layer_tips_6').hide();}}
	
	if($('scroller_item_7')){
	if($('copy_INGREDIENTS_7').innerHTML.length==0||$('copy_INGREDIENTS_7').innerHTML.length=='null'){$('RM_layer_INGREDIENTS_7').hide();}
	if($('copy_howworks_7').innerHTML.length==0||$('copy_INGREDIENTS_7').innerHTML.length=='null'){$('RM_layer_howworks_7').hide();}
	if($('copy_tips_7').innerHTML.length==0||$('copy_INGREDIENTS_7').innerHTML.length=='null'){$('RM_layer_tips_7').hide();}}
	
	if($('scroller_item_8')){
	if($('copy_INGREDIENTS_8').innerHTML.length==0||$('copy_INGREDIENTS_8').innerHTML.length=='null'){$('RM_layer_INGREDIENTS_8').hide();}
	if($('copy_howworks_8').innerHTML.length==0||$('copy_INGREDIENTS_8').innerHTML.length=='null'){$('RM_layer_howworks_8').hide();}
	if($('copy_tips_8').innerHTML.length==0||$('copy_INGREDIENTS_8').innerHTML.length=='null'){$('RM_layer_tips_8').hide();}}

	/*for(i=0;i<6;i++){
		if (navURL.indexOf('ref-'+i) > -1) {
			moveFeature(i);
		}
	}*/
	if(Prototype.Browser.IE6){
			//volume
		if (navURL.indexOf('ref=fulleffect04') > -1) {
			setTimeout('moveFeature(0);', 1500);
		}else if(navURL.indexOf('ref=touchcontrol05') > -1){
			setTimeout('moveFeature(1);', 1500);
		}else if(navURL.indexOf('ref=rootful06') > -1){
			setTimeout('moveFeature(2);', 1500);
		}else if(navURL.indexOf('ref=thickeninglotion06') > -1){
			setTimeout('moveFeature(3);', 1500);
		}else if(navURL.indexOf('ref=layerlift07') > -1){
			setTimeout('moveFeature(4);', 1500);
		}else if(navURL.indexOf('ref=aerate08') > -1){
			setTimeout('moveFeature(5);', 1500);
		}else if(navURL.indexOf('ref=contour08') > -1){
			setTimeout('moveFeature(6);', 1500);
		}else if(navURL.indexOf('ref=guts10') > -1){
			setTimeout('moveFeature(7);', 1500);
			//texture
		}else if(navURL.indexOf('ref=hardwear16') > -1){
			setTimeout('moveFeature(3);', 1500);
		}else if(navURL.indexOf('ref=waterwax03') > -1){
			setTimeout('moveFeature(0);', 1500);
		}else if(navURL.indexOf('ref=rewind06') > -1){
			setTimeout('moveFeature(1);', 1500);
		}else if(navURL.indexOf('ref=eletricwax11') > -1){
			setTimeout('moveFeature(2);', 1500);
		}else if(navURL.indexOf('ref=roughpaste12') > -1){
			setTimeout('moveFeature(2);', 1500);
		}else if(navURL.indexOf('ref=roughclay20') > -1){
			setTimeout('moveFeature(4);', 1500);
			//heatstyling
		}else if(navURL.indexOf('ref=satinwear02') > -1){
			setTimeout('moveFeature(0);', 1500);
		}else if(navURL.indexOf('ref=fabricate03') > -1){
			setTimeout('moveFeature(1);', 1500);
		}else if(navURL.indexOf('ref=ironsilk07') > -1){
			setTimeout('moveFeature(2);', 1500);
		}else if(navURL.indexOf('ref=blownaway09') > -1){
			setTimeout('moveFeature(3);', 1500);
		}else if(navURL.indexOf('ref=spraystarch15') > -1){
			setTimeout('moveFeature(3);', 1500);
			//hairsprays
		}else if(navURL.indexOf('ref=workforce09') > -1){
			setTimeout('moveFeature(0);', 1500);
		}else if(navURL.indexOf('ref=quickdry18') > -1){
			setTimeout('moveFeature(1);', 1500);
		}else if(navURL.indexOf('ref=pureforce20') > -1){
			setTimeout('moveFeature(2);', 1500);
		}else if(navURL.indexOf('ref=forceful23') > -1){
			setTimeout('moveFeature(3);', 1500);
			//urban expirement
		}else if(navURL.indexOf('ref=gritwax04') > -1){
			setTimeout('moveFeature(0);', 1500);
		}else if(navURL.indexOf('ref=nylonclay13') > -1){
			setTimeout('moveFeature(3);', 1500);
			//curl
		}else if(navURL.indexOf('ref=softspin05') > -1){
			setTimeout('moveFeature(0);', 1500);
		}else if(navURL.indexOf('ref=curlwise14') > -1){
			setTimeout('moveFeature(1);', 1500);
		}else if(navURL.indexOf('ref=ringlet07') > -1){
			setTimeout('moveFeature(0);', 1500);
			//straight
		}else if(navURL.indexOf('ref=sheerstraight06') > -1){
			setTimeout('moveFeature(0);', 1500);
		}else if(navURL.indexOf('ref=align12') > -1){
			setTimeout('moveFeature(1);', 1500);
		}else if(navURL.indexOf('ref=powertame16') > -1){
			setTimeout('moveFeature(2);', 1500);
			//shine
		}else if(navURL.indexOf('ref=outshine01') > -1){
			setTimeout('moveFeature(0);', 1500);
		}else if(navURL.indexOf('ref=shineflash02') > -1){
			setTimeout('moveFeature(1);', 1500);
		}else if(navURL.indexOf('ref=vinylglam02') > -1){
			setTimeout('moveFeature(1);', 1500);
			//style connection
		}else if(navURL.indexOf('ref=powdergrip03') > -1){
			setTimeout('moveFeature(0);', 1500);
		}else if(navURL.indexOf('ref=mattesponge05') > -1){
			setTimeout('moveFeature(1);', 1500);
		}else if(navURL.indexOf('ref=velvetgelatine07') > -1){
			setTimeout('moveFeature(2);', 1500);
		}else if(navURL.indexOf('ref=woolshake08') > -1){
			setTimeout('moveFeature(3);', 1500);
		}else if(navURL.indexOf('ref=vinyltwist12') > -1){
			setTimeout('moveFeature(4);', 1500);
		}
	}else{
			//volume
		if (navURL.indexOf('ref=fulleffect04') > -1) {
			moveFeature(0);
		}else if(navURL.indexOf('ref=touchcontrol05') > -1){
			moveFeature(1);
		}else if(navURL.indexOf('ref=rootful06') > -1){
			moveFeature(2);
		}else if(navURL.indexOf('ref=thickeninglotion06') > -1){
			moveFeature(3);
		}else if(navURL.indexOf('ref=layerlift07') > -1){
			moveFeature(4);
		}else if(navURL.indexOf('ref=aerate08') > -1){
			moveFeature(5);
		}else if(navURL.indexOf('ref=contour08') > -1){
			moveFeature(6);
		}else if(navURL.indexOf('ref=guts10') > -1){
			moveFeature(7);
			//texture
		}else if(navURL.indexOf('ref=hardwear16') > -1){
			moveFeature(5);
		}else if(navURL.indexOf('ref=waterwax03') > -1){
			moveFeature(0);
		}else if(navURL.indexOf('ref=touslewhip04') > -1){
			moveFeature(1);
		}else if(navURL.indexOf('ref=rewind06') > -1){
			moveFeature(2);
		}else if(navURL.indexOf('ref=waxblast10') > -1){
			moveFeature(3);
		}else if(navURL.indexOf('ref=roughpaste12') > -1){
			moveFeature(4);
		}else if(navURL.indexOf('ref=roughclay20') > -1){
			moveFeature(6);
			//heatstyling
		}else if(navURL.indexOf('ref=satinwear02') > -1){
			moveFeature(0);
		}else if(navURL.indexOf('ref=fabricate03') > -1){
			moveFeature(1);
		}else if(navURL.indexOf('ref=ironsilk07') > -1){
			moveFeature(2);
		}else if(navURL.indexOf('ref=blownaway09') > -1){
			moveFeature(3);
		}else if(navURL.indexOf('ref=spraystarch15') > -1){
			moveFeature(3);
			//hairsprays
		}else if(navURL.indexOf('ref=workforce09') > -1){
			moveFeature(0);
		}else if(navURL.indexOf('ref=quickdry18') > -1){
			moveFeature(1);
		}else if(navURL.indexOf('ref=pureforce20') > -1){
			moveFeature(2);
		}else if(navURL.indexOf('ref=forceful23') > -1){
			moveFeature(3);
			//urban expirement
		}else if(navURL.indexOf('ref=gritwax04') > -1){
			moveFeature(0);
		}else if(navURL.indexOf('ref=nylonclay13') > -1){
			moveFeature(3);
			//curl
		}else if(navURL.indexOf('ref=softspin05') > -1){
			moveFeature(0);
		}else if(navURL.indexOf('ref=curlwise14') > -1){
			moveFeature(1);
		}else if(navURL.indexOf('ref=ringlet07') > -1){
			moveFeature(0);
			//straight
		}else if(navURL.indexOf('ref=sheerstraight06') > -1){
			moveFeature(0);
		}else if(navURL.indexOf('ref=align12') > -1){
			moveFeature(1);
		}else if(navURL.indexOf('ref=powertame16') > -1){
			moveFeature(2);
			//shine
		}else if(navURL.indexOf('ref=outshine01') > -1){
			moveFeature(0);
		}else if(navURL.indexOf('ref=shineflash02') > -1){
			moveFeature(1);
		}else if(navURL.indexOf('ref=vinylglam02') > -1){
			moveFeature(2); 
			//style connection
		}else if(navURL.indexOf('ref=powdergrip03') > -1){
			moveFeature(0);
		}else if(navURL.indexOf('ref=mattesponge05') > -1){
			moveFeature(1);
		}else if(navURL.indexOf('ref=velvetgelatine07') > -1){
			moveFeature(2);
		}else if(navURL.indexOf('ref=woolshake08') > -1){ 
			moveFeature(3);
		}else if(navURL.indexOf('ref=vinyltwist12') > -1){
			moveFeature(4);
		}
	}
}
Event.observe(window, 'load', initialize, false);
//Event.observe(document, 'dom:loaded', initialize);