////////////////---------//////////////
$(document).ready(function(){

	// Load Content

	
	// Load FAQ
	faq(1);
	
	// Auto Tab for Zip Search
	$('#_z1, #_z2, #_z3, #_z4, #_z5').autotab_magic().autotab_filter('numeric');

	// Google Map
$("#_contact_map").gMap({
	 markers: [
		{latitude: 40.9012302,
		longitude: -73.8231814,
		html: "249 E. Sandford Boulevard<br />Mount Vernon, NY 10550"},
		{latitude: 41.5091504,
		longitude: -72.8082264,
		html: "500 South Broad Street<br />Meriden, CT 06450"},
		{latitude: 40.897536,
		longitude: -73.828413,
		html: "518 Franklin Avenue<br />Mount Vernon, NY 10550"}
	], 
	controls: ["GSmallMapControl"],
	icon: { image: "images/map_marker.png", 
                          iconsize: [18, 31],
                          iconanchor: [9, 31],
                          infowindowanchor: [18, 0],
                          shadow: "https://www.google.com/mapfiles/shadow50.png",
						  shadowsize: [35, 31]

                         },
	
	latitude: 41.206304,
	longitude: -73.318061,
	zoom: 8
});

    
	$(window).scroll(function(){
		if($(window).scrollTop() > 394 || toggle) {
			$('#_nav').css('top', '0px');
			$('#_nav').css('position', 'fixed');	
		}
		else {
			$('#_nav').css('position', 'absolute');
			$('#_nav').css('top', '394px');

		}
	});
	
	
 			jQuery(window).bind('scrollstart', function(){
                $("#_nav").css({ opacity: .5 });
            });
            
            jQuery(window).bind('scrollstop', function(e){
                $("#_nav").css({ opacity: 1 });
            });	
            
            



 $("#_tweets").tweet({
            username: "WeRecycleEwaste",
            join_text: "auto",
            avatar_size: 32,
            count: 3,
            template: '<div class="tweet">{text}<div class="tweetline">{tweet_relative_time} | <a href="{favorite_url}" target="_blank">Favorite</a> | <a href="{retweet_url}" target="_blank">Retweet</a> | <a href="{reply_url}" target="_blank">Reply</a></div></div>'
        });            
            
	
	myTimer = setInterval(nextfact,10000);
	
	
	$("#_order_link").click(function () { 
		showform('#_Order_Form');
		$('#_nav').css('top', '0px');		

    });
	

	if (window.location.hash.toLowerCase()=='#order') {
		showform('#_Order_Form');
		$('#_nav').css('top', '0px');		
	}	
	

	
});



var extended = 0;
function goto(myname,divby,extend) {
if (myname == "#_now") {
	myname="#dnn__nowcont";
}
	var speed = 1000;
	if (toggle) speed = 0; 
	toggle = 0;
	hide('#_second');
	show('#_main');

	godefault();

	if (!divby) var divby = 1;
	show(myname);
	if (!extend) var extend = 0;
	if (extend && !extended) {
		var addheight = $(window).height() - $(myname).height();
		if (addheight) { 
			var newheight = $('#Content').height() + addheight;
			$('#Content').css('height', newheight + 'px')
			extended = 1;
		}
	}
	
	var ptop = parseInt($(myname).position().top);
	var ntop = $('#_nav').height()/divby;
	var mypos = ptop - ntop;
	if (divby==1) mypos = mypos - 6;

	if (mypos<0) mypos = 0;
	//$(window).scrollTop(mypos);
	//alert(mypos);
	$.scrollTo(mypos,speed,{onAfter:function(){
		$("#_nav").css({ opacity: 1 });
	}});
	//$("#_nav").css({ opacity: 1 });
}

function black() {
	$("#_nav").css({ opacity: 1 });
}

function home() {
	fact(1);
	gallery(1);
	faq(1);
	goto('#_home');
	$('#_nav').css('top', '394px');
	
}

function godefault() {
	clearzip();
	hide('#_why');
	hide('#_faq_all');
	show('#_faq');
	show('#_find'); 
	hide('#_outer_zipresults'); 
	hide('#_map_results');
	hide('#_gallery_show'); 
	show('#_strip',1);
	closenow();
	closehow();
}

function showprocess() {
	// pop up info graphic
}

function clearzip() {
$("input").val('');
}

