var styleselection = new Array();
styleselection[1] = false;
styleselection[2] = false;
styleselection[3] = false;
styleselection[4] = false;
styleselection[5] = false;
styleselection[6] = false;
styleselection[7] = false;
styleselection[8] = false;
var active_panel = 0;
var builditems = $$('.items_build_row');
var headers = $$('.items_content h1');
var imgheaders = $$('.minimized_header');
var secondtime = false;
var currenttab = 0;
var item_desc = $$('.item_desc');
reupdatebuildlist();
var querystringupdate = 'camera=D5000&style=gen,lan,arc,peo,spo,nat,tra&lenstype=1,2,3,4,5,6,7,8,9,11&type=1&pid=1,2,3,4,5';
var randomnum = Math.floor(Math.random()*100000)
querystringupdate = querystringupdate +'&r=' + randomnum;
var activetab = '1';

var cameraselection = new Array();
var menu4 = $$('#camera_selection li');
menu4.each(function(element) {
	element.addEvent('mouseenter', function(){
		if(element.id != 'selector4') 
		element.setStyles({ 'background-color': '#f8dd35' });
	});
	element.addEvent('mouseleave', function(){
		element.setStyles({ 'background-color': '#ffffff' });
	});
	
	element.addEvent('click', function(){
		menu4.each(function(element) {
  		var itemclick = element.id.replace('camera','');
  		if (itemclick != 'selector4') {
  			var img = $('camera_img'+itemclick).src;
  			img = img.replace('_on','_off');
  			$('camera_img'+itemclick).src = img;
  			cameraselection[itemclick] = false;
			}
		});
		var itemclick = element.id.replace('camera','');
		if(cameraselection[itemclick] != true) {
			cameraselection[itemclick] = true;
			var img = $('camera_img'+itemclick).src;
			img = img.replace('_off','_on');
			$('camera_img'+itemclick).src = img;
		}
	});
});

var menu = $$('#style_selection li');
menu.each(function(element) {
	element.addEvent('mouseenter', function(){
		if(element.id != 'selector') 
		element.setStyles({ 'background-color': '#f8dd35' });
	});
	element.addEvent('mouseleave', function(){
		element.setStyles({ 'background-color': '#ffffff' });
	});
  
	element.addEvent('click', function(){
		menu.each(function(element) {
			var itemclick = element.id.replace('category','');
			if (itemclick != 'selector') {
				var img = $('style_img'+itemclick).src;
				img = img.replace('_on','_off');
				$('style_img'+itemclick).src = img;
				styleselection[itemclick] = false;
			}
		});
		var itemclick = element.id.replace('category','');
		if(styleselection[itemclick] != true) {
			styleselection[itemclick] = true;
			if (itemclick == '8') {
				menu.each(function(element) {
					var itemclick = element.id.replace('category','');
					if (itemclick != 'selector') {
						styleselection[itemclick] = true;
						var img = $('style_img'+itemclick).src;
						img = img.replace('_off','_on');
						$('style_img'+itemclick).src = img;
					}
				});
			}
			
			var img = $('style_img'+itemclick).src;
			img = img.replace('_off','_on');
			$('style_img'+itemclick).src = img;
		}
	});
});

