var i = 0;
var mytimer;
var my2timer;

function loadCenter(categID){
	$('#home_advert_photo').hide();
	$('.advertHomeContainer').hide();
	$('#home_advert_container_' + categID).show();
}

function showProduct(identifier, categ){
	$('#home_advert_container_'+ categ + ' .main_center_box').hide();//removeClass('show').addClass('hide');
	$('#product_detail_' + identifier).fadeIn(500);//addClass('show');
	$('.tabs').removeClass('selected');
	$('#product_tab_' + identifier).addClass('selected');
	//timerInterrupt();
}


function displayMiddleProd(prod_id, cat_id) {
	$("#home_advert_photo").hide();
	$(".advertHomeContainer").hide(); 
	$("#home_advert_container_" + cat_id).show();
	
	$("#home_advert_container_" + cat_id + " .main_center_box").hide();
	$("#product_detail_" + prod_id).fadeIn(500);
	$(".tabs").removeClass("selected");
	$("#product_tab_" + prod_id).addClass("selected");
	//timerInterrupt();		
}

function timerInterrupt() {
	clearTimeout(mytimer);
	clearTimeout(my2timer);
	my2timer = window.setTimeout(function() {
		restartTimer();
	}, 10000);
}


function timerDisplay() {
	mytimer = window.setTimeout(function() {
 		group = mainProducts[i];
 		displayMiddleProd(group[0], group[1]);
 		i++;
 		if(i >= mainProducts.length) {
 			i = 0;
 		}
 		timerDisplay();
	}, 4000);
}

function restartTimer() {
	timerDisplay();
}
	
$(document).ready(function(){
//	timerDisplay();
	 $('.home_special_navi a').each(function(e, el){
		 $(el).mouseover(function() {
			 mytimer = window.setTimeout(function() {
				 loadCenter($(el).attr('catid'));
			 }, 500);
			 //loadCenter($(el).attr('catid'));
		 }).mouseout(function() {
			 clearTimeout(mytimer);
		 });
	 });
	 
//	 // why mouseenter and mouseleave does not work?!
//	 $('#home_center_container').mouseleave(function() {
//		$('#home_advert_photo').show();
//		$('.advertHomeContainer').hide();
//	 });
	
});


// rating stuff
function highlight_stars(id,ns) {
	for(i=1;i<=ns;i++) {
		$('#star_' + id.toString() + '_' + i.toString() ).attr('src', '/lib/images/frontend/interface/star_full.png');
	}
	for(i=ns+1;i<=5;i++) {
		$('#star_' + id.toString() + '_' + i.toString() ).attr('src', '/lib/images/frontend/interface/star_empty.png');
	}
}

function unhighlight_stars(id,ns,orig_stars) {
	for(i=1;i<=5;i++) {
		$('#star_' + id.toString() + '_' + i.toString() ).attr('src', '/lib/images/frontend/interface/star_empty.png');
	}
	for(i=1;i<=orig_stars;i++) {
		$('#star_' + id.toString() + '_' + i.toString() ).attr('src', '/lib/images/frontend/interface/star_full.png');
	}
	for(i=orig_stars+1;i<=5;i++) {
		$('#star_' + id.toString() + '_' + i.toString() ).attr('src', '/lib/images/frontend/interface/star_empty.png');
	}
	/*	
	for(i=1;i<=ns;i++) {
		$('#star_' + id.toString() + '_' + i.toString() ).attr('src', '/lib/images/frontend/interface/star_full.png');
	}
	for(i=ns;i<=5;i++) {
		$('#star_' + id.toString() + '_' + i.toString() ).attr('src', '/lib/images/frontend/interface/star_empty.png');
	}
	* */
}

function ajaxSaveRating(rating, ratingUrl){
	var nr_stars = parseInt(rating);
	nr_stars = nr_stars/2;
	$.ajax({
		type: "POST",
		url: ratingUrl,
		data: {'rating_value_rating' : rating, 'isAjaxCall' : 1},
		success: function(data) {
			text_stars = '';
			for(i=0; i<nr_stars; i++){
				text_stars += '<img src= "'+_APP_URL+'/lib/images/frontend/interface/star_full.png" />';
			}
			for(i=nr_stars; i<5; i++){
				text_stars += '<img src= "'+_APP_URL+'/lib/images/frontend/interface/star_empty.png" />';
			}
			$('.show_rating_stars').html(text_stars);
		},
		error: function(a, b, c)
		{
			
		}
	});
	return false;
}