//JavaScript Document

var navi 			= navigator.appVersion;
var browserIE 		= false;
var browserIE6 		= false;
var browserIE8		= false;
var browserSAF 		= false;
var scrollSpeed 	= 50;
var scrollHeight	= 10;
var notification 	= '';

if(navi.indexOf("MSIE")>-1){
	browserIE = true;
	var navAr = navi.split(";");
	browserIE6 = (parseFloat(navAr[1].split(" ")[2])<=6.0?true:false);
	browserIE8 = (parseFloat(navAr[1].split(" ")[2])>7.0?true:false);
	
} else if(navi.indexOf("Safari")>-1){
	browserSAF = true;
}

var width_Avail 	= screen.availWidth;
var heigth_Avail 	= screen.availHeight;
var innerWidth 		= 0;
var innerHeight 	= 0;
var middleX			= innerWidth / 2;
var middleY			= innerHeight / 2;

var shopping_hack 	= false;
var currentPage;

/*menu*/
var menuList;
var openProd 				= 0;
var openProdCounter			= 0;
var fx_ani_row				= new Array();
var fx_ani_listing_plus		= new Array();
var varY					= 145

var root_domain				= 'http://www.brokenpaper.nl/';


function pageInit(page, menu){
	currentPage	= page;
	openMenu	= menu;
		
	if(browserIE6==true){
		var notification		= 'You are currently using Internet Explorer 6.0. For optimal perfomance: upgrade to <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx" target="_blank">Internet Explorer 7.0</a> or try <a href="http://www.mozilla.com/en-US/firefox/" target="_blank">Mozilla Firefox</a>.';
		$('header_notification').innerHTML = notification;
		$('header_notification').setStyle('display','block');
	}
	
	projectList			= $$('.menu_row_cat');
	resizing();
	
	if($('add_product')){
		productInit();
	}
	
	if(page == 'home'){
		//initHomeVideo();
		initHomeSlides();
	}
	setSorting();
}

var active_name_search					= false;
function checkSearchName(input){
	if(input.length > 2){
		if(!active_name_search){
			active_name_search				= true;
			mySpinner_search 				= new Spinner('items_suggest');
			mySpinner_search.show(true);
			loadNshow(root_domain + 'aShop/name_search.php?include_header=1&search='+input,'items_suggest', 'get', false);
		}
	}else{
		$('items_suggest').innerHTML					= '';	
	}
}

function initNameSearch(input){
	if(input == 'search'){
		$('zoek_woord').value					= '';
		$('items_suggest').innerHTML			= '';
	}
}

var has_scroll  = false;
function resizing(){
	//$('main_container').setStyle('opacity' , 0);
	if(!browserSAF){
		if(browserIE && browserIE8 == false){
			innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
		}else{
			innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
		}
		innerHeight	= parseInt((document.documentElement.clientHeight * 1));
	}else{
		innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
		innerHeight	= parseInt((document.documentElement.clientHeight * 1));
	}
	
	if(innerHeight < 850){
		innerHeight = 850;
		if(!browserIE && has_scroll == false){
			//alert(has_scroll)
			if(!browserSAF){
				innerWidth 	= parseInt((document.documentElement.clientWidth * 1) - 17);
			}else{
				innerWidth 	= parseInt((document.documentElement.clientWidth * 1) - 16);
			}
		}
		has_scroll 	= true;
	}else{
		has_scroll 	= false;
	}
	
	
	if(innerWidth<1000){
		innerWidth = 1000;
	}
	middleX				= innerWidth / 2;
	middleY				= innerHeight / 2;
	
	/*
	varY = middleY - 300;
		if(varY < 145){
			varY = 145
		}
		
	
	$('div_container').setStyles({'width': innerWidth, 'height': innerHeight, 'left': 0});
	if(currentPage == 'home' && openMenu == 0){
		$('header').setStyles({'width': innerWidth, 'height': varY});
		$('div_menu').setStyles({'width': middleX, 'top': varY});
		$('div_content_shop').setStyles({'width': 500, 'left': innerWidth - 500, 'top': varY, 'height': 600});
		$('div_menu_container').setStyles({'left': middleX - 600, 'top': middleY - 120 - varY});
		
		setSomeSWF(root_domain+'header_site.swf', 'ITSONLINEFASHION', 500, 600, 'div_content_shop', '');
		
	}else if(currentPage == 'catalogus' || openMenu > 0){
		$('header').setStyles({'width': innerWidth, 'height': varY});
		$('div_menu').setStyles({'width': 350, 'top': varY});
		$('div_content_shop').setStyles({'width': innerWidth - 100, 'left': 100, 'top': middleY - 140, 'height': 280});
		$('div_menu_container').setStyles({'left': -150});
	}
	
	$('footer').setStyle('top' , (innerHeight - 20));
	$('footer').setStyle('width' , (innerWidth));
	if($('div_content_3')){
		$('div_content_3').setStyle('left' , (innerWidth - 190) , 'top' , (varY - 40));
	}

	
	$('div_content_item_background').setStyles({'width': innerWidth, 'height': innerHeight, 'opacity':0.7});
	$('div_content_item_container').setStyles({'left': middleX - 400, 'top': middleY - 280});
	
	
	
	if(currentPage == 'catalogus'){
		if(openMenu!=0){
			AJAXopen	= false;
			setMenu(openMenu);
			initListing();
		}
	}
	*/
	
	
	if(innerWidth > 1100){
		$('side_label').setStyle('display','block');		
	}
	
	$('div_container').setStyle('display','block');
	
}

