// JavaScript Document

$(document).ready(function(){
 img = new Array('red','blue','black');
Images();
var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');

for(i=1960;i<=2012;i++)
{str = ''+i;	
$("#year").append("<option value="+i+">"+str.substr(2)+"</option>");
}
for(j=1;j<=12;j++)
$("#month").append("<option value="+j+">"+months[j-1]+"</option>");	

for(k=1;k<=31;k++)
$("#day").append("<option value="+k+">"+k+"</option>");	
	

$("#S_Red").click(function(){
	$("#img_shoes").attr('src',im[0].src);
	$(this).addClass('ShoesActive');
	$("#S_Blue").removeClass('ShoesActive');
	$("#S_Black").removeClass('ShoesActive');
	});
	
$("#S_Blue").click(function(){
	$("#img_shoes").attr('src',im[1].src);
	$(this).addClass('ShoesActive');
	$("#S_Red").removeClass('ShoesActive');
	$("#S_Black").removeClass('ShoesActive');
	});
	
$("#S_Black").click(function(){
	$("#img_shoes").attr('src',im[2].src);
	$(this).addClass('ShoesActive');
	$("#S_Red").removeClass('ShoesActive');
	$("#S_Blue").removeClass('ShoesActive');
	});

})


function Images(){
	im = new Array();
	for(h=0;h<3;h++)
	{
	im[h]=new Image(243,193);	
    im[h].src= '/images/Promotion_shoes_'+img[h]+'.png';
	}

}