function show(myid,vis) {
	if (vis) $(myid).css('visibility','visible');
	$(myid).css('display','block');
}
function hide(myid,vis) {
	if (vis) $(myid).css('visibility','hidden');
	else $(myid).css('display','none');
}

fnum=1;
lastone=0;
function nextfact() {
	if (lastone) return fact(1);
	mynum = fnum+1;
	var myli = mynum-1;
	$('#_factoid').scrollTo( 'li:eq('+myli+')', 700, {axis:'x'} );

	for (i=1;i<=5;i++) {
		var mylink = '#_f'+i;	
		if (i==mynum) {
			$(mylink).addClass('facton');
		} else {
			$(mylink).removeClass('facton');
		}
	}
	fnum=mynum;
	if (mynum==5) {
		lastone=1;
	}
	
}


function fact(mynum) {
	var myli = mynum-1;
	$('#_factoid').scrollTo( 'li:eq('+myli+')', 700, {axis:'x'} );

	for (i=1;i<=5;i++) {
		var mylink = '#_f'+i;	
		if (i==mynum) {
			$(mylink).addClass('facton');
		} else {
			$(mylink).removeClass('facton');
		}
	}
	fnum=mynum;
	clearInterval(myTimer);
	
	
}

gnum = 1;
tnum = 17;
function gallery(mynum) {	
	


	var captions = new Array('','Pallets and boxes of electronics are ready to be loaded onto a WeRecycle! truck at an event in Brooklyn', 'Computers are wrapped by a WeRecycle! employee at an event in New York City', 'Close up of computers wrapped on a pallet', 'A box of keyboards is staged in a WeRecycle! facility', 'WeRecycle! employee receives wrapped pallets of electronics from a public recycling event', 'Electronics are being placed onto a conveyor belt that leads to the shredder', 'WeRecycle! employees monitor material after it is shredded and sorted', 'Shredded material on a conveyor belt', 'Pieces of electronics are moved along a belt after shredding', 'Post shredded electronics', 'Various metals and plastic', 'Shredded circuit boards', 'Plastic is sorted by color using our technology.  Shown is the lighter colored plastic', 'Shredded dark plastic', 'Shredded aluminum', 'Shredded steel', 'WeRecycle! featured on CNN');

	if (mynum=='prev') {
		if (gnum>1) mynum=gnum-1;
		else mynum = tnum;
	}
	if (mynum=='next') {
		if (gnum==tnum) mynum=1;
		else mynum = gnum + 1;
	}

	if (mynum=='slide_next') {
		if (gnum<6) mynum = 6;
		else if (gnum<11) mynum = 11;
		else if (gnum<16) mynum = 16;
		else mynum = 1;
		
	}	

	if (mynum=='slide_prev') {
		if (gnum<6) mynum = 16;
		else if (gnum<11) mynum = 1;
		else if (gnum<16) mynum = 6;
		else mynum = 11;
		
	}	
	

	var myli = mynum-1;
	
	gnum = mynum;
	for (i=1;i<=tnum;i++) {
		var mydiv = '#_thumb'+i;
		var mylink = '#_tlink'+i;
		if (i==mynum) {
			$(mydiv).addClass('selected');
			$(mylink).addClass('selected');
		} else {
			$(mydiv).removeClass('selected');
			$(mylink).removeClass('selected');		
		}
	}
	//$('#_gallery').css('background','url(images/gallery/'+mynum+'.jpg) no-repeat');
	$('#_gallery_image').scrollTo( 'li:eq('+myli+')', 400, {axis:'x'} );

	var mylist = new Array(0,0,0,0,0,0,5,5,5,5,5,10,10,10,10,10,15,15,15,15,15);
	var mylist2 = new Array(1,1,1,1,1,1,6,6,6,6,6,11,11,11,11,11,16,16,16,16,16);

	
	var myli = mylist[mynum];
	var max =  mylist2[mynum] + 4;
	if (max > tnum) max = tnum;
	var xofy =  mylist2[mynum] + '-' + max;
	
	$('#_thumbs').scrollTo( 'li:eq('+myli+')', 200, {axis:'x'} );

	$('#_xofy').html(xofy);

	var close = '<div id="_gallery_show"><a href="javascript:hide(\'#_gallery_show\'); show(\'#_strip\',1);" class="fix"><img src="images/gallery_show.gif" width="19" height="19" /></a></div>';
	
	$('#_caption').html(captions[mynum]+close);
	//$('#_caption').html(myli + '|' + mynum);
	if ($('#_strip').css('visibility')=='hidden') show('#_gallery_show');
	
}