var mySpinner;
var navigating				= false;
var projectList;
var openMenu 				= 0;
var openCat					= 0;
var AJAXopen				= true;
var fx_ani_row				= new Array();
var fx_ani_listing_plus		= new Array();
var fx_menu_container;
var fx_label_scrollable_content;
var fx_content_shop;

function MorpheItems(target, speed, trans){
	if(target){
		return new Fx.Morph(target, {duration: speed, transition: trans});
	}
}

function ChangeAnim(prop, target, to, speed, trans){
	if(target){
		var myFx = new Fx.Tween(target,{duration:speed, transition: trans});
		myFx.start(prop, to );
	}
}

var active_collection 			= 0;
var collection_pos				= 0;
var fx_mouse_overs_collection 	= new Array();
var fx_collection_infos 		= new Array();
var product_ids;

function loadNshow(url, target, method){
	var req = new Request({url: url,
	    method: method,
	   	onSuccess: function(responseText) {
			var output 			= req.response.text
			afterLoadProcess(target, output)
		},
		onFailure: function() {
			$(target).set('innerHTML', 'The request failed.');
		}
	});
	req.send();
}


function afterLoadProcess(target, output){
	switch(target){
		case 'items_suggest':
			$(target).innerHTML 	= output;
			$(target).addEvent('domready', function() {
				active_name_search	= false;
				mySpinner_search.toggle(target);
				mySpinner_search.destroy()
				$(target).setStyles({'opacity': 1});
			});
		break;
		case 'div_content_shop':
			$('div_content_shop').setStyle('opacity',0);
			$('div_content_shop').innerHTML = output;
	
			initListing();
			
		break;
		case 'div_content_item_container':
			
			$(target).setStyle('opacity',0);
			$(target).innerHTML = output;
			$(target).setStyle('opacity',1);
			
			productInit();
															
		break;
		case 'div_content_3_container':
			allow_click			= true
			allowAdding			= true;
			$(target).setStyle('opacity',0);
			$(target).innerHTML = output;
			$(target).setStyle('opacity',1);
			
			
			var myDiv = new Element('div', {
				'opacity': 0.8,
				'id': 'itemAdded',
				'class': 'itemAdded'
			});
			myDiv.inject($('div_container'));
			
			var target_detail			= 'itemAdded';
			var product_url 			= root_domain+'aShop/product_added.php';
			loadNshow(product_url,target_detail,'get');
			
		break;
		case 'itemAdded':
			$(target).innerHTML 		= output;		
		break;
	}	
}

var active_option 	= '';
var measureX		= 0;
var measureY		= 255;
var relativeX		= 0;
var bigWidth		= 765;
var bigHeight		= 675;
var smallWidth		= 254;
var smallHeight		= 225;
var relativeX		= 0;
var fxImageBig;	
var allowAdding 	= true;
var optionslist;