var lensselection = new Array();
var menu2 = $$('#lens_selection li');
menu2.each(function(element) {
	var itemclick = element.id.replace('lenstype','');
	lensselection[itemclick] = false;
	element.addEvent('mouseenter', function(){
		if(element.id != 'selector2') 
		element.setStyles({ 'background-color': '#f8dd35' });
	});
	element.addEvent('mouseleave', function(){
		element.setStyles({ 'background-color': '#ffffff' });
	});
	element.addEvent('click', function(){
		var itemclick = element.id.replace('lenstype','');
		if(lensselection[itemclick] == true) {
			lensselection[itemclick] = false;
			var img = $('lens_img'+itemclick).src;
			img = img.replace('_on','_off');
			$('lens_img'+itemclick).src = img;

			lensselection[12] = false;
			var img = $('lens_img'+12).src;
			img = img.replace('_on','_off');
			$('lens_img'+12).src = img;

			if (itemclick == '12') {
				menu2.each(function(element) {
					var itemclick = element.id.replace('lenstype','');
					if (itemclick != 'selector2') {
						var img = $('lens_img'+itemclick).src;
						img = img.replace('_on','_off');
						lensselection[itemclick] = false;
						$('lens_img'+itemclick).src = img;
					}
				});	
			}
		}
		else {
			if (itemclick == '12') {
				menu2.each(function(element) {
					var itemclick = element.id.replace('lenstype','');
					lensselection[itemclick] = true;
					if (itemclick != 'selector2') {
						var img = $('lens_img'+itemclick).src;
						img = img.replace('_off','_on');
						$('lens_img'+itemclick).src = img;
					}
				});
			}
			lensselection[itemclick] = true;
			var img = $('lens_img'+itemclick).src;
			img = img.replace('_off','_on');
			$('lens_img'+itemclick).src = img;
		}
	});
});

var priceselection = new Array();
var menu3 = $$('#price_selection li');
menu3.each(function(element) {
	var itemclick = element.id.replace('pricetype','');
	priceselection[itemclick] = false;
	element.addEvent('mouseenter', function(){
		if(element.id != 'selector3') 
		element.setStyles({ 'background-color': '#f8dd35' });
	});
	element.addEvent('mouseleave', function(){
		element.setStyles({ 'background-color': '#ffffff' });
	});
	element.addEvent('click', function(){
		var itemclick = element.id.replace('pricetype','');
		if(priceselection[itemclick] == true) {
			priceselection[itemclick] = false;
			var img = $('price_img'+itemclick).src;
			img = img.replace('_on','_off');
			$('price_img'+itemclick).src = img;
			
			priceselection[6] = false;
			var img = $('price_img'+6).src;
			img = img.replace('_on','_off');
			$('price_img'+6).src = img;
			
			if (itemclick == '6') {
				menu3.each(function(element) {
					var itemclick = element.id.replace('pricetype','');
					if (itemclick != 'selector3') {
						var img = $('price_img'+itemclick).src;
						img = img.replace('_on','_off');
						priceselection[itemclick] = false;
						$('price_img'+itemclick).src = img;
					}
				});
			}
		}

		else {
			if (itemclick == '6') {
				menu3.each(function(element) {
					var itemclick = element.id.replace('pricetype','');
					priceselection[itemclick] = true;
					if (itemclick != 'selector3') {
						var img = $('price_img'+itemclick).src;
						img = img.replace('_off','_on');
						$('price_img'+itemclick).src = img;
					}
				});
			}
			priceselection[itemclick] = true;
			var img = $('price_img'+itemclick).src;
			img = img.replace('_off','_on');
			$('price_img'+itemclick).src = img;
		}
	});
});

var activeintro = true;
$('update_button').addEvent('click', function(event) {
	activeintro = false;
	turnoffintro();										  
	querystringupdate = 'camera=';
	if(currenttab == 0 && activetab == '1') {
		setTimeout('ajaxcall();',500);
	}
	else {
		ajaxcall();
	}
	track('searchlenses_go')
});