faqnum = 1;
tfaq = 7;
function faq(mynum) {

	if (mynum>tfaq) mynum = 1;
	if (mynum<1) mynum = tfaq;
	faqnum = mynum;
	$('#_faqbody').load('faq.aspx #_faq'+ mynum);
}

function faq_all() {
	$('#_faqallbody').load('faq.aspx #dnn_ctr429_ContentPane',function() {
		hide('#_faq');
		show('#_faq_all'); 
	});	

}

function closehow() {
	for (i=1;i<=5;i++) {
		var mydiv = '#_sub_how'+i;
		var mylink = '#_num_how'+i;
		$(mydiv).removeClass('selected');
		$(mylink).removeClass('selected');		
		hide('#_how_select');
	}	
}

curnews = '#_in_the_news';
function slideOpen(mydiv) {
	slideClose(curnews);
	$(mydiv).slideDown();
	var mybutton = mydiv + '_button';	
	$(mybutton).html('<a href="javascript:slideClose(\''+mydiv+'\');"><img src="images/news_hide.gif" alt="Less" width="19" height="19" class="right" /></a>');
	curnews = mydiv;	
}

function slideClose(mydiv) {
	$(mydiv).slideUp();
	var mybutton = mydiv + '_button';
	$(mybutton).html('<a href="javascript:slideOpen(\''+mydiv+'\');"><img src="images/news_show.gif" alt="Less" width="19" height="19" class="right" /></a>');
}

function closenow() {
	for (i=1;i<=5;i++) {
		var mydiv = '#_sub_now'+i;
		var mylink = '#_num_now'+i;
		$(mydiv).removeClass('selected');
		$(mylink).removeClass('selected');		
		hide('#_now_select');
	}	
}

function how(mynum) {
	var speed = 1000;
	if (toggle) speed = 0;
	toggle = 0;
	hide('#_second');
	show('#_main');
	
	$('#_how_select').load('howwework.aspx #_how_select'+ mynum);
	show('#_how_select');
	
	$('#_num_now'+mynum).css
	
	for (i=1;i<=5;i++) {
		var mydiv = '#_sub_how'+i;
		var mylink = '#_num_how'+i;
		if (i==mynum) {
			$(mydiv).addClass('selected');
			$(mylink).addClass('selected');
		} else {
			$(mydiv).removeClass('selected');
			$(mylink).removeClass('selected');		
		}
	}	

//	var ptop = parseInt($('#_howsubnav').position().top);
var ptop = parseInt($('#_howsubnav').position().top)+420;
	var mypos = ptop-19;

	if (mypos<0) mypos = 0;
	
	//$(window).scrollTop(mypos);
	$.scrollTo(mypos,speed,{onAfter:function(){
		$("#_nav").css({ opacity: 1 });
	}});	
	//bfbebe
}

function now(mynum) {
	var speed = 1000;
	if (toggle) speed = 0;
	toggle = 0;
	hide('#_second');
	show('#_main');
	
	$('#_now_select').load('recyclenow.aspx #_now_select'+ mynum, function() {
		
  		if (mynum==4) loadctmap();
	});
	show('#_now_select');
	
	var mynum2 = mynum;
	if (mynum==4) mynum2 = 3;

	for (i=1;i<=5;i++) {
		var mydiv = '#_sub_now'+i;
		var mylink = '#_num_now'+i;
		if (i==mynum2) {
			$(mydiv).addClass('selected');
			$(mylink).addClass('selected');
		} else {
			$(mydiv).removeClass('selected');
			$(mylink).removeClass('selected');		
		}
	}
	
	
	//var ptop = parseInt($('#_nowsubnav').position().top);
	var ptop = parseInt($('#_nowsubnav').position().top) + 1270;
	var mypos = ptop-19;
	//var mypos = ptop+1307;
	if (mypos<0) mypos = 0;
	//alert("ptop:" + ptop + "   mypos:" + mypos);
	//$(window).scrollTop(mypos);
	$.scrollTo(mypos,speed,{onAfter:function(){
		$("#_nav").css({ opacity: 1 });
	}});
	
	
	//3892e3
}

