jQuery(document).ready(function(){
	var cat = window.cat;
	var range = window.range;
	var marg = 0;
	
	jQuery('#' + range).css('color','#AC6A00');
	jQuery('#' + cat).css('color','#AC6A00');
	
	jQuery('.btn-group').hide();
	
	jQuery('.multioption-top-menu li').click(function(){
		cat = jQuery(this).attr( 'id' );
		jQuery('.multioption-list').html('<div align="center"><img src="' + window.hostUrl + 'images/loading.gif" width="65" height="20" alt="" class="loader" /></div>');
		
		jQuery('.btn-group').hide();
		
		jQuery.ajax({
			type: "POST",
			url: window.hostUrl + "script/ajax/product-query.php",
			data: "cat=" + cat + "&" + "range=" + range + "&page=" + window.page,
			success: function(msg){				
				var data = msg.split("<o>");
				jQuery('.multioption-list').html(data[1]);	
				
				jQuery('.multioption-list').css('height',data[0]+'px');	
				jQuery('.multioption-list').css('margin-top','0px');
				jQuery('.multioption-top-menu li').css('color','#000');
				jQuery('#' + cat).css('color','#AC6A00');
				
				jQuery('.btn-group').show();				
			}
		});
		
		
		//define page amount
		jQuery.ajax({
			type: "POST",
			url: window.hostUrl + "script/ajax/num.php",
			data: "cat=" + cat + "&" + "range=" + range + "&page=" + window.page,
			success: function(num){
				jQuery('.navigation').hide();				
				for (var i=0;i<num;i++) {
					jQuery('#prod-nav-'+i).show();
				}
				jQuery('.navigation').attr('src',window.hostUrl+'images/dot.gif');
				jQuery('#prod-nav-0').attr('src',window.hostUrl+'images/dot-hov.gif');
			}
		});
	});
	
	jQuery('.multioption-bottom-menu li').click(function(){
		range = jQuery(this).attr( 'id' );
		jQuery('.multioption-list').html('<div align="center"><img src="' + window.hostUrl + 'images/loading.gif" width="65" height="20" alt="" class="loader" /></div>');
		
		jQuery('.btn-group').hide();
		
		jQuery.ajax({
			type: "POST",
			url: window.hostUrl + "script/ajax/product-query.php",
			data: "cat=" + cat + "&" + "range=" + range + "&page=" + window.page,
			success: function(msg){
				var data = msg.split("<o>");
				jQuery('.multioption-list').html(data[1]);	
				
				jQuery('.multioption-list').css('height',data[0]+'px');	
				jQuery('.multioption-list').css('margin-top','0px');
				jQuery('.multioption-bottom-menu li').css('color','#CCC');
				jQuery('#' + range).css('color','#AC6A00');		
				
				jQuery('.btn-group').show();		
			}
		});
		//define page amount
		jQuery.ajax({
			type: "POST",
			url: window.hostUrl + "script/ajax/num.php",
			data: "cat=" + cat + "&" + "range=" + range + "&page=" + window.page,
			success: function(num){
				jQuery('.navigation').hide();				
				for (var i=0;i<num;i++) {
					jQuery('#prod-nav-'+i).show();
				}
				jQuery('.navigation').attr('src',window.hostUrl+'images/dot.gif');
				jQuery('#prod-nav-0').attr('src',window.hostUrl+'images/dot-hov.gif');
			}
		});
	});
	
	jQuery.ajax({
		type: "POST",
		url: window.hostUrl + "script/ajax/product-query.php",
		data: "cat=" + cat + "&" + "range=" + range + "&page=" + window.page,
		success: function(msg){
			var data = msg.split("<o>");
			jQuery('.multioption-list').html(data[1]);
			
			jQuery('.multioption-list').css('height',data[0]+'px');	
			jQuery('.btn-group').show();		
		}
	});
	
	jQuery('#prod-pre').click(function(){
		if (marg<0) {
			marg = marg+150;
			jQuery('.multioption-list').css('margin-top',marg+'px');
		}
	});
	
	jQuery('#prod-next').click(function(){
		var temp = jQuery('.multioption-list').css('height');
		var re = /px/gi;
		var height = 0-parseInt(temp.replace(re, ""));
		if (height<marg) {
			marg = marg-150;
			jQuery('.multioption-list').css('margin-top',marg+'px');
		}
	});
	
	jQuery('.navigation').click(function(){			
		marg = jQuery(this).attr('alt');	
		url = window.hostUrl;
		jQuery('.navigation').attr('src',url+'images/dot.gif');
		jQuery(this).attr('src',url+'images/dot-hov.gif');	
		jQuery('.multioption-list').css('margin-top','-'+marg+'px');
	});
	
	//define page amount
	jQuery.ajax({
		type: "POST",
		url: window.hostUrl + "script/ajax/num.php",
		data: "cat=" + cat + "&" + "range=" + range + "&page=" + window.page,
		success: function(num){
			jQuery('.navigation').hide();				
			for (var i=0;i<num;i++) {
				jQuery('#prod-nav-'+i).show();
			}
			jQuery('.navigation').attr('src',window.hostUrl+'images/dot.gif');
			jQuery('#prod-nav-0').attr('src',window.hostUrl+'images/dot-hov.gif');
		}
	});
	
});