function productInit(){
	active_option = '';
	
	var valueTarget = '';
	optionslist 	= $$('.product_option');
	optionslist.each(function(element) {
	 
		element.addEvent('click', function(){
			if(element.getProperty('name')!=active_option){;
				
				if(active_option!=''){
					var valueTarget = $('product_option_values'+active_option);
					ChangeAnim('height', valueTarget, 0, 500, Fx.Transitions.Cubic.easeOut)
				}
				
				active_option 	= element.getProperty('name');
				var nr 			= element.getProperty('name');
				var nr_ofValues	= document.getElementById('option_value_counter'+nr).value;
				valueTarget 	= $('product_option_values'+nr);
				var toMove		= nr_ofValues * 21;
				if(toMove>200){
					toMove = 200;
				}
				ChangeAnim('height', valueTarget, toMove, 500, Fx.Transitions.Cubic.easeOut)
			}
		});
		
	});
	
	
	var optionsValuelist = $$('.product_option_value');
	optionsValuelist.each(function(element) {
	 
		var fxvalues = new Fx.Morph(element, {duration:200, wait:false});
		element.addEvent('mouseenter', function(){
			if(element.getProperty('class')=='product_option_value'){									
			fxvalues.start({
				'background-color': '#cfcfcf'
			});
			}
		});
	 
		element.addEvent('mouseleave', function(){
			if(element.getProperty('class')=='product_option_value'){									
			fxvalues.start({
				'background-color': '#ffffff'
			});
			}
		});
		
		element.addEvent('click', function(){
			var childof = parseInt(element.getProperty('childof'));
			var disablelist = $$('#product_option_values'+childof+' .product_option_value');
			disablelist.each(function(element) {
				element.setStyle('background-color', '#ffffff');
				element.removeClass('selected');
			});
			element.addClass('selected');
			fxvalues.start({
				'background-color': '#f31b52'
			});
			
		});
		
	});
	
	
		
	$('buy_now').addEvent('click', function(e) {
		var size_selected		= true;
		
		
		optionslist.each(function(element) {
	 		var check_option = element.getProperty('name');
			if($('id['+check_option+']')){
				if($('id['+check_option+']').value == 0){
					size_selected	= false;
				}
			}
	 	});


		if(size_selected){
			if(allowAdding==true){
				$('select_option_alert').setStyle('display','none');	
				new Event(e).stop();
				allowAdding				= false;
				var target_form 		= 'add_product';
				var target_loading 		= 'div_content_3_container';
				var target_output 		= 'div_content_3_container';
				
				$(target_form).set('send', {
					method: 'post',
					data: $(target_form),                                      
					onSuccess: function(responseText, responseXML) {
						loadNshow('aShop/shopping_cart_stripped.php','div_content_3_container','get');
					}
				});
				$(target_form).send($(target_form).action); 
			}
		}else{
			$('select_option_alert').setStyle('display','block');				
		}
	});
		
	$('wish_now').addEvent('click', function(e) {
		var size_selected		= true;
		
		
		optionslist.each(function(element) {
	 		var check_option = element.getProperty('name');
			if($('id['+check_option+']')){
				if($('id['+check_option+']').value == 0){
					size_selected	= false;
				}
			}
	 	});


		if(size_selected){
			if(allowAdding==true){
				$('select_option_alert').setStyle('display','none');	
				new Event(e).stop();
				allowAdding				= false;
				var target_form 		= 'add_product';
				var target_loading 		= 'wish_now';
				var target_output 		= 'wish_now';
				
				$(target_form).set('send', {
					url: root_domain + 'aShop/wishlist_add.php',
					method: 'post',
					data: $(target_form),                                      
					onSuccess: function(responseText, responseXML) {
						$(target_output).innerHTML = responseText;
						allow_click			= true
						allowAdding			= true;
					}
				});
				$(target_form).send(); 
			}
		}else{
			$('select_option_alert').setStyle('display','block');				
		}
	});
	
	allow_click			= true
}

function closeAddMessage(){
	if($('itemAdded')){
		$('itemAdded').destroy();
	}	
}

function submitForm(target){
	$(target).submit();
}

