// JavaScript Document
		

	$(document).ready( function(){
		
		
		var where		=	$("#main").offset();
		var theNo		=	1764;
		var xo			=	where.left-theNo;

		
		$("#bg li img").css({"width":"1764px", "height":"606px", "padding-left": $(window).width()+"px"});
		
		$("#bg").fadeIn("fast").easySlider({
				auto: 				true,
				continuous: 		true,
				controlsShow:		false,
				speed:				500,
				pause:				6500

			});

		

		//##########> HIDE LATEST FEATURES <##############//
		$("#bottom h4").click(
			function(){
				if($("#features").is(':visible')){
					
					$("#features").animate({
							"height": "0px"
							
						},200,
							function(){	
								$(this).hide();			
								clearTimeout(timerID);
								
						})
				}else{
					$("#features").animate({
							"height": "55px"
						},250,
						function(){				
							$(this).show();		
							$("#features .item").first().fadeIn(200,
								function(){
									featuresFade(switcher);
								}
							);
								
						})
					
					
				}
			}// end click

		)
		


		$("#catnav li a").click(
				function(event){
					event.preventDefault();
					
					
					if($(this).parent().parent().parent().attr('class') != undefined){
						
						yo	=	$(this).parent().parent().parent().attr('class');
										
						//###############> SUBITEMS <####################//												
						if($("#catnav ."+yo+" ul li:last").is(':visible') && $("#catnav ."+yo+" ul li:first").is(':visible')){
							
							$("#catnav li a").css({"color":"rgb(80,80,80)"});
							$(this).parent().parent().animate({
									"top":"0px"
							}).css({
								"background-color":"transparent"
							});							
							$(this).parent().siblings("li").not($(this)).slideUp();						
							
							$.post("xoxo/picarray.php", {cat: yo, subcat: $(this).html()},
								function(data){
									
										$("#picarray").html(data);
										
									
							});
					
							return;
						}else{
							$("#catnav li a").css({"color":"white"});
							
							$("#catnav ."+yo+" ul").show(0,
								function(){
									$(this).children("li").fadeIn(250);
									//alert($(this).attr('id'));
								
								}
							).css({
									"top":"-175px",
									"background-color":"#333",
									"padding":"15px 0 15px 25px"
							});	
						}
						
						return;
						
					}else{
						
						//###################> MAIN ITEMS <###################//
						
							yo = $(this).parent().attr('class');								
							if($("#catnav li:last").is(':visible') && $("#catnav li:first").is(':visible')){
								$("#catnav li a").css({"color":"rgb(80,80,80)"});
								
								$(this).parent().parent().css({
									//"top":"0px",
									"background-color":"transparent"
									//"padding":"0px"
								});
														
								$(this).parent().siblings("li").not($(this)).slideUp();

								$("#catnav li."+yo+" ul").css({
												"position": "absolute",
												"width"	: "200px",
												"top"	:	"0px",
												"left"	: "170px",
												"display":"block"
								});
								$("#catnav ."+yo+" ul .all").fadeIn(250);
								
								$.post("xoxo/picarray.php", {cat: yo},
								function(data){
									
										$("#picarray").html(data);	
									
							});
		
							return;	
								
							}else{

									$(this).parent().siblings("li").fadeIn(700);
									$("#catnav li ul li").hide();
									$("#catnav li a").css({"color":"white"});
			
									$(this).parent().parent().css({
											//"top":"-175px",
											"background-color":"#333",
											"z-index": "10"
									});
									
								return;		
								
								//$("#catnav").children("li").not("#catnav li ul li").slideDown("fast");							
							}
					}//end main if else
				}// end function
				
				
		);//end click
	
		
		
		

		
		


	}); //END DOCUMENT READY