toggle = 0;
function go2(mypage,mysection) {
	$('#_second').load(mypage + ' ' + mysection);
	godefault();
	hide('#_main');
	toggle = 1;
	show('#_second');
	$(window).scrollTop(0);
	
}

itemnum = 1;
function add_more_items() {
	itemnum = itemnum+1;
	var myhtml = '<div><select name="material[]"><option>Select One</option><option>PC</option><option>Monitor</option><option>LCD Monitor</option><option>Laptop</option><option>Cell Phone</option><option>Printer</option><option>Stereo</option><option>TV</option><option>VCR/DVD Player</option><option>Copier</option><option>Scanner/Fax Machine</option><option>iPod/Mp3</option><option>Camera</option><option>Modem</option><option>Keyboard</option><option>Mouse</option><option>Wires/Cables</option></select>&nbsp; <b>Qty:</b> <input type="text" name="item[]" size="2" style="width:25px;" /></div>';
	$('#_add_more2').append(myhtml);

}

function showform(mydiv) {

	$('#_second').load('forms.aspx' + ' ' + mydiv, function() {
			var myform = mydiv + "_Form"
		  $(myform).submit(function(event) {
		
			/* stop form from submitting normally */
			event.preventDefault(); 
			
			$('.submit_button').attr('disabled','disabled');
			$('.submit_button').val('Sending data...');	
			/* get some values from elements on the page: */
			var $form = $( this ),
				//term = $form.find( 'input[name="s"]' ).val(),
				url = $form.attr( 'action' );
		
			/* Send the data using post and put the results in a div */
			$.post( url, $(myform).serialize(),
			  function( data ) {
				  //var content = $( data ).find( '#content' );
				  $( ".formdata" ).html( data );
			  }
			);
		  });	
	});
	
	godefault();
	hide('#_main');
	toggle = 1;
	show('#_second');
	$(window).scrollTop(0)

}


function enterzip(e) {
    if (e.keyCode == 13) {
        zip();
        return false;
    }
}

function zip(zip,p) {

if (!zip && (!$('#_z1').val() || !$('#_z2').val() || !$('#_z3').val() || !$('#_z4').val() || !$('#_z5').val())) return;

if (zip) myzip = zip;
else var myzip = $('#_z1').val() + $('#_z2').val() + $('#_z3').val() + $('#_z4').val() + $('#_z5').val();

if (p) var myp = p;
else myp = 1;


if (p) {
	var ptop = parseInt($('#_zipresults').position().top);
	var ntop = $('#_nav').height();
	//var mypos = ptop - ntop - 26;
	var mypos = ptop - ntop - 26 + 1350;

	$.scrollTo(mypos,200,{onAfter:function(){
		$("#_nav").css({ opacity: 1 });
	}});
}




$('#_innerres').load('http://74.220.206.127/alexoutman/WR/zip.php?zip='+myzip+'&p='+myp,function() {

	hide('#_find'); 
	show('#_outer_zipresults'); 

	if ($('#_lat1').val()) {

		show('#_map_results');
	
		// Google Map
		$("#_map_results").gMap({
			 markers: [
				{latitude: $('#_lat1').val(),
				longitude: $('#_lon1').val(),
				html: $('#_now_result1').html()},
				{latitude: $('#_lat2').val(),
				longitude: $('#_lon2').val(),
				html: $('#_now_result2').html()},
				{latitude: $('#_lat3').val(),
				longitude: $('#_lon3').val(),
				html: $('#_now_result3').html()},
				{latitude: $('#_lat4').val(),
				longitude: $('#_lon4').val(),
				html: $('#_now_result4').html()},
				{latitude: $('#_lat5').val(),
				longitude: $('#_lon5').val(),
				html: $('#_now_result5').html()}
			], 
			controls: ["GSmallMapControl"],
			icon: { image: "images/map_marker.png", 
								  iconsize: [18, 31],
								  iconanchor: [9, 31],
								  infowindowanchor: [18, 0],
								  shadow: "https://www.google.com/mapfiles/shadow50.png",
								  shadowsize: [35, 31]
		
								 },
			
			latitude: $('#_lat1').val(),
			longitude: $('#_lon1').val(),
			zoom: 10
		});	

	} else {
		//Find for (#_now)
		//We are assuming that if the given zip doesn't exist, we will get an HTML string with this word.
		//We will replace this with the '#dnn__nowcont'.

		var htm = $('#_innerres').html();
		if ( htm.indexOf('#_now')  != -1 ) {
			//$('#_innerres').html( htm.replace('#_now', '#dnn__nowcont') );
		}
	}
	
//	alert($('#_lon1').val());
	
});


}