function setSorting(){
	var valueTarget = '';
	optionslist 	= $$('.sorting_option');
	optionslist.each(function(element) {
	 	element.addEvent('click', function(){
			if(element.getProperty('name')!=active_option){;
				
				if(active_option!=''){
					var valueTarget = $('sorting_option_values'+active_option);
					ChangeAnim('height', valueTarget, 0, 500, Fx.Transitions.Cubic.easeOut)
				}
				
				active_option 	= element.getProperty('name');
				var nr 			= element.getProperty('name');
				var nr_ofValues	= document.getElementById('option_value_counter'+nr).value;
				valueTarget 	= $('sorting_option_values'+nr);
				var toMove		= nr_ofValues * 21;
				if(toMove>200){
					toMove = 200;
				}
				ChangeAnim('height', valueTarget, toMove, 500, Fx.Transitions.Cubic.easeOut)
			}
		});
		
	});
	
	
	var optionsValuelist = $$('.sorting_option_value');
	optionsValuelist.each(function(element) {
	 	//element.setStyle('opacity' , 0.9);
			
		var fxvalues = new Fx.Morph(element, {duration:200, wait:false});
		element.addEvent('mouseenter', function(){
			if(element.getProperty('class')=='sorting_option_value'){									
			fxvalues.start({
				'background-color': '#cfcfcf'
			});
			}
		});
	 
		element.addEvent('mouseleave', function(){
			if(element.getProperty('class')=='sorting_option_value'){									
			fxvalues.start({
				'background-color': '#ffffff'
			});
			}
		});
		
		element.addEvent('click', function(){
			var childof = parseInt(element.getProperty('childof'));
			var disablelist = $$('#sorting_option_values'+childof+' .sorting_option_value');
			disablelist.each(function(element) {
				element.setStyle('background-color', '#ffffff');
				element.removeClass('selected');
			});
			//element.addClass('selected');
			var valueTarget = $('sorting_option_values'+active_option);
			ChangeAnim('height', valueTarget, 0, 500, Fx.Transitions.Cubic.easeOut)
			active_option = '';
		
		});
		
	});
}

function SetOptionValue(option_id,values_id){
	
	if(active_option!=''){
		$('product_option_'+option_id).innerHTML 	= $('product_option_value_'+values_id).innerHTML;
		var valueTarget = $('product_option_values'+active_option);
		ChangeAnim('height', valueTarget, 0, 500, Fx.Transitions.Cubic.easeOut)
		active_option = '';
	}
	document.getElementById('id['+option_id+']').value = values_id;		
}

function openLink(str_link){
	window.location	= str_link;	
}

//scrolling etc -- OK!
var myScrollEffect;
var listScrollPosition		= new Array();
listScrollPosition['most_popular_scollable']		= 0;
listScrollPosition['latest_group_1_scollable']		= 0;
listScrollPosition['latest_group_2_scollable']		= 0;

var oldListScrollPosition 	= new Array();
oldListScrollPosition['most_popular_scollable']		= 0;
oldListScrollPosition['latest_group_1_scollable']	= 0;
oldListScrollPosition['latest_group_2_scollable']	= 0;
var inList					= 12
var currScrollTarget		= '';
function scrollLeft(target){
	oldListScrollPosition[target]	= listScrollPosition[target];
	listScrollPosition[target]-=(4*166);
	doScroll(target);
}

function scrollRight(target){
	oldListScrollPosition[target]	= listScrollPosition[target];
	listScrollPosition[target]+=(4*166);
	doScroll(target);
}

function doScroll(target){
	
	if(myScrollEffect){
		myScrollEffect.cancel();
	}
	if(listScrollPosition[target]<0){
		listScrollPosition[target] = 0;
	}
	if(listScrollPosition[target] > ((1992 - 4 * 166))){
		listScrollPosition[target] = (1992 - 4 * 166);
	}
	myScrollEffect = MorpheItems(target, 800, Fx.Transitions.Cubic.easeOut);
	myScrollEffect.start({'left': -listScrollPosition[target]});
	
}

function resetScroll(target){
	oldListScrollPosition 	= 0;
	listScrollPosition 		= 0;
	
	myScrollEffect = new Fx.Scroll(target, {
		offset: {
			'x': listScrollPosition,
			'y': 0
		}
	}).toTop();
}

function openWindow(url, name){
	var winRef = window.open(url, name, 'left=20,top=20,width=680,height=600,scrollbars=1,toolbar=0,resizable=0');
}
function confirmAll(){
	if($('agree').checked){
		$('agree_notice').setStyle('display','none');
		document.checkout_confirmation.submit();
	}else{
		$('agree_notice').setStyle('display','block');
	}
}





























