$(document).ready(function(){
		
			$('#channelName').change(function(){
				if($('#channelName').val() != 'Enter Channel name...' || $('#channelName').val() != ''){
					$('#createChannelSubmit').attr('onclick', 'document.forms[\'createChannelForm\'].submit();');
					$('#channelName').css('background', '#FFFFFF');
				}else{
					$('#channelName').css('background', '#FFDFDF');
					$('#createChannelSubmit').removeAttr('onclick');
				}
			})

			$('#tos').change(function(){
				if($('#tos').attr('checked')){
					
					if($('#channelName').val() != 'Enter Channel name...' || $('#channelName').val() != ''){
						$('#createChannelSubmit').attr('onclick', 'document.forms[\'createChannelForm\'].submit();');
					}

					$('#termOfUseLink').css('color', '#8D8D8D');
				}else{
					$('#termOfUseLink').css('color', '#BF0000');
					$('#createChannelSubmit').removeAttr('onclick');
				}
			});

			$('#createChannelSubmit').click(function(){
				var errors = 0;
				if(!$('#tos').attr('checked')){
					$('#termOfUseLink').css('color', '#BF0000');
					errors++;
				}

				if($('#channelName').val() == 'Enter Channel name...' ||  $('#channelName').val() == ''){
					$('#channelName').css('background', '#FFDFDF');
					errors++;
				}else{
					$('#channelName').css('background', '#FFFFFF');
				}

				if(!errors){
					document.forms['createChannelForm'].submit();
				}
			})

				var action = false;
				var out = false;
				var visible;
				var id = '';
				var timeoutOut;
				var timeoutOutAction;
				var timeoutAction;

				$('.box').hover(
					function(){
						if(action == false){
							action = true;
							id = $(this).attr('id');
							$('.shadowBox').each(function(){
								if($(this).attr('id') != 'shadowBox'+id){
									$(this).animate({width:0, opacity: 0, marginTop:1000}, 500, '',
										function(){
											if(jQuery.browser.msie){
												//$(this).hide();
												//$(this).css("opacity", "0.1");
											}
										}
									);
								}
							});
							if(jQuery.browser.msie){
								$('#detailsBox'+id).show();
							}
							$('#detailsBox'+id).delay(500).animate({width:605, opacity: 1}, 500, '', function(){
								$('#detailsBox'+id).children('h1').fadeIn();
								$('#detailsBox'+id).children('.text').fadeIn();
							});
							clearTimeout(timeoutOut);
							timeoutOut = setTimeout(function(){
								out = true;
							}, 2300);
						}
					}

				);


				$('.boxes').hover(function(){},
					function(){
						
						if($('#detailsBox'+id).children('.text').css('display') == 'block'){
							if(visible){
								//alert(' true -> exit');
								//exit();
							}
							visible = true;
							//alert('set true');
						}else{
							visible = false;
							//alert('set false');
						}
						if(visible){
							//alert('true ');
							var delay;
							if(out){
								delay = 1000;
							}else{
								delay = 5000;
							}
							out = false;
							clearTimeout(timeoutOutAction);
							timeoutOutAction = setTimeout(function(){
								outAction(id);
							}, delay);

							clearTimeout(timeoutAction);
							timeoutAction = setTimeout(function(){
								action = false;
							}, delay);
						}
					}
				);
					
				$('body').click(function(){
					if($('#detailsBox'+id).children('.text').css('display') == 'block'){
							if(visible){
								//alert(' true -> exit');
								//exit();
							}
							visible = true;
							//alert('set true');
						}else{
							visible = false;
							//alert('set false');
						}
						if(visible){
							//alert('true ');
							var delay;
							if(out){
								delay = 0;
							}else{
								delay = 0;
							}
							out = false;
							clearTimeout(timeoutOutAction);
							timeoutOutAction = setTimeout(function(){
								outAction(id);
							}, delay);

							clearTimeout(timeoutAction);
							timeoutAction = setTimeout(function(){
								action = false;
							}, delay);
						}
				});
			});

			function outAction(id){
				
				$('#detailsBox'+id).children('.text').fadeOut(300);
				$('#detailsBox'+id).children('h1').fadeOut(300);
				$('#detailsBox'+id).delay(300).animate({width:0, opacity: 0}, 500, '',
					function(){
								if(jQuery.browser.msie){
									$('#detailsBox'+id).hide();
									//$('#detailsBox'+id).css("opacity", "0.1");

								}
							}
				);
				$('.shadowBox').each(function(){
					//if($(this).attr('id') != 'shadowBox'+id){
						if(jQuery.browser.msie){

							//$(this).delay(1100).show();
						}
						$(this).delay(800).animate({width:313, opacity: 1, marginTop:0}, 500);
					//}
				});
						
				
			}