selectedMenu = 0;
function hover (obj) {
	var newSrc = 'images/h_' + obj.id + '.jpg';
	obj.src = newSrc
}

function unhover (obj) {
	var newSrc = 'images/' + obj.id + '.jpg';
	obj.src = newSrc
}



function setMenuActive(menuID) {
	selectedMenu = menuID
	document.getElementById(menuID).src="images/menu/h_"+menuID+".jpg";
}


function menuhover (obj) {
	var newSrc = 'images/menu/h_' + obj.id + '.jpg';
	obj.src = newSrc
}

function unmenuhover (obj) {
	if(obj.id == selectedMenu)
		return;
		
	var newSrc = 'images/menu/' + obj.id + '.jpg';
	obj.src = newSrc
}

//function setActiveMenu(men) {
//	menuActive = men
//	var ob = document.getElementById(men)
//	menuhover(menuActive)
//}


function redirect(page) {
	location.href= page
}


function getContent(page) {
	$("#contactContent").load("contactsInnerpages.html #"+page);
}

start=0
totalItems = 0;
fRun =0;
Page=1;



function getItems(xmlFile) {
	 expander(xmlFile)
	
	 jQuery('#prods').empty();
	 jQuery('#carouselPack').show();
	 jQuery('#details').hide();
	 
	 totalItems = 0;
	 fRun =1;
	 Page=1;
	 
	$.get("xml/"+xmlFile+".xml",{},function(xml){
	  	
	  	var items=0;

	  	$('item',xml).each(function(i) {
			items = items + 1;
			var itemPic = $(this).find("picture").text()
			var itemName = $(this).find("name").text()
			var itemSubtitle = $(this).find("subtitle").text()
			var rId = $(this).find("id").text()
			
			myHTMLOutput ='<li id="'+items+'" style="overflow: hidden; float: left; width: 180px; height: 134px;"><div class="itemHolder"><a href="#" class="carouselLink" onclick="getXmlRow(\''+xmlFile+'\','+rId+')"><img src="'+ itemPic +'" width="130" height="95" /></a></div><div class="itemTitle"><a href="#" class="carouselLink" onclick="getXmlRow(\''+xmlFile+'\','+rId+')">'+itemName+'</a></div><div class="itemSubtitle">'+itemSubtitle+'</div></li>';
			$("#prods").append(myHTMLOutput);
		});

		totalItems = items;
		
		if(start==0) {
//			run carousel only one time
			
 				$(".jc").jCarouselLite({
			        btnNext: ".next",
			        btnPrev: ".prev",
			        circular: false,
			        scroll: 1,
			        visible: 3,
			        start:0,
			        speed:1200,
			        clickBack: function() {
			        	setPoints("","back")
			        },
			        clickNext: function() {
			        	setPoints("","next")
			        },
			        beforeStart: function(a) {

   					},
   					 afterEnd: function(a) {
//        				setPoints(a[0].id);
    				}

		 });

		
		 	
		setPoints(1);
 		start=1;
		} else {
			
			
			var newWidth = totalItems * 180;
			$("#prods").css('left',0+'px');
			$("#prods").css('width',newWidth + 'px')
			
			
			setPoints("",Page)
		}
		
		
			
	});
	
	
//	$("#carouselPack").show();
	
}

function setPoints(cPos,cP) {
	var cPage = Page
		
	$("#points").html("");
	var points = '';
	var p = Math.ceil(totalItems / 3);
	if(cP) {
		if(cP=="next" && cPage<p) {
		    cPage++;
		    
		} else if(cP=="back" && cPage>=2) {
		    cPage--;	
		}
		
	} else	
		cPage = Math.ceil(cPos / 3);
	
//	if(cPage > p || cPage<0) return false;	
		
	Page = cPage;	
	for(var i=1;i<=p;i++) {
		if(cPage==i) {
			points += "<div class='bulinaNeagra'></div>";	
		} else {
			points += "<div class='bulinaAlba'></div>";	
		}
	}
		points += "<div class='clear'><!-- --></div>";

//		points = cPage
		$("#points").html(points);
}






function getXmlRow(xmlFile,rowId) {
	$.get("xml/"+xmlFile+".xml",{},function(xml){

		var items=0;
		// Run the function for each student tag in the XML file
		$('item',xml).each(function(i) {
			var itemID = $(this).find("id").text()
			if(itemID==rowId) {
				var largePic = $(this).find("largepicture").text()
				var dimension = $(this).find("dimension").text()
				var interieur = $(this).find("interieur").text()
				var exterieur = $(this).find("exterieur").text()
				var exposition = $(this).find("exposition").text()
				var temperature = $(this).find("temperature").text()
				var puissance = $(this).find("puissance").text()
				var consomation = $(this).find("consomation").text()
				var eclairage = $(this).find("eclairage").text()
				var reference = $(this).find("name").text()
				var capacite = $(this).find("capacite").text()
				var fonctionnement = $(this).find("fonctionnement").text()
				var puissanceDegivrage = $(this).find("puissanceDegivrage").text()
				var pdffile = $(this).find("pdffile").text()
				
				
					
			
				$("#photo").html('<img src="'+largePic+'" />');
				$("#dimension").html(dimension);
				$("#interieur").html(interieur);
				$("#exterieur").html(exterieur);
				$("#expositionDet").html(exposition);
				$("#temperature").html(temperature);
				$("#puissance").html(puissance);
				$("#consomation").html(consomation);
				$("#eclairage").html(eclairage);
				$("#reference").html(reference);
				$("#prdTitle").html(reference);
				$("#capacite").html(capacite);
				$("#fonctionnement").html(fonctionnement);
				$("#puissanceDegivrage").html(puissanceDegivrage);
				$("#pdf").html('<a href="'+pdffile+'" class="carouselLink"><strong>T&eacute;l&eacute;charger la fiche produit</strong></a>');
				
				
				
				$("#details").show();
				$("#detailsLoading").hide();
				
			}	
		});
	})
}


expandedSection = 0;
contactMenu = 0
function expander(section,m) {
	collapser(expandedSection)
	
	if(section) {
		if(m=="menu") {
			contactMenu = section
			document.getElementById(section).src = "images/contactmenu/expanded_" + section + ".jpg"
		}else {
			document.getElementById(section).src = "images/productsmenu/expanded_" + section + ".jpg"
		}	
		expandedSection = section
	}	
}


function collapser(section) {
	if(section) {
		
		if(contactMenu) {
			document.getElementById(contactMenu).src = "images/contactmenu/" + contactMenu + ".jpg"
		}else {
			document.getElementById(section).src = "images/productsmenu/" + section + ".jpg"
		}	
	}	
}