var active_slide_home			= 0;
var count_slides_home			= 0;
var slide_urls_home				= new Array();
var slide_links_home			= new Array();
var slide_video_image			= new Array();
var fx_slide_info_home;
var proportions_original_home;
var allow_refresh_home			= true;
var allow_auto_refresh_home		= true;
var refresher_home;
var homelink					= '';


function initHomeSlides(){
	active_slide_home			= -1;
	//if($('home_slides')){
		//alert(1);
		if($('valuesURL_2')){
			if($('valuesURL_2').value != ''){
				var url_slides			= $('valuesURL_2').value;
				slide_urls_home			= url_slides.split('#');
				var link_slides			= $('valuesLinks_2').value;
				slide_links_home		= link_slides.split('#');
				var video_image			= $('valuesVideoImage_2').value;
				slide_video_image		= video_image.split('#');
				
				
				count_slides_home		= $('aantal_thumbs_2').value;
				setSlideAutoHome();
				
				if($('slides_container_home')){
					$('slides_container_home').addEvent('click', function(event){ 
						if(homelink!=''){
							window.location	= homelink;	
						}
					});
				}
			}
		}
	//}
}
function navSlide(direction){
	$clear(refresher_home)
	var nr 			= active_slide_home
	switch(direction){
		case 1:
			if(nr < (count_slides_home-1)){
				nr++;
			}else{
				nr			= 0;
			}
		break;
		case -1:
			if(nr > 0){
				nr--
			}else{
				nr			= count_slides_home-1;
			}
		break;
	}
	allow_refresh_home	= true;
	setSlideHome(nr);
}
function setSlideManualHome(){
	$clear(refresher_home)
	var nr 			= active_slide_home
	if(nr < (count_slide_home-1)){
		nr++
	}else{
		nr			= 0;
	}
	setSlideHome(nr);
}
function setSlideAutoHome(){
	if(allow_auto_refresh_home){
		var nr 			= active_slide_home
		if(nr < (count_slides_home-1)){
			nr++
		}else{
			nr			= 0;
		}
		setSlideHome(nr);
	}else{
		$clear(refresher_home)
	}
}

function setSlideHome(nr){
	if(nr!=active_slide_home && allow_refresh_home == true){
		active_slide_home	= nr;
		allow_refresh_home	= false;
		
		homelink			= 'http://' + slide_links_home[nr];
		
		var video_image		= slide_video_image[nr];

		$('home_video_container').empty();

		if(video_image == 1){
			loadNewSlideHome(slide_urls_home[nr]);
		}else{
			loadNewSlideHomeVideo(slide_urls_home[nr]);
		}
	}
}

function loadNewSlideHomeVideo(new_url){
	allow_click		= false;
	var obj = new Swiff(root_domain+'home/video.swf', {
		id: 'home_video_container',
		container: $('home_video_container'),
		width: 748,
		height: 420,
		params: {
			wmode: 'window',
			bgcolor: '#000',
			allowFullScreen: "true"
		},
		vars: {
			url: new_url
		}
	})
	
	allow_click		= true;
	video_id		= 0;
	
	$('slide_image_home').setStyle('opacity',0);
				
	
	allow_refresh_home	= false;
	$clear(refresher_home);
//	refresher_home		= setSlideAutoHome.periodical(15000);
}

var current_img_fx_out_home;
var current_img_fx_in_home;
var this_breedte_image_home;
var this_hoogte_image_home;
				
function loadNewSlideHome(new_url){
	new Asset.images(new_url, {
		onProgress: function(i) {
			this_breedte_image_home 	= this.width;
			this_hoogte_image_home 		= this.height;
			this.setStyles({
				'opacity': 0
			});
		},
		onComplete: function() {
			
			current_img_fx_out_home = new Fx.Morph($('slide_image_home'), {duration: 300, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
				
				current_img_fx_in_home = new Fx.Morph($('slide_image_home'), {duration: 300, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
					allow_refresh_home	= true;
					$clear(refresher_home);
					refresher_home		= setSlideAutoHome.periodical(15000);
				}});
				
				current_img_fx_in_home.set({'opacity': 0});
				$('slide_image_home').src = new_url;
				
				current_img_fx_in_home.cancel();
				current_img_fx_in_home.start({'opacity': 1});
				//alert(homelink);
				
			}});
				
			current_img_fx_out_home.cancel();
			current_img_fx_out_home.start({'opacity': 0});
			
		}
	});
		
}