jQ(function() { 
		   
		   
	jQ("div#slider_container ul.slider_pics li").eq(0).show();	   
	jQ(".paging li").eq(0).addClass('active');
	
	jQ(".paging li").hover(function() {
		
		if (jQ(this).hasClass('active')) {
			
		} else {
			
			jQ(".paging li").removeClass('active');
			jQ(this).addClass('active');
			
			var curRel = jQ("a", jQ(this)).attr('rel');
			curRel = parseInt(curRel);
			
			var leftPos = 0;
			var bg = '';
			var logo = 'no';
			var text = '';
			
			if (curRel == 0) {
				leftPos = 25;
				widh = 247;
				bg = '0';
				logo = 'slider_logo.png';
				text = 'slider_details_text.png';
				
				jQ("#slider_container").css('background', '#3F1F12');
				
			} else if (curRel == 1) {
				leftPos = 313;
				widh = 280;
				bg = '-150';
				logo = 'pink_logo.png';
				text = 'pink_text.png';
				
				jQ("#slider_container").css({background:'#DB5F8C'});
				
			}  else if (curRel == 2) {
				leftPos = 635;
				widh = 240;
				bg = '-299';
				text = 'green_text.png';
				
				jQ("#slider_container").css('background', '#354d6f');
			}
			
			jQ(".slider_logo", jQ("div.details")).show();
			
			jQ("div#slider_container ul.slider_pics li").hide();
			jQ("div#slider_container ul.slider_pics li").eq(curRel).stop(true, true).fadeIn('slow');
			
			jQ("div.details").animate({			
				backgroundPosition: "0 "+bg+"px",
				left: leftPos,
				width: widh+'px'
			}, 300, function() {              
					
					if (logo != 'no') {
						jQ(".slider_logo img", jQ(this)).attr('src', skinURL + 'images/' + logo);				
					} else {
						jQ(".slider_logo", jQ(this)).hide();
					}
					
					jQ(".content img", jQ(this)).attr('src', skinURL + 'images/' + text);
					
					if (curRel == 0) {												
						jQ("#slider_container").css('background', '#3F1F12');						
					} else if (curRel == 1) {												
						jQ("#slider_container").css({background:'#DB5F8C'});						
					}  else if (curRel == 2) {												
						jQ("#slider_container").css('background', '#354d6f');
					}
			});
		}
		
	},function(){
		var curRel = jQ("a", jQ(this)).attr('rel');

	});
	
	jQ([
		skinURL + 'images/slider_logo.png',
		skinURL + 'images/slider_details_text.png',
		skinURL + 'images/pink_logo.png',
		skinURL + 'images/pink_text.png',
		skinURL + 'images/green_text.png'
	]).preload();

});