function ajaxcall() {
	querystringupdate = 'camera=';
	var note = 0;
	for (var i = 1; i<menu4.length; i++) {
		if (cameraselection[i] == true) {
			note = note +1;
			switch(i) {
				case 1:
            	track('D5000');         
				break;
				case 2:
            	track('D90');         
				break;
				case 3:
            	track('D60');         
				break;
			}
			querystringupdate = querystringupdate + $('camera_img'+i).name+',';
		}
	}
	if (note == 0) {
		querystringupdate = querystringupdate.replace('camera=','camera=D5000');
	//	for (var i = 1; i<menu4.length; i++) {
			cameraselection[1] = true;
			var img = menu4[1].id;
			img = img.replace('camera','');
			img = $('camera_img'+img);
			img.src = img.src.replace('_off','_on');
	//	}
	}
	querystringupdate = querystringupdate + '&style=';
	var note = 0;
	for (var i = 1; i<menu.length; i++) {
		if (styleselection[i] == true) {
			note = note +1;
			switch(i) {
				case 1:
            	track('Shootstyle_GenInt');         
				break;
				case 2:
            	track('Shootstyle_Land');         
				break;
				case 3:
            	track('Shootstyle_Archi');         
				break;
				case 4:
            	track('Shootstyle_People');         
				break;
				case 5:
            	track('Shootstyle_Portrait');         
				break;
				case 6:
            	track('Shootstyle_Sports');         
				break;
				case 7:
            	track('Shootstyle_Nature');         
				break;
				case 8:
            	track('Shootstyle_Travel');         
				break;
				case 9:
            	track('Shootstyle_All');         
				break;
			}
			querystringupdate = querystringupdate + $('style_img'+i).name+',';
		}
	}
	if (note == 0) {
		querystringupdate = querystringupdate.replace('&style=','&style=gen,lan,arc,peo,spo,nat,tra');
		for (var i = 1; i<menu.length; i++) {
			styleselection[i] = true;
			var img = menu[i].id;
			img = img.replace('category','');
			img = $('style_img'+img);
			img.src = img.src.replace('_off','_on');
		}
	}
	querystringupdate = querystringupdate + '&lenstype=';
	var note = 0;
	for (var i = 1; i<menu2.length; i++) {
		if (lensselection[i] == true) {
			note = note +1;
			querystringupdate = querystringupdate + i+',';
			switch(i) {
				case 1:
            	track('Lenstype_wide');         
				break;
				case 2:
            	track('Lenstype_std');         
				break;
				case 3:
            	track('Lenstype_tele');         
				break;
				case 4:
            	track('Lenstype_supertele');         
				break;
				case 5:
            	track('Lenstype_widezoom');         
				break;
				case 6:
            	track('Lenstype_stdzoom');         
				break;
				case 7:
            	track('Lenstype_highzoom');         
				break;
				case 8:
            	track('Lenstype_closeup');         
				break;
				case 9:
            	track('Lenstype_lowlight');         
				break;
				case 10:
            	track('Lenstype_manual');         
				break;
				case 11:
            	track('Lenstype_perspectivecontrol');         
				break;
				case 12:
            	track('Lenstype_teleconverters');         
				break;
				case 13:
				track('Lenstype_DX-format');
				break;
				case 14:
				track('Lenstype_All');
				break;
			}
		}
	}	
	if (note == 0) {
		querystringupdate = querystringupdate.replace('&lenstype=','&lenstype=1,2,3,4,5,6,7,8,9,10,11');
		for (var i = 1; i<menu2.length; i++) {
			lensselection[i] = true;
			var img = menu2[i].id;
			img = img.replace('lenstype','');
			img = $('lens_img'+img);
			img.src = img.src.replace('_off','_on');
		}
	}
	var note = 0;
	querystringupdate = querystringupdate + '&pid='
		for (var i = 1; i<menu3.length; i++) {
			
		if (priceselection[i] == true) {
			//alert($('style_img'+i).name);
			note = note+1;
			querystringupdate = querystringupdate + i+',';
			switch(i) {
				case 1:
            	track('$_1');         
				break;
				case 2:
            	track('$_2');         
				break;
				case 3:
            	track('$_3');         
				break;
				case 4:
            	track('$_4');         
				break;
				case 5:
            	track('$_5');         
				break;
			}
		}
	}
	if (note == 0) {
		querystringupdate = querystringupdate.replace('&pid=','&pid=1,2,3,4,5');
		for (var i = 1; i<menu3.length; i++) {
			priceselection[i] = true;
			var img = menu3[i].id;
			img = img.replace('pricetype','');
			img = $('price_img'+img);
			img.src = img.src.replace('_off','_on');
		}
	}
	querystringupdate = querystringupdate +'&type=1';
	var randomnum = Math.floor(Math.random()*100000)
	querystringupdate = querystringupdate +'&r=' + randomnum;
	
	querystringupdate = querystringupdate.replace(',&style','&style');
	querystringupdate = querystringupdate.replace(',&lenstype','&lenstype');
	querystringupdate = querystringupdate.replace(',&pid','&pid');
	querystringupdate = querystringupdate.replace(',&type','&type');
	querystringupdate = querystringupdate.replace(',&r=','&r=');
	var updateurl = 'getbagitem.aspx?'+querystringupdate;
	$('ajaxcontent').innerHTML = '';
	$('loading2').style.display = 'block';
	
	new Ajax(updateurl, {
		method: 'POST',
		onComplete: function() {
			$('loading2').style.display = 'none';
			reupdatebuildlist();
	},
		update: $('ajaxcontent')
	}).request();	
}

