function populateElement(selector, defvalue) {
    $(selector).each(function() {
        if($.trim(this.value) == "") {
            this.value = defvalue;
        }
    });
  
    $(selector).focus(function() {
        if(this.value == defvalue) {
            this.value = "";
        }
    });
    
    $(selector).blur(function() {
        if($.trim(this.value) == "") {
            this.value = defvalue;
        }
    });
 };
function theRotator() {
	//Set the opacity of all images to 0
	$('div.rotator ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div.rotator ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	
	setInterval('rotate()',6000);
	
}

function rotate() {	
	//Get the first image
	var current = ($('div.rotator ul li.show')?  $('div.rotator ul li.show') : $('div.rotator ul li:first'));

    if ( current.length == 0 ) current = $('div.rotator ul li:first');

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div.rotator ul li:first') :current.next()) : $('div.rotator ul li:first'));
	
	//Un-comment the 3 lines below to get the images in random order
	
	//var sibs = current.siblings();
    //var rndNum = Math.floor(Math.random() * sibs.length );
    //var next = $( sibs[ rndNum ] );
			

	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
};
$(document).ready(function() {
	theRotator();
	$('div.rotator').fadeIn(1000);
    $('div.rotator ul li').fadeIn(1000); // tweek for IE
	$("li.f_li").hover(function(){
		$(this).addClass("li_hover");
		$(this).fadeOut(0);$(this).fadeIn(300);
	}, function(){
		$(this).removeClass("li_hover");
	});
	$('.menuInfo a:last').css("border","none");
	$("li.f_li_ul").hover(function(){
		$(this).addClass("li_hover_ul");
		$(this).fadeOut(0);$(this).fadeIn(300);
		$(this).find('.menuInfo').css("width",$(this).width()-21);
	   $(this).find('.menuInfo').slideDown();
	}, function(){
		$(this).find('.menuInfo').slideUp();
	});
	
	$(".s_list .ddc3 .price").show();
	$(".s_list h2").click(function(){
		$(".s_list div.olls").animate({"height": 25}, "slow");
		$(".s_list div.price").hide();
		$(this).parent().animate({"height": 250}, {queue: false, duration: 'slow'}); 
		$(this).parent().find(".price").show();
	});
	$(".header_info a.login").hover(function(){
		$("#login_form").slideDown();
	});
	$("#login_form").mouseleave(function(){
		$("#login_form").slideUp();
	});
	$('#s3slider').s3Slider({
      timeOut: 4000
   });
	populateElement('#user_login_p', 'Username');
	populateElement('#pass_login_p', 'Password');
	$('.font_effect .blue_p').FontEffect({ gradient:true, gradientColor:"#84bbe4", gradientPosition:25, gradientLength:20 });
	$('.font_effect .blue_p p').FontEffect({ gradient:true, gradientColor:"#84bbe4" });
	$('.linux-detail .price_b').FontEffect({ gradient:true, gradientColor:"#93d0fd" });
	$('.linux-detail .price_b p').FontEffect({ gradient:true, gradientColor:"#93d0fd" });
//	$('.green_p').FontEffect({ gradient:true, gradientColor:"#bcd963", gradientPosition:25, gradientLength:20 });
//	$('.green_p p').FontEffect({ gradient:true, gradientColor:"#bcd963" });
//	$('.violet_p').FontEffect({ gradient:true, gradientColor:"#c18cd4", gradientPosition:25, gradientLength:20 });
//	$('.violet_p p').FontEffect({ gradient:true, gradientColor:"#c18cd4" });
});