// JavaScript Document

/*function lukkAlle(){
	
	document.getElementById("undermenu").style.height = "12px";
	document.getElementById("undermenu").innerHTML = "<img src=\"images/spacer.gif\" width=\"1\" height=\"1\">";
	document.getElementById("undermenu").style.visibility = "hidden";
	
	document.getElementById("undermenu2").style.height = "12px";
	document.getElementById("undermenu2").innerHTML = "<img src=\"images/spacer.gif\" width=\"1\" height=\"1\">";
	document.getElementById("undermenu2").style.visibility = "hidden";
	
		
}

function apneUndermeny(element, height){

var elementet = element;
var hoyde = height + "px";
var innhold = null;

if(elementet == "about"){
	innhold = "<div class=\"undermenuitem\"><a href=\"main.php?1=about&2=concept\"><img src=\"images/undermeny_about_01.jpg\" width=\"68\" height=\"12\" border=0></a></div><div class=\"undermenuitem\"><a href=\"main.php?1=about&2=vision\"><img src=\"images/undermeny_about_02.jpg\" width=\"141\" height=\"12\" border=0></a></div><div class=\"undermenuitem\"><a href=\"main.php?1=about&2=responsibility\"><img src=\"images/undermeny_about_03.jpg\" width=\"201\" height=\"12\" border=0></a></div><div class=\"undermenuitem\"><a href=\"main.php?1=about&2=stores\"><img src=\"images/undermeny_about_04.jpg\" width=\"87\" height=\"12\" border=0></a></div>";
}


if(elementet == "collections"){
	innhold = "<div class=\"undermenuitem\"><a href=\"main.php?1=collections&2=fall\"><img src=\"images/undermeny_collections_01.jpg\" width=\"139\" height=\"12\" border=\"0\"></a></div><div class=\"undermenuitem\" onclick=\"lukkAlle(); menyer('underwear')\"><a href=\"main.php?1=collections&2=underwear\"><img src=\"images/undermeny_collections_02.jpg\" width=\"205\" height=\"12\" border=\"0\"></a></div>";
}

if(elementet == "accessories"){
	innhold = "<div class=\"undermenuitem\"><a href=\"main.php?1=accessories&2=men\"><img src=\"images/undermeny_men_women_01.jpg\" width=\"34\" height=\"12\" border=0></a></div><div class=\"undermenuitem\"><a href=\"main.php?1=accessories&2=women\"><img src=\"images/undermeny_men_women_02.jpg\" width=\"58\" height=\"12\" border=0></a></div>";
}

if(elementet == "press"){
	innhold = "<div class=\"undermenuitem\"><a href=\"main.php?1=press&2=contact\"><img src=\"images/undermeny_press_01.jpg\" width=\"113\" height=\"12\" border=\"0\"></a></div><div class=\"undermenuitem\"><a href=\"main.php?1=press&2=release\"><img src=\"images/undermeny_press_02.jpg\" width=\"99\" height=\"12\" border=\"0\"></a></div><div class=\"undermenuitem\"><a href=\"main.php?1=press&2=events\"><img src=\"images/undermeny_press_03.jpg\" width=\"51\" height=\"12\" border=\"0\"></a></div>";
}


document.getElementById("undermenu").style.visibility = "visible";
document.getElementById("undermenu").style.height = hoyde;
document.getElementById("undermenu").innerHTML = innhold;
}

function apneUndermeny2(element, height){

var elementet = element;
var hoyde = height + "px";
var innhold = null;

if(elementet == "collections_fall_winter"){
	innhold = "<div class=\"undermenuitem\"><a href=\"main.php?1=collections&2=fall&3=men\"><img src=\"images/undermeny_men_women_01.jpg\" width=\"34\" height=\"12\" border=0></a></div><div class=\"undermenuitem\"><a href=\"main.php?1=collections&2=fall&3=women\"><img src=\"images/undermeny_men_women_02.jpg\" width=\"58\" height=\"12\" border=0></a></div>";
}

if(elementet == "collections_underwear"){
	innhold = "<div class=\"undermenuitem\"><img src=\"images/spacer.gif\" width=\"140\" height=\"12\"></div><div class=\"undermenuitem\"><a href=\"main.php?1=collections&2=underwear&3=men\"><img src=\"images/undermeny_men_women_01.jpg\" width=\"34\" height=\"12\" border=0></a></div><div class=\"undermenuitem\"><a href=\"main.php?1=collections&2=underwear&3=women\"><img src=\"images/undermeny_men_women_02.jpg\" width=\"58\" height=\"12\" border=0></a></div>";
}



document.getElementById("undermenu2").style.visibility = "visible";
document.getElementById("undermenu2").style.height = hoyde;
document.getElementById("undermenu2").innerHTML = innhold;
}

function menyer(type){
	var menyen = type;
	
	if(menyen == "about"){	
	apneUndermeny('about', '12');
	}
	
	if(menyen == "collections"){	
	apneUndermeny('collections', '12');
	}
	
	if(menyen == "fall"){	
	apneUndermeny('collections', '12');
	apneUndermeny2('collections_fall_winter', '12');
	}
	
	if(menyen == "underwear"){	
	apneUndermeny('collections', '12');
	apneUndermeny2('collections_underwear', '12');
	}
	
	if(menyen == "accessories"){	
	apneUndermeny('accessories', '12');
	}
	
	if(menyen == "press"){	
	apneUndermeny('press', '12');
	}
	
}*/