function reupdatebuildlist() {
  active_panel = 0;
  builditems = $$('.items_build_row');
  headers = $$('.items_content h1');
  imgheaders = $$('.minimized_header');
  item_desc = $$('.item_desc');
  var checkboxes = $$('.checkbox');

  checkboxes.each(function(element) {
	  element.addEvent('click', function(){
		  bagit(element,element.id.replace('check',''));
	  });
  });

  headers.each(function(element) {
	  element.addEvent('click', function(){	
		  new Fx.Style(builditems[active_panel], 'height', {duration: 500,								
		  onComplete: function() {
  			$('item_title'+active_panel).addClass('minimized_text');
  			item_desc[active_panel].addClass('row_off');
  			$('item_info_min_'+active_panel).style.display = 'block';
  			$('item_info_max_'+active_panel).style.display = 'none';
  			active_panel =  element.id.replace('item_title','');
  			movecontent(false);
  			$('item_info_min_'+active_panel).style.display = 'none';
  			$('item_info_max_'+active_panel).style.display = 'block';
		    new Fx.Style(builditems[active_panel], 'height', {duration: 500,
			onStart: function() {

				$('item_title'+active_panel).removeClass('minimized_text');
				
				item_desc[active_panel].removeClass('row_off');
			}
			}).start(320);
			}
			}).start(45);
	});
});	

imgheaders.each(function(element) {
	element.addEvent('click', function(){
		new Fx.Style(builditems[active_panel], 'height', {duration: 500,
									
			onComplete: function() {
				$('item_title'+active_panel).addClass('minimized_text');
				item_desc[active_panel].addClass('row_off');
				$('item_info_min_'+active_panel).style.display = 'block';
				$('item_info_max_'+active_panel).style.display = 'none';
				active_panel = element.id.replace('item_info_min_','');
				$('item_info_min_'+active_panel).style.display = 'none';
				$('item_info_max_'+active_panel).style.display = 'block';
				movecontent(false);

			new Fx.Style(builditems[active_panel], 'height', {duration: 500,
									
			onStart: function() {
				$('item_title'+active_panel).removeClass('minimized_text');
				
				item_desc[active_panel].removeClass('row_off');
			}
			}).start(320);
			}
			}).start(45);
	});
});

if (secondtime == true) {
	boxitem = new MultiBox('mbitem', { container: document.body,useOverlay: true,showControls: false,fixedTop: '125'});	
}
secondtime = true;
updatecheckboxes();
CSBfleXcroll('mycustomscroll3');
movecontent(true);

//
}

