var mygallery=new simpleGallery({
		wrapperid: "simplegallery1", //ID of main gallery container,
		dimensions: [790, 385], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
		imagearray: [
			["pics/pic1.jpg", "", "", "Aman & Chiraag"],
			["pics/pic3.jpg", "", "", "Kris"],	
			["pics/pic2.jpg", "", "", "Tanmay"],	
			["pics/pic4.jpg", "", "", "Dia"],
			["pics/pic5.jpg", "", "", "Kris"],	
			["pics/pic6.jpg", "", "", "Nishi"],
			["pics/pic7.jpg", "", "", "Naksh"],
			["pics/pic8.jpg", "", "", "Piyu"],	
			["pics/pic9.jpg", "", "", "Krish"],
			["pics/pic10.jpg", "", "", "Chiraag"],
			["pics/pic11.jpg", "", "", "Nishi"],	
			["pics/pic12.jpg", "", "", "Dia"],
			["pics/pic14.jpg", "", "", "Dia"],	
			["pics/pic15.jpg", "", "", "Shrey"]
		],
		autoplay: [true, 6000, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
		persist: false, //remember last viewed slide and recall within same session?
		fadeduration: 500, //transition duration (milliseconds)
		oninit:function(){ //event that fires when gallery has initialized/ ready to run
		//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
		},
		onslide:function(curslide, i){ //event that fires after each slide is shown
		//Keyword "this": references current gallery instance
		//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
		//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
		}
		})

	var browserName=navigator.appName; 
	function scrollWin()
	{
		if (browserName=="Opera")
		{	$('html').animate({scrollTop: $("#scrollToHere").offset().top}, 1000);		}
		else{	$('html, body').animate({scrollTop: $("#scrollToHere").offset().top}, 1000);	}
	}
	function scrolltop()
	{
		if (browserName=="Opera")
		{	$('html').animate({scrollTop: $("#container").offset().top}, 1000);	}
		else{	$('html, body').animate({scrollTop: $("#container").offset().top}, 1000);}
	}