function lagGalleri(navn){
	
var slideshow = navn;

/////////
if(slideshow == "fall_men"){
	
	var hoyde = 286;
	var bredde = 350;
	var mappe = navn;
	
	var mygallery=new simpleGallery({
	wrapperid: "simplegallery1", //ID of main gallery container,
	dimensions: [hoyde, bredde], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
		["/gallery/"+mappe+"/1.jpg", "javascript: popup('/gallery/"+mappe+"/1_stor.jpg','620','830');", ""],
		["/gallery/"+mappe+"/2.jpg", "javascript:popup('/gallery/"+mappe+"/2_stor.jpg','511','620');", ""]
		
	],
	autoplay: true,
	persist: false,
	pause: 2500, //pause between slides (milliseconds)
	fadeduration: 500, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//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)
	}
})
}

/////////
if(slideshow == "fall_women"){
	
	var hoyde = 286;
	var bredde = 350;
	var mappe = navn;
	
	var mygallery=new simpleGallery({
	wrapperid: "simplegallery2", //ID of main gallery container,
	dimensions: [hoyde, bredde], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
				 ["/gallery/"+mappe+"/1.jpg", "javascript: popup('/gallery/"+mappe+"/1_stor.jpg','511','620');", ""],
		["/gallery/"+mappe+"/2.jpg", "javascript:popup('/gallery/"+mappe+"/2_stor.jpg','620','830');", ""]
		],
	autoplay: true,
	persist: false,
	pause: 3500, //pause between slides (milliseconds)
	fadeduration: 1000, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//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)
	}
})
}
///////
if(slideshow == "underwear_men"){
	
	var hoyde = 286;
	var bredde = 350;
	var mappe = navn;
	
	var mygallery=new simpleGallery({
	wrapperid: "simplegallery3", //ID of main gallery container,
	dimensions: [hoyde, bredde], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
				 ["/gallery/"+mappe+"/1.jpg", "javascript: popup('/gallery/"+mappe+"/1_stor.jpg','620','830');", ""],
		["/gallery/"+mappe+"/2.jpg", "javascript:popup('/gallery/"+mappe+"/2_stor.jpg','511','620');", ""]
		],
	autoplay: true,
	persist: false,
	pause: 3500, //pause between slides (milliseconds)
	fadeduration: 1000, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//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)
	}
})
}
///////
if(slideshow == "underwear_women"){
	
	var hoyde = 286;
	var bredde = 350;
	var mappe = navn;
	
	var mygallery=new simpleGallery({
	wrapperid: "simplegallery4", //ID of main gallery container,
	dimensions: [hoyde, bredde], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
				 ["/gallery/"+mappe+"/1.jpg", "javascript: popup('/gallery/"+mappe+"/1_stor.jpg','620','830');", ""],
		["/gallery/"+mappe+"/2.jpg", "javascript:popup('/gallery/"+mappe+"/2_stor.jpg','511','620');", ""]
		],
	autoplay: true,
	persist: false,
	pause: 3500, //pause between slides (milliseconds)
	fadeduration: 1000, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//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)
	}
})
}
///////
if(slideshow == "accessories_men"){
	

	var hoyde = 286;
	var bredde = 350;
	var mappe = navn;
	
	var mygallery=new simpleGallery({
	wrapperid: "simplegallery5", //ID of main gallery container,
	dimensions: [hoyde, bredde], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
				 ["/gallery/"+mappe+"/1.jpg", "javascript: popup('/gallery/"+mappe+"/1_stor.jpg','620','830');", ""],
		["/gallery/"+mappe+"/2.jpg", "javascript:popup('/gallery/"+mappe+"/2_stor.jpg','511','620');", ""]
		],
	autoplay: true,
	persist: false,
	pause: 3500, //pause between slides (milliseconds)
	fadeduration: 1000, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//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)
	}
})
}
///////
if(slideshow == "accessories_women"){
	
	var hoyde = 286;
	var bredde = 350;
	var mappe = navn;
	
	var mygallery=new simpleGallery({
	wrapperid: "simplegallery6", //ID of main gallery container,
	dimensions: [hoyde, bredde], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
				 ["/gallery/"+mappe+"/1.jpg", "javascript: popup('/gallery/"+mappe+"/1_stor.jpg','620','830');", ""],
		["/gallery/"+mappe+"/2.jpg", "javascript:popup('/gallery/"+mappe+"/2_stor.jpg','511','620');", ""]
		],
	autoplay: true,
	persist: false,
	pause: 3500, //pause between slides (milliseconds)
	fadeduration: 1000, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//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)
	}
})
}
///////
if(slideshow == "events_gudb08"){
	
	var hoyde = 286;
	var bredde = 350;
	var mappe = navn;
	
	var mygallery=new simpleGallery({
	wrapperid: "simplegallery7", //ID of main gallery container,
	dimensions: [hoyde, bredde], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
				 ["/gallery/"+mappe+"/1.jpg", "javascript: popup('/gallery/"+mappe+"/1_stor.jpg','620','830');", ""],
		["/gallery/"+mappe+"/2.jpg", "javascript:popup('/gallery/"+mappe+"/2_stor.jpg','511','620');", ""],
		["/gallery/"+mappe+"/3.jpg", "javascript:popup('/gallery/"+mappe+"/3_stor.jpg','820','551');", ""],
		["/gallery/"+mappe+"/4.jpg", "javascript:popup('/gallery/"+mappe+"/4_stor.jpg','441','587');", ""]
	],
	autoplay: true,
	persist: false,
	pause: 3500, //pause between slides (milliseconds)
	fadeduration: 1000, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//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)
	}
})
}
///////


}

function popup(filnavn,bredden,hoyden) {

var hoyde = hoyden;
var bredde = bredden;

window.open("http://www.greensquarefashion.com"+filnavn,"Bilde","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width="+bredde+",height="+hoyde+",left=10,top=10");

} 