function ajaxtabcall() {
	var randomnum = Math.floor(Math.random()*100000)
	querystringupdate = querystringupdate +'&r=' + randomnum;
	querystringupdate = querystringupdate.replace(',&style','&style');
	querystringupdate = querystringupdate.replace(',&lenstype','&lenstype');
	querystringupdate = querystringupdate.replace(',&type','&type');
	var updateurl = 'getbagitem.aspx?'+querystringupdate;
	
	$('ajaxcontent').innerHTML = '';
	$('loading2').style.display = 'block';
	
	new Ajax(updateurl, {
	method: 'POST',
	onComplete: function() {
		$('loading2').style.display = 'none';
		
		reupdatebuildlist();
	},
	update: $('ajaxcontent')
	}).request();
}

function ajaxtabcallfaq(obj) {
	$('search_area').style.display = 'none';
	$('picarea').style.display = 'none';
	$('loading2').style.display = 'block';
	var updateurl = 'faq.aspx'
	new Ajax(updateurl, {
	method: 'GET',
	onComplete: function() {
		$('loading2').style.display = 'none';
		CSBfleXcroll('mycustomscroll3');
	},
	update: $('ajaxcontent')
	}).request();
	displaysideimage('4');
}

function displaysideimage(infonum) {
	$('search_area').style.display = 'none';
	$('picarea').style.display = 'block';
	$('info_2').style.display = 'none';
	$('info_3').style.display = 'none';
	$('info_4').style.display = 'none';
	$('info_'+infonum).style.display = 'block';
}

function displaysearch() {
	$('search_area').style.display = 'block';
	$('picarea').style.display = 'none';
}

function turnoffintro() {
	$('intro_area').style.visibility = 'hidden';
	$('bag_content_area').style.visibility = 'visible';
}

function turnonintro() {
	$('intro_area').style.visibility = 'visible';
	$('bag_content_area').style.visibility = 'hidden';
}
var tabs = $$('.result_tabs img');

tabs.each(function(element) {
	element.addEvent('click', function(){
		var newimg = $('tab_'+activetab).src;
		newimg = newimg.replace('_on','_off');
		$('tab_'+activetab).src = newimg;
		querystringupdate = querystringupdate.replace('&type='+activetab,'&type='+element.id.replace('tab_',''));		
		activetab = element.id;
		activetab = activetab.replace('tab_','');

		var newimg = element.src;
		newimg = newimg.replace('_off','_on');
		element.src = newimg;

		switch(activetab) {
			case '1':
			displaysearch();
          	
			if (activeintro == false)turnoffintro();
			else turnonintro();ajaxtabcall();
			$('header_top').style.display = 'block';
			$('divider_top').style.display = 'block';
			track('cameralenses_tab');
			break;
			
			case '2':
			ajaxtabcall();
			displaysideimage('2');
			turnoffintro();
			$('header_top').style.display = 'block';
			$('divider_top').style.display = 'block';
			track('flashes_tab');
			break;
			
			case '3':
			displaysideimage('3');
			ajaxtabcall();
			turnoffintro();
			$('divider_top').style.display = 'block';
			track('accessories_tab');
			break;
			
			case '4':
			turnoffintro();
			ajaxtabcallfaq();
			reupdatebuildlist();
			$('header_top').style.display = 'none';
			$('divider_top').style.display = 'none';
			track('faq_tab');				
			break;
		}
	});	
});

$('bag_button10').addEvent('mouseenter', function(event) {
	var currcookie = getCookie('items');
	if (!currcookie || currcookie == '') {
		$('bag_overlay').setStyles({
    	'opacity': 0,
			'display': 'block',
			'top':25,
			'right':0
		});	
		new Fx.Style($('bag_overlay'), 'opacity', {duration: 500}).start(0,1);
		activated = false;
	}
	else {
		activated = true;
		$('mybag_link2').href = 'bag_content.aspx?';
		$('mybag_link2').href = $('mybag_link2').href + 'items='+getCookie('items');
		var randomnum = Math.floor(Math.random()*100000)
		$('mybag_link2').href = $('mybag_link2').href + '&r='+randomnum;
		$('mybag_link2').href = $('mybag_link2').href.replace(',&r=','&r=');
	}
});