function loadctmap() {

		//alert(dump(coords));
		var xList = {};
		var yList = {};
		var capList = {};
		var totList = {};
		var topfour = {};
		$.each(mapdata, function(i,item){
			//$('#_now_select').append(item.city + ": " + item.num + ' | ' + item.tot + "<br />");
			var mycity = item.city;
			capList[mycity] =  item.num;
			totList[mycity] =  item.tot;
			
			if (i<3) {
				$('#_top4').append((i+1)+'. '+mycity+'<br />');
				topfour[mycity]=(i+1);
			}
			
		});		
		$.each(coords, function(i,item){
			var mycity = item.city;
			if (capList[mycity]>=1) var mydot = 'blue';
			else if (capList[mycity]>.5) var mydot = 'yellow';
			else var mydot = 'gray';


			if (totList[mycity]) var mytot = totList[mycity];
			else var mytot = 0;
			if (capList[mycity]) var mycap = capList[mycity];
			else var mycap = 0;
			
						
			if (item.xx < 390) var hdir = 'right';
			else var hdir = 'left';
			
			if (item.yy < 250 || topfour[mycity]) var vdir = 'bottom';
			else var vdir = 'top';
			
			var mys = '';
			if (mycap!=1) mys='s';
			
			var myst = '';
			if (mytot!=1) myst='s';

			var myballon = '<div class="_balloon_'+vdir+'-'+hdir+'"><div class="ballon_header">'+mycity+'<img src="map/images/ballon_sep2.png" alt="" width="2" height="25" class="ballon_sep" />'+mycap+' pound'+mys+' per capita</div><div class="ballon_text">'+mytot+' total ton'+myst+' collected</div></div>';
			
			if (topfour[mycity]) var mymarker = '<div class="top4_ballon">'+topfour[mycity]+'</div>';
			else var mymarker = '';
			
			var myimg = '<div class="dot" id="'+mycity+'" style="position:absolute; top:'+item.yy+'px; left:'+item.xx+'px;"><img src="map/images/dot_'+mydot+'_big.png" width="19" height="19" alt="" />'+mymarker+myballon+'</div>';
			
			
			$('#_ctmap').prepend(myimg);
			//$('#_now_select').append(item.city + ": " + item.xx + ' | ' + item.yy + "<br />");
			

			$('#_ctmap').prepend(myballon);
			
			xList[mycity] =  item.xx;
			yList[mycity] =  item.yy;
		});
	
	
	
		$('.dot').hover(function () {
								
			var mywidth = ($(this).children('._balloon_top-left').width() + 25) * -1;			
			$(this).children('._balloon_top-left').css({"left":mywidth});
			
			var mywidth = ($(this).children('._balloon_bottom-left').width() + 23) * -1;
			$(this).children('._balloon_bottom-left').css({"left":mywidth});
	
	
	
			$(this).children('._balloon_top-left').css({"display":"block"});
			$(this).children('._balloon_bottom-left').css({"display":"block"});
			$(this).children('._balloon_top-right').css({"display":"block"});
			$(this).children('._balloon_bottom-right').css({"display":"block"});
			$(this).children('._balloon_top-left').css({"z-index":"10001"});
			$(this).children('._balloon_bottom-left').css({"z-index":"10001"});
			$(this).children('._balloon_top-right').css({"z-index":"10001"});
			$(this).children('._balloon_bottom-right').css({"z-index":"10001"});

	
			
			
		}, function() {
			$(this).children('._balloon_top-left').css({"display":"none"});	
			$(this).children('._balloon_top-left').css({"z-index":"10000"});
			$(this).children('._balloon_bottom-left').css({"display":"none"});	
			$(this).children('._balloon_bottom-left').css({"z-index":"10000"});
			$(this).children('._balloon_top-right').css({"display":"none"});	
			$(this).children('._balloon_top-right').css({"z-index":"10000"});			
			$(this).children('._balloon_bottom-right').css({"display":"none"});	
			$(this).children('._balloon_bottom-right').css({"z-index":"10000"});
			
		});	
		
					
			


}

// Preload
if (document.images) {
 //   img1 = new Image();
 //   img1.src = "images/how2.png";    
}