c_sex = "";
c_data = "";

function make_pagination( sex, data_arr, page )
{

	eval( "current_data = " + sex + "_" + data_arr );	
	len = current_data.length;		
	numpages = Math.ceil( len/10 );
	
	if( numpages > 1 )
	{
	
		j = 1;
		pagination_text = "";
		
		while( j <= numpages )
		{ 			
			if( page == j )
			{
				active = "class=\"active\"";
			}else{
				active = "href=\"javascript:make_field( '"+ sex + "', '" + data_arr + "', " + j + ");\"";				
			}
			pagination_text = pagination_text + "<li><a " + active + ">" + j + "</a></li>";
			j++;
		}		
		document.getElementById( "pagination_list" ).innerHTML = pagination_text;
	}else{
		document.getElementById( "pagination_list" ).innerHTML = "";		
	}		

}

function make_field( sex, data_arr, page )
{
	eval( "current_data = " + sex + "_" + data_arr );

	var len = current_data.length;
	items_field = "";	
	var j = 0;
		
	if( page == "" )
		page = 1;
	
	start = ( page - 1 ) * 10 - 1;
	fin = start + 11;
	
	while( j < len )
	{
		if( j > start && j < fin )
			{
				items_field = items_field + "<li><a href=\"javascript:click_item( " + j + ", '" + sex + "', '" + data_arr + "')\"><img src=\"images/" + current_data[j][1] + "\" alt=\"\" width=\"50\" height=\"80\"></a></li>";
			}
		j++;		
	}
	
	document.getElementById( "items" ).innerHTML = items_field;
	
	if( c_sex )
		document.getElementById( c_sex + "_" + c_data ).className = "noactive";
	document.getElementById( sex + "_" + data_arr ).className = "active";
	
	c_sex = sex;
	c_data = data_arr;
	
	make_pagination( sex, data_arr, page );
	document.getElementById( "type_descr" ).innerHTML = "";

}
function click_item( j, sex, data_arr )
{
	eval( "current_data = " + sex + "_" + data_arr );
	
	if( data_arr == "jacket" )	
	{
		document.getElementById( "jacket" ).style.visibility = "visible";
		document.getElementById( "jacket" ).src = "images/" + current_data[j][4] ;
		document.getElementById( "jacket" ).width = current_data[j][5] ;
		document.getElementById( "jacket" ).height = current_data[j][6] ;
		document.getElementById( "jacketname" ).innerHTML = current_data[j][0] ;
		document.getElementById( "jacketdescr" ).innerHTML = current_data[j][2] ;
		document.getElementById( "jacketprice" ).innerHTML = current_data[j][3] + " руб.";
		document.getElementById( "type_descr" ).innerHTML = current_data[j][7] ;
		
		if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent))	{
			fixPNG( document.getElementById( "jacket" ) );
		}
	}
	if( data_arr == "trousers" )	
	{

		document.getElementById( "trousers" ).src = "images/" + current_data[j][4] ;		
		document.getElementById( "trousersname" ).innerHTML = current_data[j][0] ;
		document.getElementById( "trousersdesrc" ).innerHTML = current_data[j][2] ;
		document.getElementById( "trousersprice" ).innerHTML = current_data[j][3] + " руб."; ;
		document.getElementById( "type_descr" ).innerHTML = current_data[j][5] ;
	
	}
	if( data_arr == "hats" )	
	{

		document.getElementById( "cap" ).src = "images/" + current_data[j][4] ;		
		document.getElementById( "hatname" ).innerHTML = current_data[j][0] ;
		document.getElementById( "hatdescr" ).innerHTML = current_data[j][2] ;
		document.getElementById( "hatprice" ).innerHTML = current_data[j][3] + " руб."; ;
		document.getElementById( "type_descr" ).innerHTML = current_data[j][5] ;
	
	}
	if( data_arr == "gloves" )	
	{

		document.getElementById( "gloves" ).src = "images/" + current_data[j][4] ;		
		document.getElementById( "glovesname" ).innerHTML = current_data[j][0] ;
		document.getElementById( "glovesdescr" ).innerHTML = current_data[j][2] ;
		document.getElementById( "glovesprice" ).innerHTML = current_data[j][3] + " руб."; ;
		document.getElementById( "type_descr" ).innerHTML = current_data[j][5] ;
	
	}	
	calc_price();

}
function change_sex( sex )
{
	if( sex == "m" )
	{
		document.getElementById( 'male' ).className = "active";
		document.getElementById( 'female' ).className = "noactive";
		document.getElementById( 'f_menu' ).style.display = "none";
		document.getElementById( 'menu' ).style.display = "inline";
		make_field( 'm', 'jacket', 1 );
	}else{
		document.getElementById( 'female' ).className = "active";
		document.getElementById( 'male' ).className = "noactive";
		document.getElementById( 'menu' ).style.display = "none";
		document.getElementById( 'f_menu' ).style.display = "inline";
		make_field( 'f', 'jacket', 1 );	
		
	}
	clear_r();

}
function calc_price()
{
	j_price_s = document.getElementById( "jacketprice" ).innerHTML;
	t_price_s = document.getElementById( "trousersprice" ).innerHTML;
	h_price_s = document.getElementById( "hatprice" ).innerHTML;
	g_price_s = document.getElementById( "glovesprice" ).innerHTML;

	j_price_s = j_price_s.replace( " руб.", "" );
	t_price_s = t_price_s.replace( " руб.", "" );
	h_price_s = h_price_s.replace( " руб.", "" );
	g_price_s = g_price_s.replace( " руб.", "" );
		
	if( j_price_s == "" )
	{
		j_price = 0;
	}else{
		j_price = parseFloat( j_price_s );
	}
	
	if( t_price_s == "" )
	{
		t_price = 0;
	}else{
		t_price = parseFloat( t_price_s );
	}
	
	if( h_price_s == "" )
	{
		h_price = 0;
	}else{
		h_price = parseFloat( h_price_s );
	}
	
	if( g_price_s == "" )
	{
		g_price = 0;
	}else{
		g_price = parseFloat( g_price_s );
	}

	
	price_result = j_price + t_price + h_price + g_price;
	
	document.getElementById( "full_price" ).innerHTML = price_result + " руб.";

}
function clear_r()
{
	document.getElementById( "jacketname" ).innerHTML = "" ;
	document.getElementById( "jacketdescr" ).innerHTML = "" ;
	document.getElementById( "jacketprice" ).innerHTML = "" ;
	document.getElementById( "jacket" ).src = "img/empty.gif" ;
	
	document.getElementById( "jacket" ).style.visibility = "hidden";
	
	document.getElementById( "trousers" ).src = "img/empty.gif" ;		
	document.getElementById( "trousersname" ).innerHTML = "" ;
	document.getElementById( "trousersdesrc" ).innerHTML = "" ;
	document.getElementById( "trousersprice" ).innerHTML = "" ;
	
	document.getElementById( "cap" ).src = "img/empty.gif" ;		
	document.getElementById( "hatname" ).innerHTML = "" ;
	document.getElementById( "hatdescr" ).innerHTML = "" ;
	document.getElementById( "hatprice" ).innerHTML = "" ;
	
	document.getElementById( "gloves" ).src = "img/empty.gif" ;		
	document.getElementById( "glovesname" ).innerHTML = "" ;
	document.getElementById( "glovesdescr" ).innerHTML = "" ;
	document.getElementById( "glovesprice" ).innerHTML = "" ;

	document.getElementById( "type_descr" ).innerHTML = "" ;	
	document.getElementById( "full_price" ).innerHTML = "";
	
}