$('bag_button10').addEvent('mouseleave', function(event) {
	var currcookie = getCookie('items');
	activated = true;
	if (!currcookie || currcookie == '') {
	new Fx.Style($('bag_overlay'), 'opacity', {duration: 500}).start(1,0);
	}
});

$('bag_button2').addEvent('mouseenter', function(event) {
	var currcookie = getCookie('items');
	if (!currcookie || currcookie == '') {
		$('bag_overlay').setStyles({
    	'opacity': 0,
			'display': 'block',
			'top': 570,
			'right':0
		});	
		new Fx.Style($('bag_overlay'), 'opacity', {duration: 500}).start(0,1);
		activated = false;
		}
	
	else {
		activated = true;
		$('mybag_link3').href = 'bag_content.aspx?';
		$('mybag_link3').href = $('mybag_link3').href + 'items='+getCookie('items');
		var randomnum = Math.floor(Math.random()*100000)
		$('mybag_link3').href = $('mybag_link3').href + '&r='+randomnum;
		$('mybag_link3').href = $('mybag_link3').href.replace(',&r=','&r=');
	}
});

$('bag_button2').addEvent('mouseleave', function(event) {
	var currcookie = getCookie('items');
	activated = true;
	if (!currcookie || currcookie == '') {
	  new Fx.Style($('bag_overlay'), 'opacity', {duration: 500}).start(1,0);
	}
});

$('mini_bag').addEvent('mouseenter', function(event) {
	var currcookie = getCookie('items');
	if (!currcookie || currcookie == '') {
		$('bag_overlay').setStyles({
    	'opacity': 0,
			'display': 'block',
			'top': 75,
			'right':590
		});	
		new Fx.Style($('bag_overlay'), 'opacity', {duration: 500}).start(0,1);
		activated = false;
	}
	
	else {
		activated = true;
		$('mybag_link4').href = 'bag_content.aspx?';
		$('mybag_link4').href = $('mybag_link4').href + 'items='+getCookie('items');
		var randomnum = Math.floor(Math.random()*100000)
		$('mybag_link4').href = $('mybag_link4').href + '&r='+randomnum;
		$('mybag_link4').href = $('mybag_link4').href.replace(',&r=','&r=');
	}
});

$('mini_bag').addEvent('mouseleave', function(event) {
	var currcookie = getCookie('items');
	activated = true;
	if (!currcookie || currcookie == '') {
		
	new Fx.Style($('bag_overlay'), 'opacity', {duration: 500}).start(1,0);
	
	}
});

$('build_type_menu').style.visibility = 'visible';
$('loading').style.display = 'none';
var activesection = null;
var myAccordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
	opacity: false,
	alwaysHide : true,
	show : 4,
	onActive: function(toggler, element){
		currenttab = this.previous;
		if (currenttab == 2) {
			var test = $('header_menu_img'+currenttab);
			var test2 = test.src;
			test2 = test2.replace('_off','_on');
			test.src = test2;	
		}
	},
	onComplete: function(toggler, element){
		var play = $$('.toggler img');
		play.each(function(element) {
			var test = element;
			var test2 = test.src;
			test2 = test2.replace('_on','_off');
			test.src = test2;	
			});	
		
		if (activesection != currenttab) {
			var test = $('header_menu_img'+currenttab);
			var test2 = test.src;
			test2 = test2.replace('_off','_on');
			test.src = test2;
		}
		activesection = currenttab;
	}
});
			
function movecontent(top) {
	if (top == true) {
			fleXcrollTo("mycustomscroll3","0px","0px",false);
	}
	else {
		fleXcrollTo("mycustomscroll3","0px",(active_panel*45)+"px",false);
	}
}

if (!getCookie('firstime')) {
		for (var i = 0; i<4; i++) {
			myAccordion.display.delay(1000*i, myAccordion, (i));
		}
		myAccordion.display.delay(1000*4, myAccordion, (0));
		setCookie('firstime','no');
}
else {
	
}