$(document).ready(function(){	
	$('.html_code_container').hide();
	$('.generate_loading').hide();
	$('.generate_response').hide();
	
	/* TOP NAVIGATION */
	$('div.menu a').css('opacity',.5);
	$('div.menu a').mouseover(function(){
		$(this).stop().css('opacity', 1);
	});	
	$('div.menu a').mouseout(function(){
		$(this).stop().fadeTo(400,.5);
	});
	
	/* HOME PAGE FADE BOX */	
	function homebox() {
		$('.homebox_image').fadeTo(1000,0).fadeTo(500,1);
		$('.homebox_text').fadeTo(1500,0).fadeTo(1500,1).fadeTo(3200,1).fadeTo(1500,0,newmessage);	
		$('.homebox_text p').fadeTo(2500,0).fadeTo(1500,1).fadeTo(2500,1);
	}
	
	function newmessage() {
		$('.homebox_text h1').text('The Solution');
		$('.homebox_text p').html("Inform the world that we, as <span class='orange'>developers</span>, <span class='orange'>designers</span>, and <span class='orange'>site owners</span> <strong>don't support IE</strong>.");
		$('.homebox_text').fadeTo(1500,1);
		$('.homebox_image').fadeTo(5700,1).fadeTo(1500,0, function() {
			$(this).html('<img src="images/support_example.jpg" />')
		}).fadeTo(1500,1);
		$('.homebox_text p').fadeTo(0,0).fadeTo(1000,0).fadeTo(1500,1).fadeTo(3200, 1).fadeTo(1500,0, function() {
			$(this).html("In doing so, you encourage those who are uninformed to <span class='green'>switch to a <em>better</em> browser</span>. <a href='page/buttons' class='green_button'>Get A Button</a>");
		}).fadeTo(1500,1,function() {
			$('.green_button').fadeTo(1000,1);
		});
		
	}
	
	homebox();

	/* BUTTONS PAGE */
	$("#tabs").tabs();
	
	$('.input_url').click(function() {
		$(this).select();
	});	
	
	$('#buttons_tab a').click(function() {
		id = this.id;
		folder = this.id.substr(0, 5);
		file = this.id.replace(folder+'_','');
		$('.html_code').val('<a href="http://www.wedontsupportie.com"><img src="http://www.wedontsupportie.com/buttons/'+ folder +'/'+ file +'" border="0" /></a>');
		$('.html_code_container').fadeTo(0,0).show().fadeTo(1000,1);
	});
	$('.html_code').click(function() {
		$(this).select();
	});
	
	/* LOGO GENERATION */
	$('.select_logo_inner').hide();	
	$('.logo_preview').hide();
	$('#select_logo').click(function() { 
		$('.select_logo_inner').fadeTo(0,0).show().fadeTo(1000,1);
	});	
	$('.logo_link').click(function() {		
		$('.select_logo_inner').hide();
		var img = this.id +'.png';
		var bg = $('.colorwell').val();
		var height = $('#button_size').val() +'px';
		$('#logo').val(img);
		$('.logo_preview').css('height', height);
		$('.logo_preview').css('background-image', 'url("../images/logos/'+ img +'")');
		$('.logo_preview').css('background-color', bg);
		$('.logo_preview').fadeTo(0,0).show().fadeTo(1000,1);
	});
	
	$('#button_gen_form').submit(function(){
		var action = '../index.php/home/generate_button'; //$(this).attr('action');
 		$('.generate_button_container').fadeTo(500,0).hide(); 		
 		$('.generate_loading').fadeTo(0,0).fadeTo(500,0).show().fadeTo(500,1);

		$.post(action, { 
			button_size: $('#button_size').val(),
			button_color: $('#color').val(),
			button_logo: $('#logo').val(),
			border: $('#border').attr('checked'),
			glossy: $('#glossy').attr('checked')
		},
			function(data) {
				$('.generate_loading').fadeTo(0,0).hide();
				$('.generate_response').fadeTo(500,0).show().fadeTo(500,1);						
				$('#generated_image').attr('src', '..'+data);			
			}
		);
 
		return false;
	});
	
	$('#do_another').click(function() {
		$('.generate_response').fadeTo(500,0).hide();
		$('.generate_button_container').fadeTo(500,0).show().fadeTo(500,1); 	
	});
	
	$('#save_image').click(function() {
		var img = $('#generated_image').attr('src');
		img = img.replace('../buttons/generated/', '');
		$.post("../index.php/home/save_image", { image: img, shit: "shit" },
		  function(data){
		        //alert(data);
		  	$('.generate_response').html('<div style="float: left; padding-right: 40px"><strong>Your Link Code</strong><br /><input type="text" size="30" class="input_url" value="&lt;a href=&quot;http://www.wedontsupportie.com/&quot;&gt;&lt;img src=&quot;http://www.wedontsupportie.com/buttons/saved/'+ img +'&quot; /&gt;&lt;/a&gt;"></div><div style="float: left; padding-right: 30px"><strong>Or Save Image</strong><br /><img src="http://www.wedontsupportie.com/buttons/saved/'+ img +'" /></div><div style="clear: both">&nbsp;</div>');
		  });
	});
	
	/* SUPPORTED SITES */
	$('#submit_name').focus(function() {this.value = "";});
	$('#submit_email').focus(function() {this.value = "";});
	$('.submit_site_button').click(function(){
		var action = $('#submit_site_form').attr('action');
		$('#submit_button_container').slideUp('slow'); 		
		$.post(action, { 
			name: $('#submit_name').val(),
			email: $('#submit_email').val(),
			url: $('#submit_url').val()
		},
			function(data) {
				//alert(data);
				$('#submit_button_container').text("Thanks for supporting the movement!");
				$('#submit_button_container').slideDown('fast');				
			}
		);
 
		return false;
	});
});